fix(cli): flatten multiline custom answers in ask_user collapsed view

Author: brandonkachen

cli/src/components/ask-user/components/accordion-question.tsx

@@ -65,12 +65,15 @@ export const AccordionQuestion: React.FC<AccordionQuestionProps> = ({
       (isMultiSelect && (answer.selectedIndices?.size ?? 0) > 0) ||
       answer.selectedIndex !== undefined)
 
-  // Get display text for the current answer
   const getAnswerDisplay = (): string => {
     if (!answer) return '(click to answer)'
 
     if (answer.isCustom && answer.customText) {
-      return `Custom: ${answer.customText}`
+      const flattenedText = answer.customText
+        .replace(/\r?\n/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim()
+      return `Custom: ${flattenedText}`
     }
 
     if (isMultiSelect && answer.selectedIndices) {

cli/src/components/ask-user/components/custom-answer-input.tsx

@@ -41,7 +41,7 @@ export const CustomAnswerInput: React.FC<CustomAnswerInputProps> = memo(
             }
           }}
           focused={focused}
-          maxHeight={3}
+          maxHeight={5}
           minHeight={1}
           placeholder="Type your answer..."
         />

cli/src/components/ask-user/components/question-header.tsx

@@ -50,7 +50,7 @@ export const QuestionHeader: React.FC<QuestionHeaderProps> = memo(
         </text>
         {/* Answer displayed on separate line when collapsed (like User Answers style) */}
         {!isExpanded && (
-          <text style={{ marginLeft: 3 }}>
+          <text truncate wrapMode="none" style={{ marginLeft: 3 }}>
             <span fg={theme.primary}>↳ </span>
             <span
               fg={isAnswered ? theme.primary : theme.muted}