wiggum-cli 0.7.8 → 0.8.0

package/dist/tui/app.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Main Ink Application Entry Point
+ *
+ * The root component for the Ink-based TUI. Routes to different screens
+ * based on the mode/screen prop. Currently supports the interview screen
+ * for the /new command, with room to add more screens (init, main shell,
+ * monitor) as needed.
+ */
+import React from 'react';
+import { type Instance } from 'ink';
+import type { AIProvider } from '../ai/providers.js';
+import type { ScanResult } from '../scanner/types.js';
+/**
+ * Props for the interview screen
+ */
+export interface InterviewAppProps {
+    /** Name of the feature being specified */
+    featureName: string;
+    /** Project root directory path */
+    projectRoot: string;
+    /** AI provider to use */
+    provider: AIProvider;
+    /** Model ID to use */
+    model: string;
+    /** Optional scan result with detected tech stack */
+    scanResult?: ScanResult;
+}
+/**
+ * Available screen types for the App component
+ * Start with just 'interview', add more screens later as needed:
+ * - 'init' - Project initialization wizard
+ * - 'shell' - Main interactive shell
+ * - 'monitor' - Agent monitoring dashboard
+ */
+export type AppScreen = 'interview';
+/**
+ * Props for the main App component
+ */
+export interface AppProps {
+    /** Screen to display */
+    screen: AppScreen;
+    /** Props for the interview screen (required when screen is 'interview') */
+    interviewProps?: InterviewAppProps;
+    /** Called when the screen completes successfully */
+    onComplete?: (result: string) => void;
+    /** Called when the user exits/cancels */
+    onExit?: () => void;
+}
+/**
+ * Main App component for the Ink-based TUI
+ *
+ * Routes to different screens based on the `screen` prop. Currently
+ * only supports the interview screen for spec generation. The component
+ * structure allows easy addition of new screens in the future.
+ *
+ * @example
+ * ```tsx
+ * // Render the interview screen
+ * renderApp({
+ *   screen: 'interview',
+ *   interviewProps: {
+ *     featureName: 'user-auth',
+ *     projectRoot: '/path/to/project',
+ *     provider: 'anthropic',
+ *     model: 'claude-sonnet-4-5-20250514',
+ *   },
+ *   onComplete: (spec) => {
+ *     fs.writeFileSync('spec.md', spec);
+ *   },
+ *   onExit: () => {
+ *     process.exit(0);
+ *   },
+ * });
+ * ```
+ */
+export declare function App({ screen, interviewProps, onComplete, onExit, }: AppProps): React.ReactElement | null;
+/**
+ * Render the App component to the terminal
+ *
+ * Helper function that wraps Ink's render() to provide a clean API
+ * for starting the TUI from command handlers.
+ *
+ * @param props - App component props
+ * @returns Ink Instance that can be used to control/cleanup the render
+ *
+ * @example
+ * ```typescript
+ * // In a command handler
+ * const instance = renderApp({
+ *   screen: 'interview',
+ *   interviewProps: { ... },
+ *   onComplete: (spec) => { ... },
+ *   onExit: () => instance.unmount(),
+ * });
+ * ```
+ */
+export declare function renderApp(props: AppProps): Instance;
+//# sourceMappingURL=app.d.ts.map

package/dist/tui/app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/tui/app.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC;AAEpC;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,MAAM,EAAE,SAAS,CAAC;IAClB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,oDAAoD;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,GAAG,CAAC,EAClB,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GACP,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA2BtC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAEnD"}

