@raindrop-ai/wizard 0.0.1

package/dist/src/ui/components/ClarifyingQuestionsPrompt.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Clarifying questions prompt component.
+ * Displays questions from the AskUserQuestion tool and collects answers.
+ * Styled with a stepper progress bar showing question headers.
+ * Features inline text input for the "Type something" option.
+ */
+import React from 'react';
+import type { ClarifyingQuestionsProps } from '../types.js';
+interface ClarifyingQuestionsPromptComponentProps {
+    props: ClarifyingQuestionsProps;
+}
+/**
+ * Clarifying questions prompt for the AskUserQuestion tool.
+ * Supports single-select, multi-select, and inline free-text input.
+ */
+export declare function ClarifyingQuestionsPrompt({ props, }: ClarifyingQuestionsPromptComponentProps): React.ReactElement;
+export default ClarifyingQuestionsPrompt;

package/dist/src/ui/components/ClarifyingQuestionsPrompt.js

@@ -0,0 +1,359 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Clarifying questions prompt component.
+ * Displays questions from the AskUserQuestion tool and collects answers.
+ * Styled with a stepper progress bar showing question headers.
+ * Features inline text input for the "Type something" option.
+ */
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { useWizard } from '../contexts/WizardContext.js';
+import { PromptContainer } from './PromptContainer.js';
+/**
+ * Stepper progress bar component showing question headers with status indicators.
+ */
+function StepperProgress({ questions, currentIndex, answers, }) {
+    // Add "Submit" as the final step
+    const steps = [...questions.map((q) => q.header), 'Submit'];
+    return (_jsx(Box, { marginBottom: 1, children: steps.map((header, idx) => {
+            const isCompleted = idx < currentIndex ||
+                (idx < questions.length && answers[questions[idx].question]);
+            const isCurrent = idx === currentIndex;
+            // Determine the marker
+            let marker;
+            if (isCompleted && !isCurrent) {
+                marker = '✓';
+            }
+            else if (isCurrent) {
+                marker = '●';
+            }
+            else {
+                marker = '○';
+            }
+            // Determine colors
+            const markerColor = isCompleted ? 'green' : isCurrent ? 'cyan' : 'gray';
+            const textColor = isCurrent ? 'cyan' : isCompleted ? undefined : 'gray';
+            const textDim = !isCurrent && !isCompleted;
+            return (_jsxs(Box, { children: [idx > 0 && _jsx(Text, { color: "gray", children: " \u2501\u2501\u2501 " }), _jsxs(Box, { children: [_jsx(Text, { color: markerColor, children: marker }), _jsxs(Text, { color: textColor, dimColor: textDim, children: [' ', header] })] })] }, idx));
+        }) }));
+}
+/**
+ * Clarifying questions prompt for the AskUserQuestion tool.
+ * Supports single-select, multi-select, and inline free-text input.
+ */
+export function ClarifyingQuestionsPrompt({ props, }) {
+    const { questions } = props;
+    const { state, actions } = useWizard();
+    const { resolvePending, addItem } = actions;
+    const { agentState } = state;
+    // Track current question index
+    const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);
+    // Track answers for each question
+    const [answers, setAnswers] = useState({});
+    // Track multi-select selections for current question
+    const [multiSelections, setMultiSelections] = useState([]);
+    // Track highlighted item index
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    // Track custom text value for "Type something" option
+    const [customText, setCustomText] = useState('');
+    // Track if we're in typing mode (when Type something is selected and user is typing)
+    const [isTypingMode, setIsTypingMode] = useState(false);
+    // Track if we're in review mode (after all questions answered)
+    const [isReviewMode, setIsReviewMode] = useState(false);
+    // Track highlighted option in review mode (0 = Submit, 1 = Cancel)
+    const [reviewHighlightedIndex, setReviewHighlightedIndex] = useState(0);
+    const currentQuestion = questions[currentQuestionIndex];
+    const isLastQuestion = currentQuestionIndex === questions.length - 1;
+    const isMultiSelect = currentQuestion?.multiSelect ?? false;
+    // Get regular option values (needed before handleCustomTextSubmit)
+    const regularOptionValues = useMemo(() => {
+        if (!currentQuestion)
+            return new Set();
+        return new Set(currentQuestion.options.map((opt) => opt.label));
+    }, [currentQuestion]);
+    // Get custom entries (values in multiSelections that aren't regular options)
+    const customEntries = useMemo(() => {
+        return multiSelections.filter((v) => !regularOptionValues.has(v));
+    }, [multiSelections, regularOptionValues]);
+    // Build list items for current question
+    const items = useMemo(() => {
+        if (!currentQuestion)
+            return [];
+        const questionItems = currentQuestion.options.map((opt) => ({
+            label: opt.label,
+            value: opt.label,
+            description: opt.description,
+        }));
+        // Add "Type something" option for free-text input
+        questionItems.push({
+            label: 'Type something',
+            value: '__OTHER__',
+        });
+        // Add "Submit" option for multi-select (always visible)
+        if (isMultiSelect) {
+            questionItems.push({
+                label: 'Submit',
+                value: '__SUBMIT__',
+            });
+        }
+        return questionItems;
+    }, [currentQuestion, isMultiSelect, multiSelections]);
+    // Auto-enter typing mode when "Type something" is highlighted
+    useEffect(() => {
+        // Only auto-enter typing mode if:
+        // 1. Not already in typing mode
+        // 2. Not in review mode
+        // 3. "Type something" is highlighted
+        // 4. No custom entries exist yet (for multi-select)
+        if (!isTypingMode &&
+            !isReviewMode &&
+            items[highlightedIndex]?.value === '__OTHER__' &&
+            customEntries.length === 0) {
+            setIsTypingMode(true);
+        }
+    }, [
+        highlightedIndex,
+        items,
+        isTypingMode,
+        isReviewMode,
+        customEntries.length,
+    ]);
+    // Move to next question or go to review
+    const proceedToNext = useCallback((answer) => {
+        const newAnswers = {
+            ...answers,
+            [currentQuestion.question]: answer,
+        };
+        setAnswers(newAnswers);
+        if (isLastQuestion) {
+            // All questions answered, go to review mode
+            setIsReviewMode(true);
+            setReviewHighlightedIndex(0);
+        }
+        else {
+            // Move to next question
+            setCurrentQuestionIndex((idx) => idx + 1);
+            setMultiSelections([]);
+            setHighlightedIndex(0);
+            setCustomText('');
+            setIsTypingMode(false);
+        }
+    }, [answers, currentQuestion, isLastQuestion]);
+    // Submit final answers
+    const submitAnswers = useCallback(() => {
+        // Add history item showing questions and answers
+        addItem({
+            type: 'clarifying-questions-result',
+            text: "User answered Raindrop wizard's questions:",
+            questionsAndAnswers: questions.map((q) => ({
+                question: q.question,
+                answer: answers[q.question] || '(no answer)',
+            })),
+        });
+        const result = {
+            questions,
+            answers,
+        };
+        resolvePending(result);
+    }, [questions, answers, resolvePending, addItem]);
+    // Cancel and return empty answers, interrupting the agent
+    const cancelAnswers = useCallback(() => {
+        // Add history item indicating user declined
+        addItem({
+            type: 'declined-questions',
+            text: 'User declined to answer questions',
+        });
+        // Interrupt the agent
+        if (agentState.queryHandle?.interrupt) {
+            void agentState.queryHandle.interrupt();
+        }
+        const result = {
+            questions,
+            answers: {},
+        };
+        resolvePending(result);
+    }, [questions, resolvePending, addItem, agentState.queryHandle]);
+    // Handle custom text submission from TextInput
+    const handleCustomTextSubmit = useCallback((value) => {
+        if (!value.trim())
+            return;
+        const trimmedValue = value.trim();
+        if (isMultiSelect) {
+            // Multi-select: Replace any existing custom entries with the new value
+            // This ensures only the latest typed value is kept, not multiple versions
+            if (multiSelections.includes(trimmedValue)) {
+                // Same value already exists - toggle it off
+                setMultiSelections((prev) => prev.filter((v) => v !== trimmedValue));
+            }
+            else {
+                // New value - remove old custom entries and add the new one
+                setMultiSelections((prev) => {
+                    const withoutOldCustom = prev.filter((v) => regularOptionValues.has(v));
+                    return [...withoutOldCustom, trimmedValue];
+                });
+            }
+            // Don't clear text - keep it for further editing or submit
+        }
+        else {
+            // Single-select: Submit immediately with the typed value
+            proceedToNext(trimmedValue);
+        }
+    }, [isMultiSelect, multiSelections, regularOptionValues, proceedToNext]);
+    // Handle keyboard navigation and selection
+    useInput((input, key) => {
+        // Ctrl+C always cancels/declines questions (no matter what mode we're in)
+        if (key.ctrl && input === 'c') {
+            cancelAnswers();
+            return;
+        }
+        // Review mode has its own navigation
+        if (isReviewMode) {
+            if (key.escape) {
+                // Go back to last question
+                setIsReviewMode(false);
+                setHighlightedIndex(0);
+                return;
+            }
+            if (key.upArrow) {
+                setReviewHighlightedIndex((idx) => Math.max(0, idx - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setReviewHighlightedIndex((idx) => Math.min(1, idx + 1));
+                return;
+            }
+            if (key.return) {
+                if (reviewHighlightedIndex === 0) {
+                    submitAnswers();
+                }
+                else {
+                    cancelAnswers();
+                }
+                return;
+            }
+            return;
+        }
+        // Escape handling - always active
+        if (key.escape) {
+            if (isTypingMode) {
+                // Exit typing mode
+                setIsTypingMode(false);
+            }
+            else if (currentQuestionIndex > 0) {
+                // Go back to previous question
+                setCurrentQuestionIndex((idx) => idx - 1);
+                setMultiSelections([]);
+                setHighlightedIndex(0);
+                setCustomText('');
+            }
+            else {
+                // On first question, cancel entirely
+                cancelAnswers();
+            }
+            return;
+        }
+        // Arrow keys - exit typing mode and navigate
+        if (key.upArrow) {
+            if (isTypingMode) {
+                setIsTypingMode(false);
+            }
+            setHighlightedIndex((idx) => Math.max(0, idx - 1));
+            return;
+        }
+        if (key.downArrow) {
+            if (isTypingMode) {
+                setIsTypingMode(false);
+            }
+            setHighlightedIndex((idx) => Math.min(items.length - 1, idx + 1));
+            return;
+        }
+        // Skip other keys when typing - TextInput handles them
+        if (isTypingMode) {
+            return;
+        }
+        // Enter to select
+        if (key.return) {
+            const selectedItem = items[highlightedIndex];
+            if (!selectedItem)
+                return;
+            if (selectedItem.value === '__OTHER__') {
+                if (isMultiSelect && customEntries.length > 0) {
+                    // Already has custom entries - toggle (clear) them to uncheck
+                    setMultiSelections((prev) => prev.filter((v) => !customEntries.includes(v)));
+                    setCustomText('');
+                    return;
+                }
+                // No custom entries yet - enter typing mode
+                setIsTypingMode(true);
+                return;
+            }
+            if (selectedItem.value === '__SUBMIT__') {
+                // Submit with all checked selections only
+                if (multiSelections.length > 0) {
+                    proceedToNext(multiSelections.join(', '));
+                }
+                return;
+            }
+            if (isMultiSelect) {
+                // Toggle selection for multi-select
+                setMultiSelections((prev) => {
+                    if (prev.includes(selectedItem.value)) {
+                        return prev.filter((v) => v !== selectedItem.value);
+                    }
+                    return [...prev, selectedItem.value];
+                });
+            }
+            else {
+                // Single select - proceed immediately
+                proceedToNext(selectedItem.value);
+            }
+        }
+    });
+    // Render a single list item
+    const renderItem = (item, index) => {
+        const isHighlighted = index === highlightedIndex;
+        const isSelected = multiSelections.includes(item.value);
+        const isTypeOption = item.value === '__OTHER__';
+        const isSubmitOption = item.value === '__SUBMIT__';
+        const displayNumber = index + 1;
+        // Indicator (removed for cleaner UI)
+        const indicator = '  ';
+        // For "Type something" option with inline text input
+        if (isTypeOption) {
+            // Show checkbox only for multi-select
+            const hasCustomEntries = customEntries.length > 0;
+            const checkbox = isMultiSelect
+                ? hasCustomEntries
+                    ? '[✓] '
+                    : '[ ] '
+                : '';
+            return (_jsxs(Box, { children: [_jsxs(Text, { color: isHighlighted ? 'cyan' : undefined, children: [indicator, displayNumber, ". ", checkbox] }), isTypingMode || customText ? (_jsx(TextInput, { value: customText, onChange: setCustomText, onSubmit: handleCustomTextSubmit, focus: isTypingMode, placeholder: "" })) : (_jsx(Text, { color: isHighlighted ? 'cyan' : undefined, children: item.label }))] }, item.value));
+        }
+        // Submit option
+        if (isSubmitOption) {
+            const canSubmit = multiSelections.length > 0;
+            const textColor = isHighlighted
+                ? 'cyan'
+                : !canSubmit
+                    ? 'gray'
+                    : 'green';
+            // Calculate spacing to align with checkbox brackets (same as "N. " where N is the number)
+            const numberSpacing = `${displayNumber}. `;
+            return (_jsx(Box, { children: _jsxs(Text, { color: textColor, bold: true, children: [indicator, ' '.repeat(numberSpacing.length), "Submit"] }) }, item.value));
+        }
+        // Regular option - show checkbox for multi-select mode
+        const checkbox = isMultiSelect ? (isSelected ? '[✓] ' : '[ ] ') : '';
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: isHighlighted ? 'cyan' : undefined, children: [indicator, displayNumber, ". ", checkbox, item.label] }), item.description && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: item.description }) }))] }, item.value));
+    };
+    if (!currentQuestion && !isReviewMode) {
+        return (_jsx(Box, { children: _jsx(Text, { color: "red", children: "No questions to display" }) }));
+    }
+    // Review mode - show all answers and confirm
+    if (isReviewMode) {
+        return (_jsxs(PromptContainer, { children: [_jsx(StepperProgress, { questions: questions, currentIndex: questions.length, answers: answers }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Review your answers" }) }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: questions.map((q) => (_jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: "blue", children: "\u25CF " }), _jsx(Text, { children: q.question })] }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "green", children: answers[q.question] || '(no answer)' }) })] }, q.question))) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Ready to submit your answers?" }) }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: reviewHighlightedIndex === 0 ? 'cyan' : 'green', bold: true, children: [reviewHighlightedIndex === 0 ? '› ' : '  ', "1. Submit answers"] }) }), _jsx(Box, { children: _jsxs(Text, { color: reviewHighlightedIndex === 1 ? 'cyan' : undefined, children: [reviewHighlightedIndex === 1 ? '› ' : '  ', "2. Cancel"] }) })] })] }));
+    }
+    return (_jsxs(PromptContainer, { children: [_jsx(StepperProgress, { questions: questions, currentIndex: currentQuestionIndex, answers: answers }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: currentQuestion.question }) }), _jsx(Box, { flexDirection: "column", children: items.map((item, index) => renderItem(item, index)) })] }));
+}
+export default ClarifyingQuestionsPrompt;
+//# sourceMappingURL=ClarifyingQuestionsPrompt.js.map

