/** * WorkingIndicator - Spinner + status display during AI calls * * Displays an animated spinner with status text and elapsed time when the AI is processing. * Similar to Claude Code's "Thinking..." indicator with time tracking. */ import React from 'react'; /** * Working state object describing the current processing state */ export interface WorkingState { /** Whether to show the indicator */ isWorking: boolean; /** Status text (e.g., "Thinking...", "Reading files...", "Searching...") */ status: string; /** Optional hint text (e.g., "esc to interrupt") */ hint?: string; /** Optional start time for elapsed time display (if not provided, tracks automatically) */ startTime?: number; } /** * Props for the WorkingIndicator component */ export interface WorkingIndicatorProps { /** Working state object */ state: WorkingState; /** Whether to show elapsed time (default: true) */ showElapsedTime?: boolean; /** Visual variant: 'active' (yellow) or 'thinking' (grey) */ variant?: 'active' | 'thinking'; } /** * WorkingIndicator component * * Displays a spinner with status text and elapsed time when AI is processing. * Returns null when not working. * * @example * ```tsx * * // Renders: ⠋ Thinking... (12s) (esc to interrupt) * ``` */ export declare function WorkingIndicator({ state, showElapsedTime, variant, }: WorkingIndicatorProps): React.ReactElement | null;