package/dist/tui/app.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from 'ink';
+import { InterviewScreen } from './screens/InterviewScreen.js';
+/**
+ * Main App component for the Ink-based TUI
+ *
+ * Routes to different screens based on the `screen` prop. Currently
+ * only supports the interview screen for spec generation. The component
+ * structure allows easy addition of new screens in the future.
+ *
+ * @example
+ * ```tsx
+ * // Render the interview screen
+ * renderApp({
+ *   screen: 'interview',
+ *   interviewProps: {
+ *     featureName: 'user-auth',
+ *     projectRoot: '/path/to/project',
+ *     provider: 'anthropic',
+ *     model: 'claude-sonnet-4-5-20250514',
+ *   },
+ *   onComplete: (spec) => {
+ *     fs.writeFileSync('spec.md', spec);
+ *   },
+ *   onExit: () => {
+ *     process.exit(0);
+ *   },
+ * });
+ * ```
+ */
+export function App({ screen, interviewProps, onComplete, onExit, }) {
+    // Route to the appropriate screen based on the screen prop
+    if (screen === 'interview' && interviewProps) {
+        return (_jsx(InterviewScreen, { featureName: interviewProps.featureName, projectRoot: interviewProps.projectRoot, provider: interviewProps.provider, model: interviewProps.model, scanResult: interviewProps.scanResult, onComplete: (spec) => {
+                onComplete?.(spec);
+            }, onCancel: () => {
+                onExit?.();
+            } }));
+    }
+    // Future screens would be added here:
+    // if (screen === 'init' && initProps) { ... }
+    // if (screen === 'shell' && shellProps) { ... }
+    // if (screen === 'monitor' && monitorProps) { ... }
+    // Fallback - shouldn't happen in normal usage
+    return null;
+}
+/**
+ * Render the App component to the terminal
+ *
+ * Helper function that wraps Ink's render() to provide a clean API
+ * for starting the TUI from command handlers.
+ *
+ * @param props - App component props
+ * @returns Ink Instance that can be used to control/cleanup the render
+ *
+ * @example
+ * ```typescript
+ * // In a command handler
+ * const instance = renderApp({
+ *   screen: 'interview',
+ *   interviewProps: { ... },
+ *   onComplete: (spec) => { ... },
+ *   onExit: () => instance.unmount(),
+ * });
+ * ```
+ */
+export function renderApp(props) {
+    return render(_jsx(App, { ...props }));
+}
+//# sourceMappingURL=app.js.map

package/dist/tui/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/tui/app.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAiB,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAyC/D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,cAAc,EACd,UAAU,EACV,MAAM,GACG;IACT,2DAA2D;IAC3D,IAAI,MAAM,KAAK,WAAW,IAAI,cAAc,EAAE,CAAC;QAC7C,OAAO,CACL,KAAC,eAAe,IACd,WAAW,EAAE,cAAc,CAAC,WAAW,EACvC,WAAW,EAAE,cAAc,CAAC,WAAW,EACvC,QAAQ,EAAE,cAAc,CAAC,QAAQ,EACjC,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,UAAU,EAAE,cAAc,CAAC,UAAU,EACrC,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE;gBACnB,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;gBACb,MAAM,EAAE,EAAE,CAAC;YACb,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,sCAAsC;IACtC,8CAA8C;IAC9C,gDAAgD;IAChD,oDAAoD;IAEpD,8CAA8C;IAC9C,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,SAAS,CAAC,KAAe;IACvC,OAAO,MAAM,CAAC,KAAC,GAAG,OAAK,KAAK,GAAI,CAAC,CAAC;AACpC,CAAC"}

package/dist/tui/components/ChatInput.d.ts

@@ -0,0 +1,40 @@
+/**
+ * ChatInput - Multi-line input with history for chat interactions
+ *
+ * Displays a prompt character followed by a text input.
+ * Handles submission on Enter and clears input after submit.
+ */
+import React from 'react';
+/**
+ * Props for the ChatInput component
+ */
+export interface ChatInputProps {
+    /** Called when user presses Enter with the current input value */
+    onSubmit: (value: string) => void;
+    /** Placeholder text when empty */
+    placeholder?: string;
+    /** Whether input is disabled (e.g., during AI processing) */
+    disabled?: boolean;
+    /** Prompt character/text shown before input (default "> ") */
+    prompt?: string;
+    /** Allow empty submissions (e.g., to continue/skip phases) */
+    allowEmpty?: boolean;
+}
+/**
+ * ChatInput component
+ *
+ * Provides a text input with a prompt character for chat-style interactions.
+ * Clears input after submission. Shows dimmed appearance when disabled.
+ *
+ * @example
+ * ```tsx
+ * <ChatInput
+ *   onSubmit={(value) => console.log('User said:', value)}
+ *   placeholder="Type your response..."
+ *   disabled={isProcessing}
+ * />
+ * // Renders: > Type your response...
+ * ```
+ */
+export declare function ChatInput({ onSubmit, placeholder, disabled, prompt, allowEmpty, }: ChatInputProps): React.ReactElement;
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/tui/components/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ChatInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAoC,EACpC,QAAgB,EAChB,MAAa,EACb,UAAkB,GACnB,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAsDrC"}