package/dist/src/ui/components/ClarifyingQuestionsPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClarifyingQuestionsPrompt.js","sourceRoot":"","sources":["../../../../src/ui/components/ClarifyingQuestionsPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Clarifying questions prompt component.\n * Displays questions from the AskUserQuestion tool and collects answers.\n * Styled with a stepper progress bar showing question headers.\n * Features inline text input for the \"Type something\" option.\n */\n\nimport React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { Box, Text, useInput } from 'ink';\nimport TextInput from 'ink-text-input';\nimport { useWizard } from '../contexts/WizardContext.js';\nimport { PromptContainer } from './PromptContainer.js';\nimport type {\n  ClarifyingQuestionsProps,\n  ClarifyingQuestionsResult,\n  ClarifyingQuestion,\n} from '../types.js';\n\ninterface ClarifyingQuestionsPromptComponentProps {\n  props: ClarifyingQuestionsProps;\n}\n\ninterface ListItem {\n  label: string;\n  value: string;\n  description?: string;\n}\n\n/**\n * Stepper progress bar component showing question headers with status indicators.\n */\nfunction StepperProgress({\n  questions,\n  currentIndex,\n  answers,\n}: {\n  questions: ClarifyingQuestion[];\n  currentIndex: number;\n  answers: Record<string, string>;\n}): React.ReactElement {\n  // Add \"Submit\" as the final step\n  const steps = [...questions.map((q) => q.header), 'Submit'];\n\n  return (\n    <Box marginBottom={1}>\n      {steps.map((header, idx) => {\n        const isCompleted =\n          idx < currentIndex ||\n          (idx < questions.length && answers[questions[idx].question]);\n        const isCurrent = idx === currentIndex;\n\n        // Determine the marker\n        let marker: string;\n        if (isCompleted && !isCurrent) {\n          marker = '✓';\n        } else if (isCurrent) {\n          marker = '●';\n        } else {\n          marker = '○';\n        }\n\n        // Determine colors\n        const markerColor = isCompleted ? 'green' : isCurrent ? 'cyan' : 'gray';\n        const textColor = isCurrent ? 'cyan' : isCompleted ? undefined : 'gray';\n        const textDim = !isCurrent && !isCompleted;\n\n        return (\n          <Box key={idx}>\n            {/* Connector line before (except first) */}\n            {idx > 0 && <Text color=\"gray\"> ━━━ </Text>}\n            {/* Marker and label */}\n            <Box>\n              <Text color={markerColor}>{marker}</Text>\n              <Text color={textColor} dimColor={textDim}>\n                {' '}\n                {header}\n              </Text>\n            </Box>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/**\n * Clarifying questions prompt for the AskUserQuestion tool.\n * Supports single-select, multi-select, and inline free-text input.\n */\nexport function ClarifyingQuestionsPrompt({\n  props,\n}: ClarifyingQuestionsPromptComponentProps): React.ReactElement {\n  const { questions } = props;\n  const { state, actions } = useWizard();\n  const { resolvePending, addItem } = actions;\n  const { agentState } = state;\n\n  // Track current question index\n  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0);\n  // Track answers for each question\n  const [answers, setAnswers] = useState<Record<string, string>>({});\n  // Track multi-select selections for current question\n  const [multiSelections, setMultiSelections] = useState<string[]>([]);\n  // Track highlighted item index\n  const [highlightedIndex, setHighlightedIndex] = useState(0);\n  // Track custom text value for \"Type something\" option\n  const [customText, setCustomText] = useState('');\n  // Track if we're in typing mode (when Type something is selected and user is typing)\n  const [isTypingMode, setIsTypingMode] = useState(false);\n  // Track if we're in review mode (after all questions answered)\n  const [isReviewMode, setIsReviewMode] = useState(false);\n  // Track highlighted option in review mode (0 = Submit, 1 = Cancel)\n  const [reviewHighlightedIndex, setReviewHighlightedIndex] = useState(0);\n\n  const currentQuestion = questions[currentQuestionIndex];\n  const isLastQuestion = currentQuestionIndex === questions.length - 1;\n  const isMultiSelect = currentQuestion?.multiSelect ?? false;\n\n  // Get regular option values (needed before handleCustomTextSubmit)\n  const regularOptionValues = useMemo(() => {\n    if (!currentQuestion) return new Set<string>();\n    return new Set(currentQuestion.options.map((opt) => opt.label));\n  }, [currentQuestion]);\n\n  // Get custom entries (values in multiSelections that aren't regular options)\n  const customEntries = useMemo(() => {\n    return multiSelections.filter((v) => !regularOptionValues.has(v));\n  }, [multiSelections, regularOptionValues]);\n\n  // Build list items for current question\n  const items: ListItem[] = useMemo(() => {\n    if (!currentQuestion) return [];\n\n    const questionItems: ListItem[] = currentQuestion.options.map((opt) => ({\n      label: opt.label,\n      value: opt.label,\n      description: opt.description,\n    }));\n\n    // Add \"Type something\" option for free-text input\n    questionItems.push({\n      label: 'Type something',\n      value: '__OTHER__',\n    });\n\n    // Add \"Submit\" option for multi-select (always visible)\n    if (isMultiSelect) {\n      questionItems.push({\n        label: 'Submit',\n        value: '__SUBMIT__',\n      });\n    }\n\n    return questionItems;\n  }, [currentQuestion, isMultiSelect, multiSelections]);\n\n  // Auto-enter typing mode when \"Type something\" is highlighted\n  useEffect(() => {\n    // Only auto-enter typing mode if:\n    // 1. Not already in typing mode\n    // 2. Not in review mode\n    // 3. \"Type something\" is highlighted\n    // 4. No custom entries exist yet (for multi-select)\n    if (\n      !isTypingMode &&\n      !isReviewMode &&\n      items[highlightedIndex]?.value === '__OTHER__' &&\n      customEntries.length === 0\n    ) {\n      setIsTypingMode(true);\n    }\n  }, [\n    highlightedIndex,\n    items,\n    isTypingMode,\n    isReviewMode,\n    customEntries.length,\n  ]);\n\n  // Move to next question or go to review\n  const proceedToNext = useCallback(\n    (answer: string) => {\n      const newAnswers = {\n        ...answers,\n        [currentQuestion.question]: answer,\n      };\n      setAnswers(newAnswers);\n\n      if (isLastQuestion) {\n        // All questions answered, go to review mode\n        setIsReviewMode(true);\n        setReviewHighlightedIndex(0);\n      } else {\n        // Move to next question\n        setCurrentQuestionIndex((idx) => idx + 1);\n        setMultiSelections([]);\n        setHighlightedIndex(0);\n        setCustomText('');\n        setIsTypingMode(false);\n      }\n    },\n    [answers, currentQuestion, isLastQuestion],\n  );\n\n  // Submit final answers\n  const submitAnswers = useCallback(() => {\n    // Add history item showing questions and answers\n    addItem({\n      type: 'clarifying-questions-result',\n      text: \"User answered Raindrop wizard's questions:\",\n      questionsAndAnswers: questions.map((q) => ({\n        question: q.question,\n        answer: answers[q.question] || '(no answer)',\n      })),\n    });\n\n    const result: ClarifyingQuestionsResult = {\n      questions,\n      answers,\n    };\n    resolvePending(result);\n  }, [questions, answers, resolvePending, addItem]);\n\n  // Cancel and return empty answers, interrupting the agent\n  const cancelAnswers = useCallback(() => {\n    // Add history item indicating user declined\n    addItem({\n      type: 'declined-questions',\n      text: 'User declined to answer questions',\n    });\n\n    // Interrupt the agent\n    if (agentState.queryHandle?.interrupt) {\n      void agentState.queryHandle.interrupt();\n    }\n\n    const result: ClarifyingQuestionsResult = {\n      questions,\n      answers: {},\n    };\n    resolvePending(result);\n  }, [questions, resolvePending, addItem, agentState.queryHandle]);\n\n  // Handle custom text submission from TextInput\n  const handleCustomTextSubmit = useCallback(\n    (value: string) => {\n      if (!value.trim()) return;\n\n      const trimmedValue = value.trim();\n\n      if (isMultiSelect) {\n        // Multi-select: Replace any existing custom entries with the new value\n        // This ensures only the latest typed value is kept, not multiple versions\n        if (multiSelections.includes(trimmedValue)) {\n          // Same value already exists - toggle it off\n          setMultiSelections((prev) => prev.filter((v) => v !== trimmedValue));\n        } else {\n          // New value - remove old custom entries and add the new one\n          setMultiSelections((prev) => {\n            const withoutOldCustom = prev.filter((v) =>\n              regularOptionValues.has(v),\n            );\n            return [...withoutOldCustom, trimmedValue];\n          });\n        }\n        // Don't clear text - keep it for further editing or submit\n      } else {\n        // Single-select: Submit immediately with the typed value\n        proceedToNext(trimmedValue);\n      }\n    },\n    [isMultiSelect, multiSelections, regularOptionValues, proceedToNext],\n  );\n\n  // Handle keyboard navigation and selection\n  useInput((input, key) => {\n    // Ctrl+C always cancels/declines questions (no matter what mode we're in)\n    if (key.ctrl && input === 'c') {\n      cancelAnswers();\n      return;\n    }\n\n    // Review mode has its own navigation\n    if (isReviewMode) {\n      if (key.escape) {\n        // Go back to last question\n        setIsReviewMode(false);\n        setHighlightedIndex(0);\n        return;\n      }\n      if (key.upArrow) {\n        setReviewHighlightedIndex((idx) => Math.max(0, idx - 1));\n        return;\n      }\n      if (key.downArrow) {\n        setReviewHighlightedIndex((idx) => Math.min(1, idx + 1));\n        return;\n      }\n      if (key.return) {\n        if (reviewHighlightedIndex === 0) {\n          submitAnswers();\n        } else {\n          cancelAnswers();\n        }\n        return;\n      }\n      return;\n    }\n\n    // Escape handling - always active\n    if (key.escape) {\n      if (isTypingMode) {\n        // Exit typing mode\n        setIsTypingMode(false);\n      } else if (currentQuestionIndex > 0) {\n        // Go back to previous question\n        setCurrentQuestionIndex((idx) => idx - 1);\n        setMultiSelections([]);\n        setHighlightedIndex(0);\n        setCustomText('');\n      } else {\n        // On first question, cancel entirely\n        cancelAnswers();\n      }\n      return;\n    }\n\n    // Arrow keys - exit typing mode and navigate\n    if (key.upArrow) {\n      if (isTypingMode) {\n        setIsTypingMode(false);\n      }\n      setHighlightedIndex((idx) => Math.max(0, idx - 1));\n      return;\n    }\n    if (key.downArrow) {\n      if (isTypingMode) {\n        setIsTypingMode(false);\n      }\n      setHighlightedIndex((idx) => Math.min(items.length - 1, idx + 1));\n      return;\n    }\n\n    // Skip other keys when typing - TextInput handles them\n    if (isTypingMode) {\n      return;\n    }\n\n    // Enter to select\n    if (key.return) {\n      const selectedItem = items[highlightedIndex];\n      if (!selectedItem) return;\n\n      if (selectedItem.value === '__OTHER__') {\n        if (isMultiSelect && customEntries.length > 0) {\n          // Already has custom entries - toggle (clear) them to uncheck\n          setMultiSelections((prev) =>\n            prev.filter((v) => !customEntries.includes(v)),\n          );\n          setCustomText('');\n          return;\n        }\n        // No custom entries yet - enter typing mode\n        setIsTypingMode(true);\n        return;\n      }\n\n      if (selectedItem.value === '__SUBMIT__') {\n        // Submit with all checked selections only\n        if (multiSelections.length > 0) {\n          proceedToNext(multiSelections.join(', '));\n        }\n        return;\n      }\n\n      if (isMultiSelect) {\n        // Toggle selection for multi-select\n        setMultiSelections((prev) => {\n          if (prev.includes(selectedItem.value)) {\n            return prev.filter((v) => v !== selectedItem.value);\n          }\n          return [...prev, selectedItem.value];\n        });\n      } else {\n        // Single select - proceed immediately\n        proceedToNext(selectedItem.value);\n      }\n    }\n  });\n\n  // Render a single list item\n  const renderItem = (item: ListItem, index: number) => {\n    const isHighlighted = index === highlightedIndex;\n    const isSelected = multiSelections.includes(item.value);\n    const isTypeOption = item.value === '__OTHER__';\n    const isSubmitOption = item.value === '__SUBMIT__';\n    const displayNumber = index + 1;\n\n    // Indicator (removed for cleaner UI)\n    const indicator = '  ';\n\n    // For \"Type something\" option with inline text input\n    if (isTypeOption) {\n      // Show checkbox only for multi-select\n      const hasCustomEntries = customEntries.length > 0;\n      const checkbox = isMultiSelect\n        ? hasCustomEntries\n          ? '[✓] '\n          : '[ ] '\n        : '';\n\n      return (\n        <Box key={item.value}>\n          <Text color={isHighlighted ? 'cyan' : undefined}>\n            {indicator}\n            {displayNumber}. {checkbox}\n          </Text>\n          {isTypingMode || customText ? (\n            <TextInput\n              value={customText}\n              onChange={setCustomText}\n              onSubmit={handleCustomTextSubmit}\n              focus={isTypingMode}\n              placeholder=\"\"\n            />\n          ) : (\n            <Text color={isHighlighted ? 'cyan' : undefined}>{item.label}</Text>\n          )}\n        </Box>\n      );\n    }\n\n    // Submit option\n    if (isSubmitOption) {\n      const canSubmit = multiSelections.length > 0;\n      const textColor = isHighlighted\n        ? 'cyan'\n        : !canSubmit\n        ? 'gray'\n        : 'green';\n      // Calculate spacing to align with checkbox brackets (same as \"N. \" where N is the number)\n      const numberSpacing = `${displayNumber}. `;\n      return (\n        <Box key={item.value}>\n          <Text color={textColor} bold>\n            {indicator}\n            {' '.repeat(numberSpacing.length)}Submit\n          </Text>\n        </Box>\n      );\n    }\n\n    // Regular option - show checkbox for multi-select mode\n    const checkbox = isMultiSelect ? (isSelected ? '[✓] ' : '[ ] ') : '';\n\n    return (\n      <Box key={item.value} flexDirection=\"column\">\n        <Text color={isHighlighted ? 'cyan' : undefined}>\n          {indicator}\n          {displayNumber}. {checkbox}\n          {item.label}\n        </Text>\n        {item.description && (\n          <Box marginLeft={4}>\n            <Text dimColor>{item.description}</Text>\n          </Box>\n        )}\n      </Box>\n    );\n  };\n\n  if (!currentQuestion && !isReviewMode) {\n    return (\n      <Box>\n        <Text color=\"red\">No questions to display</Text>\n      </Box>\n    );\n  }\n\n  // Review mode - show all answers and confirm\n  if (isReviewMode) {\n    return (\n      <PromptContainer>\n        {/* Stepper progress bar - show Submit as current */}\n        <StepperProgress\n          questions={questions}\n          currentIndex={questions.length}\n          answers={answers}\n        />\n\n        {/* Review header */}\n        <Box marginBottom={1}>\n          <Text bold>Review your answers</Text>\n        </Box>\n\n        {/* List all questions and answers */}\n        <Box flexDirection=\"column\" marginBottom={1}>\n          {questions.map((q) => (\n            <Box key={q.question} flexDirection=\"column\" marginLeft={1}>\n              <Box>\n                <Text color=\"blue\">● </Text>\n                <Text>{q.question}</Text>\n              </Box>\n              <Box marginLeft={2}>\n                <Text color=\"green\">\n                  {answers[q.question] || '(no answer)'}\n                </Text>\n              </Box>\n            </Box>\n          ))}\n        </Box>\n\n        {/* Confirmation prompt */}\n        <Box marginBottom={1}>\n          <Text>Ready to submit your answers?</Text>\n        </Box>\n\n        {/* Submit/Cancel options */}\n        <Box flexDirection=\"column\">\n          <Box>\n            <Text\n              color={reviewHighlightedIndex === 0 ? 'cyan' : 'green'}\n              bold\n            >\n              {reviewHighlightedIndex === 0 ? '› ' : '  '}1. Submit answers\n            </Text>\n          </Box>\n          <Box>\n            <Text color={reviewHighlightedIndex === 1 ? 'cyan' : undefined}>\n              {reviewHighlightedIndex === 1 ? '› ' : '  '}2. Cancel\n            </Text>\n          </Box>\n        </Box>\n      </PromptContainer>\n    );\n  }\n\n  return (\n    <PromptContainer>\n      {/* Stepper progress bar */}\n      <StepperProgress\n        questions={questions}\n        currentIndex={currentQuestionIndex}\n        answers={answers}\n      />\n\n      {/* Question text */}\n      <Box marginBottom={1}>\n        <Text>{currentQuestion.question}</Text>\n      </Box>\n\n      {/* Options list */}\n      <Box flexDirection=\"column\">\n        {items.map((item, index) => renderItem(item, index))}\n      </Box>\n    </PromptContainer>\n  );\n}\n\nexport default ClarifyingQuestionsPrompt;\n"]}

