Function AskUserDisplay

ui/src/components/chat/AskUserDisplay.tsx:36–196

({
  questions,
  onSubmit,
  isResolved = false,
  resolvedAnswers,
  subagentName,
}: AskUserDisplayProps)

 *   selected answers are highlighted, and a green checkmark badge is shown.
 */
export default function AskUserDisplay({
  questions,
  onSubmit,
  isResolved = false,
  resolvedAnswers,
  subagentName,
}: AskUserDisplayProps) {
  // One entry per question: set of selected choices.
  const [selectedChoices, setSelectedChoices] = useState<string[][]>(
    questions.map(() => [])
  );
  // One free-text answer per question.
  const [freeTextAnswers, setFreeTextAnswers] = useState<string[]>(
    questions.map(() => "")
  );
  const [isSubmitting, setIsSubmitting] = useState(false);

  const toggleChoice = (qIdx: number, choice: string) => {
    if (isResolved || isSubmitting || !onSubmit) return;
    setSelectedChoices(prev => {
      const next = prev.map(s => [...s]);
      const q = questions[qIdx];
      const isMultiple = q.multiple ?? false;
      if (next[qIdx].includes(choice)) {
        next[qIdx] = next[qIdx].filter(c => c !== choice);
      } else if (isMultiple) {
        next[qIdx] = [...next[qIdx], choice];
      } else {
        // Single-select: deselect others
        next[qIdx] = [choice];
      }
      return next;
    });
  };

  const setFreeText = (qIdx: number, value: string) => {
    setFreeTextAnswers(prev => {
      const next = [...prev];
      next[qIdx] = value;
      return next;
    });
  };

  /** Whether every question has at least one selected choice or a non-empty free-text answer. */
  const isReadyToSubmit = questions.every((_, i) => {
    return selectedChoices[i].length > 0 || freeTextAnswers[i].trim().length > 0;
  });

  const handleSubmit = () => {
    if (!onSubmit || !isReadyToSubmit || isSubmitting) return;
    setIsSubmitting(true);
    const answers = questions.map((_, i) => {
      const chips = selectedChoices[i];
      const text = freeTextAnswers[i].trim();
      // Combine chip selections and free-text into a single answer list.
      const combined = [...chips];
      if (text && !combined.includes(text)) {
        combined.push(text);