package/dist/tui/components/ChatInput.js

@@ -0,0 +1,61 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ChatInput - Multi-line input with history for chat interactions
+ *
+ * Displays a prompt character followed by a text input.
+ * Handles submission on Enter and clears input after submit.
+ */
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { colors } from '../theme.js';
+/**
+ * ChatInput component
+ *
+ * Provides a text input with a prompt character for chat-style interactions.
+ * Clears input after submission. Shows dimmed appearance when disabled.
+ *
+ * @example
+ * ```tsx
+ * <ChatInput
+ *   onSubmit={(value) => console.log('User said:', value)}
+ *   placeholder="Type your response..."
+ *   disabled={isProcessing}
+ * />
+ * // Renders: > Type your response...
+ * ```
+ */
+export function ChatInput({ onSubmit, placeholder = 'Type your message...', disabled = false, prompt = '> ', allowEmpty = false, }) {
+    const [value, setValue] = useState('');
+    /**
+     * Handle input submission
+     * Calls onSubmit with current value and clears the input
+     */
+    const handleSubmit = (submittedValue) => {
+        // Don't submit when disabled
+        if (disabled) {
+            return;
+        }
+        // Don't submit empty values unless allowEmpty is true
+        if (!submittedValue.trim() && !allowEmpty) {
+            return;
+        }
+        onSubmit(submittedValue);
+        setValue('');
+    };
+    /**
+     * Handle value changes
+     * Only update if not disabled
+     */
+    const handleChange = (newValue) => {
+        if (!disabled) {
+            setValue(newValue);
+        }
+    };
+    // When disabled, show a waiting message
+    if (disabled) {
+        return (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { dimColor: true, color: colors.brown, children: [prompt, "[waiting for AI...]"] }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: colors.yellow, children: prompt }), _jsx(TextInput, { value: value, onChange: handleChange, onSubmit: handleSubmit, placeholder: placeholder })] }));
+}
+//# sourceMappingURL=ChatInput.js.map

package/dist/tui/components/ChatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/tui/components/ChatInput.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAkBrC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,GAAG,sBAAsB,EACpC,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,KAAK,GACH;IACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC;;;OAGG;IACH,MAAM,YAAY,GAAG,CAAC,cAAsB,EAAQ,EAAE;QACpD,6BAA6B;QAC7B,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,sDAAsD;QACtD,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,cAAc,CAAC,CAAC;QACzB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF;;;OAGG;IACH,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAQ,EAAE;QAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,wCAAwC;IACxC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,KAAK,YACtB,MAAC,IAAI,IAAC,QAAQ,QAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aAC/B,MAAM,2BACF,GACH,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aACtB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAQ,EAC3C,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/tui/components/MessageList.d.ts