package/dist/src/ui/components/ContinuePrompt.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Continue button prompt component.
+ * Shows a message and waits for user to press Enter to continue.
+ */
+import React from 'react';
+interface ContinuePromptProps {
+    message: string;
+    buttonLabel?: string;
+}
+/**
+ * Continue button prompt that waits for Enter key
+ */
+export declare function ContinuePrompt({ message, buttonLabel, }: ContinuePromptProps): React.ReactElement;
+export default ContinuePrompt;

package/dist/src/ui/components/ContinuePrompt.js

@@ -0,0 +1,23 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import { useWizardActions } from '../contexts/WizardContext.js';
+import { CANCEL_SYMBOL } from '../cancellation.js';
+import { PromptContainer } from './PromptContainer.js';
+/**
+ * Continue button prompt that waits for Enter key
+ */
+export function ContinuePrompt({ message, buttonLabel = 'Continue', }) {
+    const { resolvePending, addItem } = useWizardActions();
+    useInput((input, key) => {
+        if (key.ctrl && input === 'c') {
+            resolvePending(CANCEL_SYMBOL);
+            return;
+        }
+        if (key.return) {
+            resolvePending(true);
+        }
+    });
+    return (_jsx(PromptContainer, { children: _jsxs(Box, { children: [_jsxs(Text, { color: "cyan", bold: true, children: ["\u203A", ' '] }), _jsx(Text, { color: "cyan", children: message })] }) }));
+}
+export default ContinuePrompt;
+//# sourceMappingURL=ContinuePrompt.js.map

