@miiflow/assistant-ui 0.2.3 → 0.3.0

package/dist/styled/index.d.cts

@@ -1,477 +0,0 @@
-export { A as AttachmentPreview, j as AttachmentPreviewProps, a as Avatar, k as AvatarProps, C as ChatContainer, l as ChatContainerProps, b as ChatLayout, m as ChatLayoutProps, M as MarkdownContent, n as MarkdownContentProps, c as Message, d as MessageActionBar, o as MessageActionBarProps, e as MessageComposer, p as MessageComposerProps, f as MessageList, q as MessageListProps, r as MessageProps, S as ScrollToBottomButton, s as ScrollToBottomButtonProps, g as StreamingText, t as StreamingTextProps, h as SuggestedActions, u as SuggestedActionsProps, v as ToolStatus, T as ToolStatusIndicator, w as ToolStatusIndicatorProps, i as TypingIndicator, x as TypingIndicatorProps, W as WelcomeScreen, y as WelcomeScreenProps } from '../WelcomeScreen-BiY3uGhp.cjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ReactNode } from 'react';
-import { A as Attachment, S as SourceReference } from '../message-9z0crkf9.cjs';
-export { C as ChatMessage, M as MessageData, a as MessageError, b as Participant, P as ParticipantRole, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from '../message-9z0crkf9.cjs';
-import { S as StreamingChunk, P as PlanData, C as ClarificationData, V as VisualizationChunkData, d as VisualizationActionEvent, e as ChartVisualizationData, f as VisualizationConfig, T as TableVisualizationData, g as CardVisualizationData, K as KpiVisualizationData, h as CodePreviewVisualizationData, F as FormVisualizationData, E as Event, i as EventStatus } from '../streaming-CF63E6iS.cjs';
-export { j as ChunkType, k as ClaudeToolChunkData, l as EventType, m as FileOperationChunkData, n as FollowupAction, O as ObservationEvent, o as ParallelSubtaskData, p as PlanningEvent, q as ProgressData, r as SearchResultsChunkData, s as StreamingMessage, t as SubTaskData, u as SubagentChunkData, v as SubagentInfo, w as SubtaskEvent, x as TerminalChunkData, y as ThinkingEvent, z as ToolEvent, A as VisualizationType, W as WaveData, B as WebOperationChunkData } from '../streaming-CF63E6iS.cjs';
-import { z, ZodSchema } from 'zod';
-export { ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from '../context/index.cjs';
-export { B as BrandingData } from '../branding-SzYU4ncD.cjs';
-export { u as useComposer, g as useMessage } from '../avatar-CL1hlGO5.cjs';
-
-interface LoadingDotsProps {
-    /** Size variant */
-    size?: "small" | "medium" | "large";
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Animated loading dots indicator
- */
-declare function LoadingDots({ size, className }: LoadingDotsProps): react_jsx_runtime.JSX.Element;
-
-interface TimeMarkerProps {
-    /** The label to display (e.g. "Today", "Yesterday", "Monday") */
-    label: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * Centered time separator between message groups.
- * Displays a label like "Today" or "Yesterday" with horizontal rules.
- */
-declare function TimeMarker({ label, className }: TimeMarkerProps): react_jsx_runtime.JSX.Element;
-
-interface ChatHeaderAction {
-    id: string;
-    label: string;
-    icon?: react__default.ReactNode;
-    onClick: () => void;
-    disabled?: boolean;
-}
-interface ChatHeaderProps {
-    /** Assistant/chat title */
-    title: string;
-    /** Optional subtitle/description */
-    subtitle?: string;
-    /** Logo URL or element */
-    logo?: string | react__default.ReactNode;
-    /** Menu actions */
-    actions?: ChatHeaderAction[];
-    /** Show close button */
-    showClose?: boolean;
-    /** Close button handler */
-    onClose?: () => void;
-    /** Loading state */
-    loading?: boolean;
-    /** Additional class names */
-    className?: string;
-    /** Custom styles via CSS variables */
-    style?: react__default.CSSProperties;
-}
-declare function ChatHeader({ title, subtitle, logo, actions, showClose, onClose, loading, className, style, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
-
-interface MessageAttachmentsProps {
-    /** List of attachments to display */
-    attachments: Attachment[];
-    /** Custom download handler */
-    onDownload?: (attachment: Attachment) => void;
-    /** Custom preview handler */
-    onPreview?: (attachment: Attachment) => void;
-    /** Additional class names */
-    className?: string;
-}
-/**
- * Display attachments (images, videos, documents) in messages
- */
-declare function MessageAttachments({ attachments, onDownload, onPreview, className, }: MessageAttachmentsProps): react_jsx_runtime.JSX.Element | null;
-
-interface ReasoningPanelProps {
-    /** Whether currently streaming */
-    isStreaming?: boolean;
-    /** Streaming chunks */
-    chunks?: StreamingChunk[];
-    /** Execution plan for Plan & Execute mode */
-    plan?: PlanData;
-    /** Execution timeline (completed messages) */
-    executionTimeline?: any[];
-    /** User message timestamp for duration calculation */
-    userMessageTimestamp?: number;
-    /** Total execution time in seconds */
-    executionTime?: number;
-    /** Whether expanded by default */
-    defaultExpanded?: boolean;
-    /** Controlled expanded state */
-    expanded?: boolean;
-    /** Callback when expanded state changes */
-    onExpandedChange?: (expanded: boolean) => void;
-    /** Additional class names */
-    className?: string;
-}
-declare function ReasoningPanel({ isStreaming, chunks, plan, executionTimeline, userMessageTimestamp, executionTime, defaultExpanded, expanded: controlledExpanded, onExpandedChange, className, }: ReasoningPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface ClarificationPanelProps {
-    clarification: ClarificationData;
-    onSubmit: (response: string) => void;
-    onOptionSelect?: (option: string) => void;
-    disabled?: boolean;
-    loading?: boolean;
-    className?: string;
-}
-/**
- * Stateless clarification panel - displays when the AI agent needs user input.
- * Orange left-border panel with question, radio options, and free-text input.
- */
-declare function ClarificationPanel({ clarification, onSubmit, onOptionSelect, disabled, loading, className, }: ClarificationPanelProps): react_jsx_runtime.JSX.Element;
-
-interface CitationSourcesProps {
-    sources: SourceReference[];
-    className?: string;
-}
-/**
- * Renders citation sources as a horizontal row of clickable chips.
- * Clicking a chip opens a modal showing full source content.
- */
-declare function CitationSources({ sources, className }: CitationSourcesProps): react_jsx_runtime.JSX.Element | null;
-interface SourceDetailModalProps {
-    source: SourceReference | null;
-    onClose: () => void;
-}
-declare function SourceDetailModal({ source, onClose, }: SourceDetailModalProps): react_jsx_runtime.JSX.Element | null;
-/**
- * Inline citation badge - renders a small numbered badge like [1]
- * with optional tooltip on hover and click-to-open URL.
- */
-interface InlineCitationProps {
-    index: number;
-    source?: SourceReference;
-}
-declare function InlineCitation({ index, source }: InlineCitationProps): react_jsx_runtime.JSX.Element;
-
-interface ClaudeToolPreviewProps {
-    chunk: StreamingChunk;
-}
-declare function ClaudeToolPreview({ chunk }: ClaudeToolPreviewProps): react_jsx_runtime.JSX.Element | null;
-
-interface TerminalOutputProps {
-    chunk: StreamingChunk;
-}
-declare function TerminalOutput({ chunk }: TerminalOutputProps): react_jsx_runtime.JSX.Element | null;
-
-interface FileOperationPreviewProps {
-    chunk: StreamingChunk;
-}
-declare function FileOperationPreview({ chunk }: FileOperationPreviewProps): react_jsx_runtime.JSX.Element | null;
-
-interface SearchResultsViewProps {
-    chunk: StreamingChunk;
-}
-declare function SearchResultsView({ chunk }: SearchResultsViewProps): react_jsx_runtime.JSX.Element | null;
-
-interface WebOperationPreviewProps {
-    chunk: StreamingChunk;
-}
-declare function WebOperationPreview({ chunk }: WebOperationPreviewProps): react_jsx_runtime.JSX.Element | null;
-
-interface SubagentPanelProps {
-    chunk: StreamingChunk;
-}
-declare function SubagentPanel({ chunk }: SubagentPanelProps): react_jsx_runtime.JSX.Element | null;
-
-declare const chartVisualizationSchema: z.ZodObject<{
-    chartType: z.ZodEnum<{
-        line: "line";
-        bar: "bar";
-        pie: "pie";
-        area: "area";
-        scatter: "scatter";
-        composed: "composed";
-    }>;
-    series: z.ZodArray<z.ZodObject<{
-        name: z.ZodString;
-        data: z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
-            x: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
-            y: z.ZodNumber;
-        }, z.core.$strip>, z.ZodObject<{
-            name: z.ZodString;
-            value: z.ZodNumber;
-        }, z.core.$strip>]>>;
-        color: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    xAxis: z.ZodOptional<z.ZodObject<{
-        label: z.ZodOptional<z.ZodString>;
-        type: z.ZodOptional<z.ZodEnum<{
-            number: "number";
-            category: "category";
-            time: "time";
-        }>>;
-        min: z.ZodOptional<z.ZodNumber>;
-        max: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strip>>;
-    yAxis: z.ZodOptional<z.ZodObject<{
-        label: z.ZodOptional<z.ZodString>;
-        type: z.ZodOptional<z.ZodEnum<{
-            number: "number";
-            category: "category";
-            time: "time";
-        }>>;
-        min: z.ZodOptional<z.ZodNumber>;
-        max: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
-declare const tableVisualizationSchema: z.ZodObject<{
-    columns: z.ZodArray<z.ZodObject<{
-        key: z.ZodString;
-        label: z.ZodString;
-        type: z.ZodOptional<z.ZodEnum<{
-            string: "string";
-            number: "number";
-            boolean: "boolean";
-            progress: "progress";
-            currency: "currency";
-            date: "date";
-            badge: "badge";
-            link: "link";
-        }>>;
-        align: z.ZodOptional<z.ZodEnum<{
-            left: "left";
-            center: "center";
-            right: "right";
-        }>>;
-        width: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    rows: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-}, z.core.$strip>;
-declare const cardVisualizationSchema: z.ZodObject<{
-    subtitle: z.ZodOptional<z.ZodString>;
-    imageUrl: z.ZodOptional<z.ZodString>;
-    sections: z.ZodArray<z.ZodObject<{
-        title: z.ZodOptional<z.ZodString>;
-        items: z.ZodOptional<z.ZodArray<z.ZodObject<{
-            label: z.ZodString;
-            value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
-        }, z.core.$strip>>>;
-        content: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
-        label: z.ZodString;
-        action: z.ZodString;
-        variant: z.ZodOptional<z.ZodEnum<{
-            primary: "primary";
-            secondary: "secondary";
-            text: "text";
-        }>>;
-    }, z.core.$strip>>>;
-}, z.core.$strip>;
-declare const kpiVisualizationSchema: z.ZodObject<{
-    metrics: z.ZodArray<z.ZodObject<{
-        label: z.ZodString;
-        value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
-        unit: z.ZodOptional<z.ZodString>;
-        trend: z.ZodOptional<z.ZodEnum<{
-            up: "up";
-            down: "down";
-            neutral: "neutral";
-        }>>;
-        change: z.ZodOptional<z.ZodString>;
-        changeLabel: z.ZodOptional<z.ZodString>;
-        sparkline: z.ZodOptional<z.ZodArray<z.ZodNumber>>;
-        color: z.ZodOptional<z.ZodString>;
-    }, z.core.$strip>>;
-    layout: z.ZodOptional<z.ZodEnum<{
-        row: "row";
-        grid: "grid";
-    }>>;
-}, z.core.$strip>;
-declare const codePreviewVisualizationSchema: z.ZodObject<{
-    code: z.ZodString;
-    language: z.ZodString;
-    lineNumbers: z.ZodOptional<z.ZodBoolean>;
-    highlightLines: z.ZodOptional<z.ZodArray<z.ZodNumber>>;
-    startLine: z.ZodOptional<z.ZodNumber>;
-}, z.core.$strip>;
-declare const formVisualizationSchema: z.ZodObject<{
-    fields: z.ZodArray<z.ZodObject<{
-        name: z.ZodString;
-        type: z.ZodEnum<{
-            number: "number";
-            date: "date";
-            text: "text";
-            email: "email";
-            select: "select";
-            multiselect: "multiselect";
-            checkbox: "checkbox";
-            radio: "radio";
-            textarea: "textarea";
-            datetime: "datetime";
-        }>;
-        label: z.ZodString;
-        required: z.ZodOptional<z.ZodBoolean>;
-        placeholder: z.ZodOptional<z.ZodString>;
-        options: z.ZodOptional<z.ZodArray<z.ZodObject<{
-            value: z.ZodString;
-            label: z.ZodString;
-        }, z.core.$strip>>>;
-        defaultValue: z.ZodOptional<z.ZodUnknown>;
-        validation: z.ZodOptional<z.ZodObject<{
-            min: z.ZodOptional<z.ZodNumber>;
-            max: z.ZodOptional<z.ZodNumber>;
-            pattern: z.ZodOptional<z.ZodString>;
-            message: z.ZodOptional<z.ZodString>;
-        }, z.core.$strip>>;
-    }, z.core.$strip>>;
-    submitAction: z.ZodOptional<z.ZodString>;
-}, z.core.$strip>;
-
-interface VisualizationRendererProps {
-    data: VisualizationChunkData;
-    isStreaming?: boolean;
-    onAction?: (event: VisualizationActionEvent) => void;
-}
-declare function VisualizationRenderer({ data, isStreaming, onAction, }: VisualizationRendererProps): react_jsx_runtime.JSX.Element;
-
-interface ChartVisualizationProps {
-    data: ChartVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-}
-declare function ChartVisualization({ data, config, isStreaming }: ChartVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface TableVisualizationProps {
-    data: TableVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-}
-declare function TableVisualization({ data, config }: TableVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface CardVisualizationProps {
-    data: CardVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-    onAction?: (event: VisualizationActionEvent) => void;
-}
-declare function CardVisualization({ data, config, onAction }: CardVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface KpiVisualizationProps {
-    data: KpiVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-}
-declare function KpiVisualization({ data, config, isStreaming }: KpiVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface CodePreviewVisualizationProps {
-    data: CodePreviewVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-}
-declare function CodePreviewVisualization({ data }: CodePreviewVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface FormVisualizationProps {
-    data: FormVisualizationData;
-    config?: VisualizationConfig;
-    isStreaming?: boolean;
-    onAction?: (event: VisualizationActionEvent) => void;
-}
-declare function FormVisualization({ data, config, isStreaming, onAction }: FormVisualizationProps): react_jsx_runtime.JSX.Element;
-
-interface VisualizationEntry {
-    component: React.ComponentType<{
-        data: any;
-        config?: VisualizationConfig;
-        isStreaming?: boolean;
-        onAction?: (event: VisualizationActionEvent) => void;
-    }>;
-    schema?: ZodSchema;
-}
-/**
- * Register a visualization type. Built-in types are registered at module load.
- * Consumers can call this to add custom visualization types.
- */
-declare function registerVisualization(type: string, entry: VisualizationEntry): void;
-/**
- * Look up a registered visualization by type string.
- */
-declare function getVisualization(type: string): VisualizationEntry | undefined;
-/**
- * Return all registered visualization type strings.
- */
-declare function getRegisteredTypes(): string[];
-
-interface EventContentProps {
-    event: Event;
-    className?: string;
-    /** When true, shows beamer scanning effect on tool items */
-    isRunning?: boolean;
-}
-/**
- * Renders content for different event types
- * - Thinking: Markdown content with subtle styling
- * - Planning: Markdown content with planning context
- * - Tool: Inline icon + text display with beamer effect when running
- * - Observation: Colored result panel
- */
-declare function EventContent({ event, className, isRunning }: EventContentProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Convert StreamingChunk to Event format
- */
-declare function convertChunkToEvent(chunk: StreamingChunk, index: number): Event | null;
-/**
- * Convert timeline items (from metadata) to Events
- */
-declare function convertTimelineToEvents(timeline: Array<Record<string, unknown>>): Event[];
-interface EventTimelineProps {
-    events: Event[];
-    isStreaming?: boolean;
-    className?: string;
-}
-/**
- * Unified event timeline component
- * Displays thinking, tool execution, and observation events
- */
-declare function EventTimeline({ events, className }: EventTimelineProps): react_jsx_runtime.JSX.Element | null;
-
-interface PlanTimelineProps {
-    plan: PlanData;
-    streamingChunks?: StreamingChunk[];
-    className?: string;
-}
-/**
- * Minimal timeline for Plan & Execute mode.
- * Matches in-house style: simple "Plan:" header + inline text rows.
- */
-declare function PlanTimeline({ plan, streamingChunks, className, }: PlanTimelineProps): react_jsx_runtime.JSX.Element;
-
-interface StatusBadgeProps {
-    status: EventStatus;
-    size?: number;
-    className?: string;
-}
-/**
- * Circular status badge with magical animations
- * - Pending: Dashed circle (muted)
- * - Running: Glowing orb with pulse effect
- * - Completed: Green check with pop + flash animation
- * - Failed: Red X
- */
-declare function StatusBadge({ status, size, className }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface TimelineItemData {
-    id: string;
-    status: EventStatus;
-    content: ReactNode;
-}
-interface TimelineProps {
-    items: TimelineItemData[];
-    badgeSize?: number;
-    className?: string;
-}
-/**
- * Vertical timeline component
- * Displays items with status badges and connecting lines
- */
-declare function Timeline({ items, badgeSize, className }: TimelineProps): react_jsx_runtime.JSX.Element | null;
-interface TimelineItemProps {
-    status: EventStatus;
-    isLast?: boolean;
-    badgeSize?: number;
-    children: ReactNode;
-    className?: string;
-}
-/**
- * Single timeline item (alternative API)
- */
-declare function TimelineItem({ status, isLast, badgeSize, children, className, }: TimelineItemProps): react_jsx_runtime.JSX.Element;
-
-export { Attachment, CardVisualization, type CardVisualizationProps, ChartVisualization, type ChartVisualizationProps, ChatHeader, type ChatHeaderAction, type ChatHeaderProps, CitationSources, type CitationSourcesProps, ClarificationData, ClarificationPanel, type ClarificationPanelProps, ClaudeToolPreview, type ClaudeToolPreviewProps, CodePreviewVisualization, type CodePreviewVisualizationProps, Event, EventContent, EventStatus, EventTimeline, type EventTimelineProps, FileOperationPreview, type FileOperationPreviewProps, FormVisualization, type FormVisualizationProps, InlineCitation, type InlineCitationProps, KpiVisualization, type KpiVisualizationProps, LoadingDots, type LoadingDotsProps, MessageAttachments, type MessageAttachmentsProps, PlanData, PlanTimeline, type PlanTimelineProps, ReasoningPanel, type ReasoningPanelProps, SearchResultsView, type SearchResultsViewProps, SourceDetailModal, type SourceDetailModalProps, SourceReference, StatusBadge, StreamingChunk, SubagentPanel, type SubagentPanelProps, TableVisualization, type TableVisualizationProps, TerminalOutput, type TerminalOutputProps, TimeMarker, type TimeMarkerProps, Timeline, TimelineItem, type TimelineItemData, type TimelineItemProps, type TimelineProps, VisualizationActionEvent, VisualizationChunkData, VisualizationConfig, type VisualizationEntry, VisualizationRenderer, type VisualizationRendererProps, WebOperationPreview, type WebOperationPreviewProps, cardVisualizationSchema, chartVisualizationSchema, codePreviewVisualizationSchema, convertChunkToEvent, convertTimelineToEvents, formVisualizationSchema, getRegisteredTypes, getVisualization, kpiVisualizationSchema, registerVisualization, tableVisualizationSchema };