@@ -0,0 +1,79 @@
+/**
+ * MessageList - Scrollable conversation history display
+ *
+ * Displays the full conversation history including:
+ * - User messages
+ * - Assistant messages (with optional streaming)
+ * - System messages
+ * - Tool call cards inline with assistant messages
+ */
+import React from 'react';
+import { type ToolCallStatus } from './ToolCallCard.js';
+/**
+ * Tool call information for assistant messages
+ */
+export interface ToolCall {
+    /** Name of the tool being executed */
+    toolName: string;
+    /** Current execution status */
+    status: ToolCallStatus;
+    /** Input passed to the tool */
+    input: string;
+    /** Output when complete */
+    output?: string;
+    /** Error message if failed */
+    error?: string;
+}
+/**
+ * Message in the conversation history
+ */
+export interface Message {
+    /** Unique identifier for the message */
+    id: string;
+    /** Who sent the message */
+    role: 'user' | 'assistant' | 'system';
+    /** Text content of the message */
+    content: string;
+    /** Tool calls included in assistant messages */
+    toolCalls?: ToolCall[];
+    /** Whether this message is currently streaming */
+    isStreaming?: boolean;
+}
+/**
+ * Props for the MessageList component
+ */
+export interface MessageListProps {
+    /** Array of messages to display */
+    messages: Message[];
+    /** Optional max height in lines (for future scrolling support) */
+    maxHeight?: number;
+}
+/**
+ * MessageList component
+ *
+ * Displays the full conversation history. Each message type has
+ * distinct styling:
+ * - User messages: "You: " prefix in white
+ * - Assistant messages: "AI: " prefix in yellow, with inline tool cards
+ * - System messages: dimmed brown text
+ *
+ * For streaming messages, uses the StreamingText component to show
+ * the cursor indicator.
+ *
+ * @example
+ * ```tsx
+ * <MessageList
+ *   messages={[
+ *     { id: '1', role: 'system', content: 'Interview started' },
+ *     { id: '2', role: 'assistant', content: 'Hello! What would you like to build?' },
+ *     { id: '3', role: 'user', content: 'A todo app' },
+ *     { id: '4', role: 'assistant', content: 'Let me check...',
+ *       toolCalls: [{ toolName: 'Read File', status: 'running', input: 'package.json' }],
+ *       isStreaming: true
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function MessageList({ messages, maxHeight }: MessageListProps): React.ReactElement;
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/tui/components/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CA6BzF"}

package/dist/tui/components/MessageList.js

@@ -0,0 +1,68 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { colors } from '../theme.js';
+import { StreamingText } from './StreamingText.js';
+import { ToolCallCard } from './ToolCallCard.js';
+/**
+ * Renders a single user message
+ */
+function UserMessage({ content }) {
+    return (_jsxs(Box, { flexDirection: "row", marginY: 1, children: [_jsxs(Text, { color: colors.white, bold: true, children: ["You:", ' '] }), _jsx(Text, { color: colors.white, children: content })] }));
+}
+/**
+ * Renders a single assistant message with optional tool calls and streaming
+ */
+function AssistantMessage({ content, toolCalls, isStreaming, }) {
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [toolCalls &&
+                toolCalls.length > 0 &&
+                toolCalls.map((toolCall, index) => (_jsx(Box, { marginBottom: 1, children: _jsx(ToolCallCard, { toolName: toolCall.toolName, status: toolCall.status, input: toolCall.input, output: toolCall.output, error: toolCall.error }) }, `tool-${index}`))), _jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: colors.yellow, bold: true, children: ["AI:", ' '] }), isStreaming ? (_jsx(StreamingText, { text: content, isStreaming: true, color: colors.yellow })) : (_jsx(Text, { color: colors.yellow, children: content }))] })] }));
+}
+/**
+ * Renders a system message (dimmed text)
+ */
+function SystemMessage({ content }) {
+    return (_jsx(Box, { flexDirection: "row", marginY: 1, children: _jsx(Text, { color: colors.brown, dimColor: true, children: content }) }));
+}
+/**
+ * MessageList component
+ *
+ * Displays the full conversation history. Each message type has
+ * distinct styling:
+ * - User messages: "You: " prefix in white
+ * - Assistant messages: "AI: " prefix in yellow, with inline tool cards
+ * - System messages: dimmed brown text
+ *
+ * For streaming messages, uses the StreamingText component to show
+ * the cursor indicator.
+ *
+ * @example
+ * ```tsx
+ * <MessageList
+ *   messages={[
+ *     { id: '1', role: 'system', content: 'Interview started' },
+ *     { id: '2', role: 'assistant', content: 'Hello! What would you like to build?' },
+ *     { id: '3', role: 'user', content: 'A todo app' },
+ *     { id: '4', role: 'assistant', content: 'Let me check...',
+ *       toolCalls: [{ toolName: 'Read File', status: 'running', input: 'package.json' }],
+ *       isStreaming: true
+ *     },
+ *   ]}
+ * />
+ * ```
+ */
+export function MessageList({ messages, maxHeight }) {
+    // Note: maxHeight is accepted for future scrolling support
+    // Currently renders all messages - parent handles any scroll-like behavior
+    // by controlling which messages are passed in
+    return (_jsx(Box, { flexDirection: "column", ...(maxHeight ? { height: maxHeight } : {}), children: messages.map((message) => {
+            switch (message.role) {
+                case 'user':
+                    return _jsx(UserMessage, { content: message.content }, message.id);
+                case 'assistant':
+                    return (_jsx(AssistantMessage, { content: message.content, toolCalls: message.toolCalls, isStreaming: message.isStreaming }, message.id));
+                case 'system':
+                    return _jsx(SystemMessage, { content: message.content }, message.id);
+            }
+        }) }));
+}
+//# sourceMappingURL=MessageList.js.map