package/dist/src/ui/components/ContinuePrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContinuePrompt.js","sourceRoot":"","sources":["../../../../src/ui/components/ContinuePrompt.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOvD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,WAAW,GAAG,UAAU,GACJ;IACpB,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvD,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACtB,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAC9B,cAAc,CAAC,aAAa,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;YACf,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,eAAe,cACd,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,6BACnB,GAAG,IACA,EACP,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,OAAO,GAAQ,IAC/B,GACU,CACnB,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["/**\n * Continue button prompt component.\n * Shows a message and waits for user to press Enter to continue.\n */\n\nimport React from 'react';\nimport { Box, Text, useInput } from 'ink';\nimport { useWizardActions } from '../contexts/WizardContext.js';\nimport { CANCEL_SYMBOL } from '../cancellation.js';\nimport { PromptContainer } from './PromptContainer.js';\n\ninterface ContinuePromptProps {\n  message: string;\n  buttonLabel?: string;\n}\n\n/**\n * Continue button prompt that waits for Enter key\n */\nexport function ContinuePrompt({\n  message,\n  buttonLabel = 'Continue',\n}: ContinuePromptProps): React.ReactElement {\n  const { resolvePending, addItem } = useWizardActions();\n\n  useInput((input, key) => {\n    if (key.ctrl && input === 'c') {\n      resolvePending(CANCEL_SYMBOL);\n      return;\n    }\n\n    if (key.return) {\n      resolvePending(true);\n    }\n  });\n\n  return (\n    <PromptContainer>\n      <Box>\n        <Text color=\"cyan\" bold>\n          ›{' '}\n        </Text>\n        <Text color=\"cyan\">{message}</Text>\n      </Box>\n    </PromptContainer>\n  );\n}\n\nexport default ContinuePrompt;\n"]}

