@autifyhq/muon/dist/ui/components.d.ts

Muon - AI-Powered Playwright Test Coding Agent with Advanced Test Fixing Capabilities

import React from 'react';
import type { ConversationMessage, MuonMessage } from '../streaming-agent.js';
type ToolCall = NonNullable<ConversationMessage['tool_calls']>[0];
export interface WelcomePanelProps {
    projectPath: string;
}
export declare const WelcomePanel: React.FC<WelcomePanelProps>;
export declare const TipsPanel: React.FC;
export interface HeaderProps {
    projectName: string;
    branch: string;
}
export interface InputBoxProps {
    placeholder?: string;
    onSubmit: (value: string) => void;
    onCancel?: () => void;
    disabled?: boolean;
    isProcessing?: boolean;
}
export declare const InputBox: React.FC<InputBoxProps>;
export interface StatusBarProps {
    error?: string;
    showToolResults?: boolean;
    isProcessing?: boolean;
    elapsedTime?: number;
}
export declare const StatusBar: React.FC<StatusBarProps>;
export interface SpinnerProps {
    type?: 'dots' | 'line' | 'arrow' | 'clock';
}
export interface ProgressBarProps {
    current: number;
    total: number;
    width?: number;
    showPercent?: boolean;
}
export declare const ProgressBar: React.FC<ProgressBarProps>;
export interface StatusBadgeProps {
    status: 'success' | 'error' | 'warning' | 'info' | 'processing';
    children: React.ReactNode;
}
export declare const StatusBadge: React.FC<StatusBadgeProps>;
export interface MessageBoxProps {
    type: MuonMessage['type'];
    content: string;
    showToolResults?: boolean;
    tool_calls?: ToolCall[];
}
export declare const MessageBox: React.FC<MessageBoxProps>;
export interface ChatContainerProps {
    messages: MuonMessage[];
    showTimestamps?: boolean;
    isProcessing?: boolean;
    streamingContent?: string;
    showToolResults?: boolean;
}
export declare const ChatContainer: React.FC<ChatContainerProps>;
export interface StatusPanelProps {
    isProcessing: boolean;
    sessionId: string;
    serverUrl: string;
    agentType: string;
}
export declare const StatusPanel: React.FC<StatusPanelProps>;
export interface HelpPanelProps {
    shortcuts?: Array<{
        key: string;
        description: string;
    }>;
}
export declare const HelpPanel: React.FC<HelpPanelProps>;
export interface TrustConfirmationProps {
    projectPath: string;
    onConfirm: () => void;
    onExit: () => void;
}
export declare const TrustConfirmation: React.FC<TrustConfirmationProps>;
export interface TaskProgressProps {
    tasks: Array<{
        id: string;
        title: string;
        status: 'pending' | 'in_progress' | 'completed' | 'failed';
        progress?: number;
    }>;
}
export declare const TaskProgress: React.FC<TaskProgressProps>;
export {};