package/dist/tui/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/PhaseHeader.d.ts

@@ -0,0 +1,36 @@
+/**
+ * PhaseHeader - Current phase indicator for multi-step workflows
+ *
+ * Displays the current phase with a horizontal line border.
+ * Format: ━━━ Phase X of Y: PhaseName ━━━
+ */
+import React from 'react';
+/**
+ * Props for the PhaseHeader component
+ */
+export interface PhaseHeaderProps {
+    /** Current phase number (1-based) */
+    currentPhase: number;
+    /** Total number of phases */
+    totalPhases: number;
+    /** Name of the current phase */
+    phaseName: string;
+}
+/**
+ * PhaseHeader component
+ *
+ * Shows the current phase progress with surrounding horizontal lines.
+ * Uses Simpson yellow for visibility.
+ *
+ * @example
+ * ```tsx
+ * <PhaseHeader
+ *   currentPhase={2}
+ *   totalPhases={4}
+ *   phaseName="Understanding Requirements"
+ * />
+ * // Renders: ━━━ Phase 2 of 4: Understanding Requirements ━━━
+ * ```
+ */
+export declare function PhaseHeader({ currentPhase, totalPhases, phaseName, }: PhaseHeaderProps): React.ReactElement;
+//# sourceMappingURL=PhaseHeader.d.ts.map

package/dist/tui/components/PhaseHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseHeader.d.ts","sourceRoot":"","sources":["../../../src/tui/components/PhaseHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB;AAOD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAcvC"}

package/dist/tui/components/PhaseHeader.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { colors } from '../theme.js';
+/**
+ * Heavy horizontal box drawing character (U+2501)
+ */
+const HEAVY_HORIZONTAL = '\u2501';
+/**
+ * PhaseHeader component
+ *
+ * Shows the current phase progress with surrounding horizontal lines.
+ * Uses Simpson yellow for visibility.
+ *
+ * @example
+ * ```tsx
+ * <PhaseHeader
+ *   currentPhase={2}
+ *   totalPhases={4}
+ *   phaseName="Understanding Requirements"
+ * />
+ * // Renders: ━━━ Phase 2 of 4: Understanding Requirements ━━━
+ * ```
+ */
+export function PhaseHeader({ currentPhase, totalPhases, phaseName, }) {
+    // Build the phase text
+    const phaseText = `Phase ${currentPhase} of ${totalPhases}: ${phaseName}`;
+    // Create horizontal line segments (3 characters each side)
+    const lineSegment = HEAVY_HORIZONTAL.repeat(3);
+    return (_jsx(Box, { flexDirection: "row", justifyContent: "center", width: "100%", children: _jsxs(Text, { color: colors.yellow, children: [lineSegment, " ", phaseText, " ", lineSegment] }) }));
+}
+//# sourceMappingURL=PhaseHeader.js.map