package/dist/src/ui/components/DiffDisplay.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Diff display component for showing file changes.
+ * Renders unified diff format with syntax highlighting.
+ */
+import React from 'react';
+interface DiffDisplayProps {
+    /** The diff content in unified diff format */
+    diffContent: string;
+    /** The filename being modified */
+    fileName?: string;
+    /** Maximum height in lines (for scrollable content) */
+    maxHeight?: number;
+}
+/**
+ * Display a unified diff with colored lines
+ */
+export declare function DiffDisplay({ diffContent, fileName, maxHeight, }: DiffDisplayProps): React.ReactElement;
+export default DiffDisplay;

package/dist/src/ui/components/DiffDisplay.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Diff display component for showing file changes.
+ * Renders unified diff format with syntax highlighting.
+ */
+import { useMemo } from 'react';
+import { Box, Text, useStdout } from 'ink';
+/**
+ * Parse unified diff format into structured lines
+ */
+function parseDiff(diffContent) {
+    const lines = diffContent.split('\n');
+    const result = [];
+    let newLineNumber = 0;
+    const hunkHeaderRegex = /^@@ -\d+,?\d* \+(\d+),?\d* @@/;
+    for (const line of lines) {
+        // Skip git header lines
+        if (line.startsWith('diff --git') || line.startsWith('index ')) {
+            continue;
+        }
+        // File header lines
+        if (line.startsWith('--- ') || line.startsWith('+++ ')) {
+            // result.push({ type: 'header', content: line }); // Skip file header lines
+            continue;
+        }
+        // Hunk header
+        const hunkMatch = line.match(hunkHeaderRegex);
+        if (hunkMatch) {
+            newLineNumber = parseInt(hunkMatch[1], 10) - 1;
+            result.push({ type: 'hunk', content: line });
+            continue;
+        }
+        // Added line
+        if (line.startsWith('+')) {
+            newLineNumber++;
+            result.push({
+                type: 'add',
+                lineNumber: newLineNumber,
+                content: line.substring(1),
+            });
+            continue;
+        }
+        // Deleted line
+        if (line.startsWith('-')) {
+            result.push({
+                type: 'del',
+                content: line.substring(1),
+            });
+            continue;
+        }
+        // Context line
+        if (line.startsWith(' ')) {
+            newLineNumber++;
+            result.push({
+                type: 'context',
+                lineNumber: newLineNumber,
+                content: line.substring(1),
+            });
+            continue;
+        }
+    }
+    return result;
+}
+/**
+ * Display a unified diff with colored lines
+ */
+export function DiffDisplay({ diffContent, fileName, maxHeight, }) {
+    const { stdout } = useStdout();
+    const terminalWidth = stdout?.columns || 80;
+    const parsedLines = useMemo(() => {
+        if (!diffContent || typeof diffContent !== 'string') {
+            return [];
+        }
+        return parseDiff(diffContent);
+    }, [diffContent]);
+    // Calculate gutter width based on max line number
+    const maxLineNum = useMemo(() => {
+        return Math.max(0, ...parsedLines
+            .filter((l) => l.lineNumber !== undefined)
+            .map((l) => l.lineNumber));
+    }, [parsedLines]);
+    const gutterWidth = Math.max(4, maxLineNum.toString().length + 1);
+    if (parsedLines.length === 0) {
+        return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: "No changes to display" }) }));
+    }
+    // Limit lines if maxHeight is specified
+    const displayLines = maxHeight
+        ? parsedLines.slice(0, maxHeight)
+        : parsedLines;
+    const truncated = maxHeight && parsedLines.length > maxHeight;
+    return (_jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [fileName && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: fileName }) })), displayLines.map((line, index) => {
+                const key = `diff-line-${index}`;
+                switch (line.type) {
+                    case 'header':
+                        return (_jsx(Box, { children: _jsx(Text, { dimColor: true, children: line.content }) }, key));
+                    case 'hunk':
+                        return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "cyan", children: line.content }) }, key));
+                    case 'add':
+                        return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: (line.lineNumber?.toString() || '').padStart(gutterWidth) }), _jsxs(Text, { color: "green", backgroundColor: "greenBright", children: [' ', "+", ' '] }), _jsx(Text, { color: "green", children: line.content })] }, key));
+                    case 'del':
+                        return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: ''.padStart(gutterWidth) }), _jsxs(Text, { color: "red", backgroundColor: "redBright", children: [' ', "-", ' '] }), _jsx(Text, { color: "red", children: line.content })] }, key));
+                    case 'context':
+                        return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: (line.lineNumber?.toString() || '').padStart(gutterWidth) }), _jsx(Text, { children: " " }), _jsx(Text, { children: line.content })] }, key));
+                    default:
+                        return null;
+                }
+            }), truncated && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["... ", parsedLines.length - (maxHeight || 0), " more lines"] }) }))] }));
+}
+export default DiffDisplay;
+//# sourceMappingURL=DiffDisplay.js.map

package/dist/src/ui/components/DiffDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffDisplay.js","sourceRoot":"","sources":["../../../../src/ui/components/DiffDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Diff display component for showing file changes.\n * Renders unified diff format with syntax highlighting.\n */\n\nimport React, { useMemo } from 'react';\nimport { Box, Text, useStdout } from 'ink';\n\ninterface DiffLine {\n  type: 'add' | 'del' | 'context' | 'hunk' | 'header';\n  lineNumber?: number;\n  content: string;\n}\n\ninterface DiffDisplayProps {\n  /** The diff content in unified diff format */\n  diffContent: string;\n  /** The filename being modified */\n  fileName?: string;\n  /** Maximum height in lines (for scrollable content) */\n  maxHeight?: number;\n}\n\n/**\n * Parse unified diff format into structured lines\n */\nfunction parseDiff(diffContent: string): DiffLine[] {\n  const lines = diffContent.split('\\n');\n  const result: DiffLine[] = [];\n  let newLineNumber = 0;\n  const hunkHeaderRegex = /^@@ -\\d+,?\\d* \\+(\\d+),?\\d* @@/;\n\n  for (const line of lines) {\n    // Skip git header lines\n    if (line.startsWith('diff --git') || line.startsWith('index ')) {\n      continue;\n    }\n\n    // File header lines\n    if (line.startsWith('--- ') || line.startsWith('+++ ')) {\n      // result.push({ type: 'header', content: line }); // Skip file header lines\n      continue;\n    }\n\n    // Hunk header\n    const hunkMatch = line.match(hunkHeaderRegex);\n    if (hunkMatch) {\n      newLineNumber = parseInt(hunkMatch[1], 10) - 1;\n      result.push({ type: 'hunk', content: line });\n      continue;\n    }\n\n    // Added line\n    if (line.startsWith('+')) {\n      newLineNumber++;\n      result.push({\n        type: 'add',\n        lineNumber: newLineNumber,\n        content: line.substring(1),\n      });\n      continue;\n    }\n\n    // Deleted line\n    if (line.startsWith('-')) {\n      result.push({\n        type: 'del',\n        content: line.substring(1),\n      });\n      continue;\n    }\n\n    // Context line\n    if (line.startsWith(' ')) {\n      newLineNumber++;\n      result.push({\n        type: 'context',\n        lineNumber: newLineNumber,\n        content: line.substring(1),\n      });\n      continue;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Display a unified diff with colored lines\n */\nexport function DiffDisplay({\n  diffContent,\n  fileName,\n  maxHeight,\n}: DiffDisplayProps): React.ReactElement {\n  const { stdout } = useStdout();\n  const terminalWidth = stdout?.columns || 80;\n\n  const parsedLines = useMemo(() => {\n    if (!diffContent || typeof diffContent !== 'string') {\n      return [];\n    }\n    return parseDiff(diffContent);\n  }, [diffContent]);\n\n  // Calculate gutter width based on max line number\n  const maxLineNum = useMemo(() => {\n    return Math.max(\n      0,\n      ...parsedLines\n        .filter((l) => l.lineNumber !== undefined)\n        .map((l) => l.lineNumber as number),\n    );\n  }, [parsedLines]);\n  const gutterWidth = Math.max(4, maxLineNum.toString().length + 1);\n\n  if (parsedLines.length === 0) {\n    return (\n      <Box>\n        <Text dimColor>No changes to display</Text>\n      </Box>\n    );\n  }\n\n  // Limit lines if maxHeight is specified\n  const displayLines = maxHeight\n    ? parsedLines.slice(0, maxHeight)\n    : parsedLines;\n  const truncated = maxHeight && parsedLines.length > maxHeight;\n\n  return (\n    <Box flexDirection=\"column\" width={terminalWidth}>\n      {/* File name header */}\n      {fileName && (\n        <Box marginBottom={1}>\n          <Text bold color=\"cyan\">\n            {fileName}\n          </Text>\n        </Box>\n      )}\n\n      {/* Diff lines */}\n      {displayLines.map((line, index) => {\n        const key = `diff-line-${index}`;\n\n        switch (line.type) {\n          case 'header':\n            return (\n              <Box key={key}>\n                <Text dimColor>{line.content}</Text>\n              </Box>\n            );\n\n          case 'hunk':\n            return (\n              <Box key={key} marginTop={1}>\n                <Text color=\"cyan\">{line.content}</Text>\n              </Box>\n            );\n\n          case 'add':\n            return (\n              <Box key={key}>\n                <Text dimColor>\n                  {(line.lineNumber?.toString() || '').padStart(gutterWidth)}\n                </Text>\n                <Text color=\"green\" backgroundColor=\"greenBright\">\n                  {' '}\n                  +{' '}\n                </Text>\n                <Text color=\"green\">{line.content}</Text>\n              </Box>\n            );\n\n          case 'del':\n            return (\n              <Box key={key}>\n                <Text dimColor>{''.padStart(gutterWidth)}</Text>\n                <Text color=\"red\" backgroundColor=\"redBright\">\n                  {' '}\n                  -{' '}\n                </Text>\n                <Text color=\"red\">{line.content}</Text>\n              </Box>\n            );\n\n          case 'context':\n            return (\n              <Box key={key}>\n                <Text dimColor>\n                  {(line.lineNumber?.toString() || '').padStart(gutterWidth)}\n                </Text>\n                <Text> </Text>\n                <Text>{line.content}</Text>\n              </Box>\n            );\n\n          default:\n            return null;\n        }\n      })}\n\n      {/* Truncation indicator */}\n      {truncated && (\n        <Box marginTop={1}>\n          <Text dimColor>\n            ... {parsedLines.length - (maxHeight || 0)} more lines\n          </Text>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default DiffDisplay;\n"]}