package/dist/tui/components/PhaseHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhaseHeader.js","sourceRoot":"","sources":["../../../src/tui/components/PhaseHeader.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAcrC;;GAEG;AACH,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAElC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,WAAW,EACX,SAAS,GACQ;IACjB,uBAAuB;IACvB,MAAM,SAAS,GAAG,SAAS,YAAY,OAAO,WAAW,KAAK,SAAS,EAAE,CAAC;IAE1E,2DAA2D;IAC3D,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,YAC3D,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACvB,WAAW,OAAG,SAAS,OAAG,WAAW,IACjC,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/tui/components/StreamingText.d.ts

@@ -0,0 +1,47 @@
+/**
+ * StreamingText - Renders AI response text with optional cursor
+ *
+ * Displays text as it streams in from the AI. The parent component
+ * is responsible for accumulating text chunks and passing them via
+ * the `text` prop. This component simply renders what it receives,
+ * optionally showing a cursor when streaming is in progress.
+ */
+import React from 'react';
+/**
+ * Props for the StreamingText component
+ */
+export interface StreamingTextProps {
+    /** The accumulated text to display */
+    text: string;
+    /** Whether streaming is still in progress */
+    isStreaming: boolean;
+    /** Optional text color (defaults to white) */
+    color?: string;
+    /** Whether to show cursor when streaming (defaults to true) */
+    showCursor?: boolean;
+}
+/**
+ * StreamingText component
+ *
+ * Renders text with an optional cursor indicator when streaming.
+ * The cursor appears at the end of the text while `isStreaming` is true.
+ *
+ * @example
+ * ```tsx
+ * // During streaming
+ * <StreamingText
+ *   text="Hello, world"
+ *   isStreaming={true}
+ * />
+ * // Renders: "Hello, world█"
+ *
+ * // After streaming completes
+ * <StreamingText
+ *   text="Hello, world!"
+ *   isStreaming={false}
+ * />
+ * // Renders: "Hello, world!"
+ * ```
+ */
+export declare function StreamingText({ text, isStreaming, color, showCursor, }: StreamingTextProps): React.ReactElement;
+//# sourceMappingURL=StreamingText.d.ts.map

package/dist/tui/components/StreamingText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingText.d.ts","sourceRoot":"","sources":["../../../src/tui/components/StreamingText.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,WAAW,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,KAAoB,EACpB,UAAiB,GAClB,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAQzC"}

package/dist/tui/components/StreamingText.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { colors } from '../theme.js';
+/**
+ * Block cursor character (U+2588 - Full Block)
+ */
+const CURSOR_CHAR = '\u2588';
+/**
+ * StreamingText component
+ *
+ * Renders text with an optional cursor indicator when streaming.
+ * The cursor appears at the end of the text while `isStreaming` is true.
+ *
+ * @example
+ * ```tsx
+ * // During streaming
+ * <StreamingText
+ *   text="Hello, world"
+ *   isStreaming={true}
+ * />
+ * // Renders: "Hello, world█"
+ *
+ * // After streaming completes
+ * <StreamingText
+ *   text="Hello, world!"
+ *   isStreaming={false}
+ * />
+ * // Renders: "Hello, world!"
+ * ```
+ */
+export function StreamingText({ text, isStreaming, color = colors.white, showCursor = true, }) {
+    // Determine if cursor should be visible
+    const displayCursor = isStreaming && showCursor;
+    // Build the display text with optional cursor
+    const displayText = displayCursor ? `${text}${CURSOR_CHAR}` : text;
+    return _jsx(Text, { color: color, children: displayText });
+}
+//# sourceMappingURL=StreamingText.js.map

package/dist/tui/components/StreamingText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingText.js","sourceRoot":"","sources":["../../../src/tui/components/StreamingText.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,GAAG,QAAQ,CAAC;AAgB7B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,KAAK,GAAG,MAAM,CAAC,KAAK,EACpB,UAAU,GAAG,IAAI,GACE;IACnB,wCAAwC;IACxC,MAAM,aAAa,GAAG,WAAW,IAAI,UAAU,CAAC;IAEhD,8CAA8C;IAC9C,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,WAAW,GAAQ,CAAC;AAClD,CAAC"}