@athenaintel/react 0.57.2 → 0.59.0

package/dist/chat/typed-interrupts/questionnaire-card.js

@@ -0,0 +1,449 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { readQuestionnaireContext, interruptDraftId, QuestionType, questionnaireResume } from "../../agent-runtime/src/typed-interrupt-kinds.js";
+import { MessageSquareIcon, ArrowLeftIcon, ArrowRightIcon, Loader2Icon, CloudIcon, AlertCircleIcon, XIcon, SendIcon, HelpCircleIcon, CheckIcon } from "lucide-react";
+import { useMemo, useId, useState, useRef, useEffect, useCallback } from "react";
+import { mentionsToPlainText } from "../../chat-ui/mentions/mention-chip.js";
+import { ChatMessageBody } from "../../chat-ui/rich-text/chat-message-body.js";
+import { Button } from "../../ui/button.js";
+import { InterruptCardShell, HoverHint, WaitForStreamingHint, TimedInterruptCountdown } from "./interrupt-card-shell.js";
+import { useTypedInterruptConversation } from "./typed-interrupt-graphql.js";
+import { useInterruptDraft, useInterruptDraftSave } from "./use-interrupt-draft.js";
+import { cn } from "cnfast";
+const EMPTY_ANSWER = { value: "", comment: "", selectedOptions: [] };
+function emptyAnswers(count) {
+  return Array.from({ length: count }, () => ({ value: "", comment: "", selectedOptions: [] }));
+}
+function questionSignature(questions) {
+  return questions.map((question) => [question.text, question.type, ...question.options].join("")).join("");
+}
+function isQuestionAnswered(answer, type) {
+  if (answer.comment.trim().length > 0) return true;
+  switch (type) {
+    case QuestionType.YES_NO:
+      return answer.value === "yes" || answer.value === "no";
+    case QuestionType.MULTI_CHOICE:
+      return answer.selectedOptions.length > 0;
+    default:
+      return answer.value.trim().length > 0;
+  }
+}
+function isAnswerState(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const candidate = value;
+  return typeof candidate.value === "string" && typeof candidate.comment === "string" && Array.isArray(candidate.selectedOptions) && candidate.selectedOptions.every((option) => typeof option === "string");
+}
+function readDraft(raw, count) {
+  const answers = Array.isArray(raw) ? raw : typeof raw === "object" && raw !== null && Array.isArray(raw.answers) ? raw.answers : null;
+  if (!answers || answers.length !== count || !answers.every(isAnswerState)) return null;
+  const index = typeof raw === "object" && raw !== null && !Array.isArray(raw) ? raw.currentIndex : void 0;
+  return {
+    answers: answers.map((answer) => ({ ...answer, selectedOptions: [...answer.selectedOptions] })),
+    ...typeof index === "number" && index >= 0 && index < count ? { index } : {}
+  };
+}
+function formatAnswers(questions, answers) {
+  return questions.map((question, index) => {
+    const answer = answers[index] ?? EMPTY_ANSWER;
+    const comment = answer.comment.trim() || null;
+    if (!isQuestionAnswered(answer, question.type)) return { value: "", comment };
+    const value = question.type === QuestionType.MULTI_CHOICE ? answer.selectedOptions.join(", ") : answer.value;
+    return { value, comment };
+  });
+}
+function RecommendedBadge() {
+  return /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full border border-current px-1.5 font-medium text-[10px] uppercase tracking-wide opacity-80", children: "Recommended" });
+}
+const QUESTION_HINTS = {
+  [QuestionType.YES_NO]: "Select Yes or No",
+  [QuestionType.SINGLE_CHOICE]: "Select one option",
+  [QuestionType.MULTI_CHOICE]: "Select one or more options"
+};
+const GROUP_CLASS = "m-0 flex min-w-0 border-0 p-0";
+const TEXTAREA_CLASS = "min-h-16 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50";
+function QuestionnaireCard({ interrupt, resume, engine }) {
+  const { title, questions } = useMemo(() => readQuestionnaireContext(interrupt), [interrupt]);
+  const heading = (title == null ? void 0 : title.trim()) || "Questions from AI";
+  const total = questions.length;
+  const {
+    isLoading,
+    hasTimeout,
+    timeoutSeconds,
+    timeoutRemaining,
+    isTimedOut,
+    isTimeoutCancelled,
+    cancelTimeout,
+    displayMessage,
+    isConversationStreaming
+  } = engine;
+  const actionsDisabled = isLoading || isConversationStreaming;
+  const labelId = useId();
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [answers, setAnswers] = useState(() => emptyAnswers(total));
+  const [showComment, setShowComment] = useState(() => new Array(total).fill(false));
+  const [confirmingPartial, setConfirmingPartial] = useState(false);
+  const [draftHydrated, setDraftHydrated] = useState(false);
+  const touchedRef = useRef(false);
+  const signature = useMemo(() => questionSignature(questions), [questions]);
+  const instanceKey = engine.requestId ?? null;
+  useEffect(() => {
+    setCurrentIndex(0);
+    setAnswers(emptyAnswers(total));
+    setShowComment(new Array(total).fill(false));
+    setConfirmingPartial(false);
+    setDraftHydrated(false);
+    touchedRef.current = false;
+  }, [instanceKey, signature, total]);
+  const conversation = useTypedInterruptConversation();
+  const draftId = interruptDraftId(interrupt);
+  const { draft, isLoading: draftLoading } = useInterruptDraft({ conversation, interruptId: draftId });
+  useEffect(() => {
+    if (draftHydrated || draftLoading) return;
+    if (!touchedRef.current) {
+      const restored = readDraft(draft, total);
+      if (restored) {
+        setAnswers(restored.answers);
+        if (restored.index !== void 0) setCurrentIndex(restored.index);
+      }
+    }
+    setDraftHydrated(true);
+  }, [draftHydrated, draftLoading, draft, total]);
+  const draftPayload = useMemo(() => ({ answers, currentIndex }), [answers, currentIndex]);
+  const { flush: flushDraft, status: draftStatus } = useInterruptDraftSave({
+    conversation,
+    interruptId: draftId,
+    payload: draftPayload,
+    enabled: draftHydrated && touchedRef.current
+  });
+  const question = questions[currentIndex] ?? {
+    text: "",
+    type: QuestionType.TEXT,
+    options: [],
+    recommended: null
+  };
+  const answer = answers[currentIndex] ?? EMPTY_ANSWER;
+  const isFirst = currentIndex === 0;
+  const isLast = currentIndex === total - 1;
+  const answeredCount = answers.filter((each, index) => {
+    const asked = questions[index];
+    return asked ? isQuestionAnswered(each, asked.type) : false;
+  }).length;
+  const allAnswered = total > 0 && answeredCount === total;
+  const updateAnswer = useCallback(
+    (update) => {
+      touchedRef.current = true;
+      setConfirmingPartial(false);
+      setAnswers((previous) => {
+        const next = [...previous];
+        next[currentIndex] = update(next[currentIndex] ?? EMPTY_ANSWER);
+        return next;
+      });
+    },
+    [currentIndex]
+  );
+  const goTo = (index) => {
+    flushDraft();
+    setCurrentIndex(index);
+  };
+  const submit = () => resume(questionnaireResume(formatAnswers(questions, answers)));
+  const onSubmit = () => {
+    if (!allAnswered) {
+      setConfirmingPartial(true);
+      return;
+    }
+    submit();
+  };
+  const unansweredCount = total - answeredCount;
+  const choiceClass = (selected) => cn(
+    "w-full rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+    selected ? "border-blue-600 bg-blue-50 text-blue-700" : "border-border hover:border-muted-foreground/40 hover:bg-muted"
+  );
+  const renderAnswerInput = () => {
+    switch (question.type) {
+      case QuestionType.YES_NO:
+        return /* @__PURE__ */ jsx("fieldset", { className: cn(GROUP_CLASS, "flex-row gap-3"), "aria-labelledby": labelId, children: ["yes", "no"].map((choice) => {
+          const selected = answer.value === choice;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => updateAnswer((current) => ({ ...current, value: choice })),
+              disabled: isLoading,
+              "aria-pressed": selected,
+              className: cn(
+                "flex-1 rounded-md border-2 px-4 py-2.5 font-medium text-sm transition-all disabled:cursor-not-allowed disabled:opacity-50",
+                selected ? "border-blue-600 bg-blue-600 text-white shadow-md" : "border-border bg-background text-foreground hover:bg-muted"
+              ),
+              children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+                selected ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : null,
+                /* @__PURE__ */ jsx("span", { children: choice === "yes" ? "Yes" : "No" }),
+                question.recommended === choice ? /* @__PURE__ */ jsx(RecommendedBadge, {}) : null
+              ] })
+            },
+            choice
+          );
+        }) });
+      case QuestionType.SINGLE_CHOICE:
+        return /* @__PURE__ */ jsx("fieldset", { className: cn(GROUP_CLASS, "flex-col gap-2"), "aria-labelledby": labelId, children: question.options.map((option, index) => {
+          const selected = answer.value === option;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => updateAnswer((current) => ({ ...current, value: option })),
+              disabled: isLoading,
+              "aria-pressed": selected,
+              className: choiceClass(selected),
+              children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      "flex size-4 shrink-0 items-center justify-center rounded-full border-2",
+                      selected ? "border-blue-600 bg-blue-600" : "border-muted-foreground/40"
+                    ),
+                    children: selected ? /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-white" }) : null
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-words", children: mentionsToPlainText(option) }),
+                question.recommended === option ? /* @__PURE__ */ jsx(RecommendedBadge, {}) : null
+              ] })
+            },
+            `${index}-${option}`
+          );
+        }) });
+      case QuestionType.MULTI_CHOICE:
+        return /* @__PURE__ */ jsx("fieldset", { className: cn(GROUP_CLASS, "flex-col gap-2"), "aria-labelledby": labelId, children: question.options.map((option, index) => {
+          const selected = answer.selectedOptions.includes(option);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => updateAnswer((current) => ({
+                ...current,
+                selectedOptions: current.selectedOptions.includes(option) ? current.selectedOptions.filter((each) => each !== option) : [...current.selectedOptions, option]
+              })),
+              disabled: isLoading,
+              "aria-pressed": selected,
+              className: choiceClass(selected),
+              children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      "flex size-4 shrink-0 items-center justify-center rounded border",
+                      selected ? "border-blue-600 bg-blue-600" : "border-muted-foreground/40"
+                    ),
+                    children: selected ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3 text-white" }) : null
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-words", children: mentionsToPlainText(option) })
+              ] })
+            },
+            `${index}-${option}`
+          );
+        }) });
+      default:
+        return /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            "aria-labelledby": labelId,
+            value: answer.value,
+            onChange: (event) => {
+              const value = event.target.value;
+              updateAnswer((current) => ({ ...current, value }));
+            },
+            placeholder: "Type your answer here...",
+            readOnly: actionsDisabled,
+            rows: 3,
+            className: TEXTAREA_CLASS
+          }
+        );
+    }
+  };
+  const loadingDraft = draftLoading && !draftHydrated;
+  const showDraftIndicator = loadingDraft || answeredCount > 0 && draftStatus !== "idle";
+  const draftHint = loadingDraft ? "Checking for a previously saved draft..." : draftStatus === "error" ? "Couldn't save draft" : draftStatus === "saving" ? "Saving draft..." : "Draft saved — your answers will be restored if you leave and come back within 24 hours.";
+  return /* @__PURE__ */ jsx(
+    InterruptCardShell,
+    {
+      title: heading,
+      description: displayMessage,
+      icon: /* @__PURE__ */ jsx(HelpCircleIcon, {}),
+      hasTimeout,
+      onInteraction: cancelTimeout,
+      content: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", "data-testid": "typed-interrupt-questionnaire", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground text-sm", children: [
+            "Question ",
+            currentIndex + 1,
+            " of ",
+            total
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: questions.map((each, index) => {
+            const answered = isQuestionAnswered(answers[index] ?? EMPTY_ANSWER, each.type);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => goTo(index),
+                "aria-pressed": index === currentIndex,
+                "aria-label": `Go to question ${index + 1}`,
+                className: cn(
+                  "size-2 rounded-full transition-colors",
+                  index === currentIndex ? "bg-blue-600" : answered ? "bg-blue-300" : "bg-muted-foreground/30"
+                )
+              },
+              index
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-muted/60 p-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-foreground text-sm", children: /* @__PURE__ */ jsx(ChatMessageBody, { text: question.text }) }),
+          QUESTION_HINTS[question.type] ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-xs", children: QUESTION_HINTS[question.type] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx("p", { id: labelId, className: "font-medium text-foreground text-sm", children: "Your answer:" }),
+          renderAnswerInput()
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowComment((previous) => {
+                const next = [...previous];
+                next[currentIndex] = !next[currentIndex];
+                return next;
+              }),
+              "aria-pressed": showComment[currentIndex] === true,
+              className: "flex w-fit items-center gap-1.5 text-muted-foreground text-xs transition-colors hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(MessageSquareIcon, { className: "size-3" }),
+                showComment[currentIndex] ? "Hide additional comment" : "Add additional comment"
+              ]
+            }
+          ),
+          showComment[currentIndex] ? /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              "aria-label": "Additional comment",
+              value: answer.comment,
+              onChange: (event) => {
+                const comment = event.target.value;
+                updateAnswer((current) => ({ ...current, comment }));
+              },
+              placeholder: "Add any additional context or notes...",
+              readOnly: actionsDisabled,
+              rows: 2,
+              className: TEXTAREA_CLASS
+            }
+          ) : null
+        ] }),
+        total > 1 ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-xs", children: [
+          answeredCount,
+          " of ",
+          total,
+          " questions answered"
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: () => goTo(currentIndex - 1),
+              variant: "outline",
+              size: "sm",
+              disabled: isFirst || isLoading,
+              children: [
+                /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
+                "Previous"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Button, { onClick: () => goTo(currentIndex + 1), size: "sm", disabled: isLast || isLoading, children: [
+            "Next",
+            /* @__PURE__ */ jsx(ArrowRightIcon, {})
+          ] })
+        ] }),
+        confirmingPartial ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "alertdialog",
+            "aria-labelledby": `${labelId}-partial`,
+            className: "flex flex-col gap-2 rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900",
+            children: [
+              /* @__PURE__ */ jsx("p", { id: `${labelId}-partial`, className: "font-semibold text-sm", children: "Submit with unanswered questions?" }),
+              /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+                "You have ",
+                unansweredCount,
+                " unanswered question",
+                unansweredCount > 1 ? "s" : "",
+                ". Are you sure you want to submit?"
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                /* @__PURE__ */ jsx(Button, { size: "sm", disabled: actionsDisabled, onClick: submit, children: "Submit anyway" }),
+                /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => setConfirmingPartial(false), children: "Keep answering" })
+              ] })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
+          showDraftIndicator ? /* @__PURE__ */ jsx(HoverHint, { label: draftHint, children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              role: "img",
+              "aria-label": draftHint,
+              className: cn("flex items-center", draftStatus === "error" ? "text-amber-500" : "text-muted-foreground"),
+              children: [
+                loadingDraft || draftStatus === "saving" ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3.5 animate-spin" }) : null,
+                !loadingDraft && draftStatus === "saved" ? /* @__PURE__ */ jsx(CloudIcon, { className: "size-3.5" }) : null,
+                !loadingDraft && draftStatus === "error" ? /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3.5" }) : null
+              ]
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: () => resume(questionnaireResume([])),
+              variant: "ghost",
+              size: "sm",
+              disabled: actionsDisabled,
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                "Cancel"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(WaitForStreamingHint, { active: isConversationStreaming, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: onSubmit,
+              variant: allAnswered ? "default" : "outline",
+              size: "sm",
+              disabled: actionsDisabled,
+              children: [
+                /* @__PURE__ */ jsx(SendIcon, {}),
+                isLoading ? "Submitting..." : "Submit"
+              ]
+            }
+          ) })
+        ] }),
+        hasTimeout ? /* @__PURE__ */ jsx(
+          TimedInterruptCountdown,
+          {
+            timeoutRemaining,
+            timeoutSeconds,
+            isTimedOut,
+            isTimeoutCancelled
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  QuestionnaireCard,
+  isQuestionAnswered
+};
+//# sourceMappingURL=questionnaire-card.js.map

package/dist/chat/typed-interrupts/questionnaire-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire-card.js","sources":["../../../src/chat/typed-interrupts/questionnaire-card.tsx"],"sourcesContent":["/**\n * The `ask` tool's questionnaire (Olympus's `AskQuestionnaireInterruptUi`):\n * one question at a time with its progress, an answer by the question's kind\n * (text, yes / no, one option, several options) and an optional comment on\n * each, and Submit once the person is done, asking first when some questions\n * are still unanswered. Cancel answers with no answers, which the tool reads\n * as the person declining. The answers in progress are kept as a draft on\n * agora (`use-interrupt-draft.ts`) when the host names the conversation.\n */\nimport {\n  interruptDraftId,\n  type QuestionnaireAnswer,\n  questionnaireResume,\n  QuestionType,\n  readQuestionnaireContext,\n  type TypedQuestion,\n} from '@athenaintel/agent-runtime/typed-interrupt-kinds';\nimport {\n  AlertCircleIcon,\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CheckIcon,\n  CloudIcon,\n  HelpCircleIcon,\n  Loader2Icon,\n  MessageSquareIcon,\n  SendIcon,\n  XIcon,\n} from 'lucide-react';\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { mentionsToPlainText } from '../../chat-ui/mentions/mention-chip';\nimport { ChatMessageBody } from '../../chat-ui/rich-text/chat-message-body';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../ui/button';\nimport {\n  HoverHint,\n  InterruptCardShell,\n  TimedInterruptCountdown,\n  WaitForStreamingHint,\n} from './interrupt-card-shell';\nimport { useTypedInterruptConversation } from './typed-interrupt-graphql';\nimport type { TypedInterruptCardProps } from './typed-interrupt-types';\nimport { useInterruptDraft, useInterruptDraftSave } from './use-interrupt-draft';\n\ninterface AnswerState {\n  value: string;\n  comment: string;\n  selectedOptions: string[];\n}\n\nconst EMPTY_ANSWER: AnswerState = { value: '', comment: '', selectedOptions: [] };\n\nfunction emptyAnswers(count: number): AnswerState[] {\n  return Array.from({ length: count }, () => ({ value: '', comment: '', selectedOptions: [] }));\n}\n\nfunction questionSignature(questions: readonly TypedQuestion[]): string {\n  return questions\n    .map((question) => [question.text, question.type, ...question.options].join('\\u001f'))\n    .join('\\u001e');\n}\n\n/** A comment answers a question too; otherwise the answer its kind takes. */\nexport function isQuestionAnswered(answer: AnswerState, type: QuestionType): boolean {\n  if (answer.comment.trim().length > 0) return true;\n  switch (type) {\n    case QuestionType.YES_NO:\n      return answer.value === 'yes' || answer.value === 'no';\n    case QuestionType.MULTI_CHOICE:\n      return answer.selectedOptions.length > 0;\n    default:\n      return answer.value.trim().length > 0;\n  }\n}\n\nfunction isAnswerState(value: unknown): value is AnswerState {\n  if (typeof value !== 'object' || value === null) return false;\n  const candidate = value as Record<string, unknown>;\n  return (\n    typeof candidate.value === 'string' &&\n    typeof candidate.comment === 'string' &&\n    Array.isArray(candidate.selectedOptions) &&\n    candidate.selectedOptions.every((option) => typeof option === 'string')\n  );\n}\n\n/** A saved draft's answers and position, when they fit this questionnaire. */\nfunction readDraft(raw: unknown, count: number): { answers: AnswerState[]; index?: number } | null {\n  const answers = Array.isArray(raw)\n    ? raw\n    : typeof raw === 'object' && raw !== null && Array.isArray((raw as { answers?: unknown }).answers)\n      ? (raw as { answers: unknown[] }).answers\n      : null;\n  if (!answers || answers.length !== count || !answers.every(isAnswerState)) return null;\n  const index =\n    typeof raw === 'object' && raw !== null && !Array.isArray(raw)\n      ? (raw as { currentIndex?: unknown }).currentIndex\n      : undefined;\n  return {\n    answers: answers.map((answer) => ({ ...answer, selectedOptions: [...answer.selectedOptions] })),\n    ...(typeof index === 'number' && index >= 0 && index < count ? { index } : {}),\n  };\n}\n\n/** The answers as the tool's resume takes them: a multi-choice's options joined, comments trimmed. */\nfunction formatAnswers(questions: readonly TypedQuestion[], answers: readonly AnswerState[]): QuestionnaireAnswer[] {\n  return questions.map((question, index) => {\n    const answer = answers[index] ?? EMPTY_ANSWER;\n    const comment = answer.comment.trim() || null;\n    if (!isQuestionAnswered(answer, question.type)) return { value: '', comment };\n    const value =\n      question.type === QuestionType.MULTI_CHOICE ? answer.selectedOptions.join(', ') : answer.value;\n    return { value, comment };\n  });\n}\n\n/** Marks the answer the agent recommends, which is also what a timeout answers with. */\nfunction RecommendedBadge() {\n  return (\n    <span className=\"shrink-0 rounded-full border border-current px-1.5 font-medium text-[10px] uppercase tracking-wide opacity-80\">\n      Recommended\n    </span>\n  );\n}\n\nconst QUESTION_HINTS: Partial<Record<QuestionType, string>> = {\n  [QuestionType.YES_NO]: 'Select Yes or No',\n  [QuestionType.SINGLE_CHOICE]: 'Select one option',\n  [QuestionType.MULTI_CHOICE]: 'Select one or more options',\n};\n\n/** An answer's choices, as one group named by \"Your answer:\". */\nconst GROUP_CLASS = 'm-0 flex min-w-0 border-0 p-0';\n\nconst TEXTAREA_CLASS =\n  'min-h-16 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-foreground text-sm shadow-xs outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50';\n\nexport function QuestionnaireCard({ interrupt, resume, engine }: TypedInterruptCardProps) {\n  const { title, questions } = useMemo(() => readQuestionnaireContext(interrupt), [interrupt]);\n  const heading = title?.trim() || 'Questions from AI';\n  const total = questions.length;\n  const {\n    isLoading,\n    hasTimeout,\n    timeoutSeconds,\n    timeoutRemaining,\n    isTimedOut,\n    isTimeoutCancelled,\n    cancelTimeout,\n    displayMessage,\n    isConversationStreaming,\n  } = engine;\n  const actionsDisabled = isLoading || isConversationStreaming;\n  const labelId = useId();\n\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [answers, setAnswers] = useState<AnswerState[]>(() => emptyAnswers(total));\n  const [showComment, setShowComment] = useState<boolean[]>(() => new Array(total).fill(false));\n  const [confirmingPartial, setConfirmingPartial] = useState(false);\n  const [draftHydrated, setDraftHydrated] = useState(false);\n  const touchedRef = useRef(false);\n\n  // A new park (a same-source park is a new request) starts empty.\n  const signature = useMemo(() => questionSignature(questions), [questions]);\n  const instanceKey = engine.requestId ?? null;\n  useEffect(() => {\n    setCurrentIndex(0);\n    setAnswers(emptyAnswers(total));\n    setShowComment(new Array(total).fill(false));\n    setConfirmingPartial(false);\n    setDraftHydrated(false);\n    touchedRef.current = false;\n  }, [instanceKey, signature, total]);\n\n  // Keyed as the timer worker looks drafts up, never by the request id.\n  const conversation = useTypedInterruptConversation();\n  const draftId = interruptDraftId(interrupt);\n  const { draft, isLoading: draftLoading } = useInterruptDraft({ conversation, interruptId: draftId });\n  useEffect(() => {\n    if (draftHydrated || draftLoading) return;\n    if (!touchedRef.current) {\n      const restored = readDraft(draft, total);\n      if (restored) {\n        setAnswers(restored.answers);\n        if (restored.index !== undefined) setCurrentIndex(restored.index);\n      }\n    }\n    setDraftHydrated(true);\n  }, [draftHydrated, draftLoading, draft, total]);\n\n  const draftPayload = useMemo(() => ({ answers, currentIndex }), [answers, currentIndex]);\n  const { flush: flushDraft, status: draftStatus } = useInterruptDraftSave({\n    conversation,\n    interruptId: draftId,\n    payload: draftPayload,\n    enabled: draftHydrated && touchedRef.current,\n  });\n\n  const question: TypedQuestion = questions[currentIndex] ?? {\n    text: '',\n    type: QuestionType.TEXT,\n    options: [],\n    recommended: null,\n  };\n  const answer = answers[currentIndex] ?? EMPTY_ANSWER;\n  const isFirst = currentIndex === 0;\n  const isLast = currentIndex === total - 1;\n  const answeredCount = answers.filter((each, index) => {\n    const asked = questions[index];\n    return asked ? isQuestionAnswered(each, asked.type) : false;\n  }).length;\n  const allAnswered = total > 0 && answeredCount === total;\n\n  const updateAnswer = useCallback(\n    (update: (current: AnswerState) => AnswerState) => {\n      touchedRef.current = true;\n      setConfirmingPartial(false);\n      setAnswers((previous) => {\n        const next = [...previous];\n        next[currentIndex] = update(next[currentIndex] ?? EMPTY_ANSWER);\n        return next;\n      });\n    },\n    [currentIndex],\n  );\n\n  const goTo = (index: number) => {\n    flushDraft();\n    setCurrentIndex(index);\n  };\n\n  const submit = () => resume(questionnaireResume(formatAnswers(questions, answers)));\n  const onSubmit = () => {\n    if (!allAnswered) {\n      setConfirmingPartial(true);\n      return;\n    }\n    submit();\n  };\n  const unansweredCount = total - answeredCount;\n\n  const choiceClass = (selected: boolean) =>\n    cn(\n      'w-full rounded-md border px-3 py-2 text-left text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50',\n      selected\n        ? 'border-blue-600 bg-blue-50 text-blue-700'\n        : 'border-border hover:border-muted-foreground/40 hover:bg-muted',\n    );\n\n  const renderAnswerInput = () => {\n    switch (question.type) {\n      case QuestionType.YES_NO:\n        return (\n          <fieldset className={cn(GROUP_CLASS, 'flex-row gap-3')} aria-labelledby={labelId}>\n            {(['yes', 'no'] as const).map((choice) => {\n              const selected = answer.value === choice;\n              return (\n                <button\n                  key={choice}\n                  type=\"button\"\n                  onClick={() => updateAnswer((current) => ({ ...current, value: choice }))}\n                  disabled={isLoading}\n                  aria-pressed={selected}\n                  className={cn(\n                    'flex-1 rounded-md border-2 px-4 py-2.5 font-medium text-sm transition-all disabled:cursor-not-allowed disabled:opacity-50',\n                    selected\n                      ? 'border-blue-600 bg-blue-600 text-white shadow-md'\n                      : 'border-border bg-background text-foreground hover:bg-muted',\n                  )}\n                >\n                  <span className=\"flex items-center justify-center gap-2\">\n                    {selected ? <CheckIcon className=\"size-4\" /> : null}\n                    <span>{choice === 'yes' ? 'Yes' : 'No'}</span>\n                    {question.recommended === choice ? <RecommendedBadge /> : null}\n                  </span>\n                </button>\n              );\n            })}\n          </fieldset>\n        );\n      case QuestionType.SINGLE_CHOICE:\n        return (\n          <fieldset className={cn(GROUP_CLASS, 'flex-col gap-2')} aria-labelledby={labelId}>\n            {question.options.map((option, index) => {\n              const selected = answer.value === option;\n              return (\n                <button\n                  key={`${index}-${option}`}\n                  type=\"button\"\n                  onClick={() => updateAnswer((current) => ({ ...current, value: option }))}\n                  disabled={isLoading}\n                  aria-pressed={selected}\n                  className={choiceClass(selected)}\n                >\n                  <span className=\"flex items-center gap-2\">\n                    <span\n                      aria-hidden\n                      className={cn(\n                        'flex size-4 shrink-0 items-center justify-center rounded-full border-2',\n                        selected ? 'border-blue-600 bg-blue-600' : 'border-muted-foreground/40',\n                      )}\n                    >\n                      {selected ? <span className=\"size-2 rounded-full bg-white\" /> : null}\n                    </span>\n                    <span className=\"min-w-0 flex-1 break-words\">{mentionsToPlainText(option)}</span>\n                    {question.recommended === option ? <RecommendedBadge /> : null}\n                  </span>\n                </button>\n              );\n            })}\n          </fieldset>\n        );\n      case QuestionType.MULTI_CHOICE:\n        return (\n          <fieldset className={cn(GROUP_CLASS, 'flex-col gap-2')} aria-labelledby={labelId}>\n            {question.options.map((option, index) => {\n              const selected = answer.selectedOptions.includes(option);\n              return (\n                <button\n                  key={`${index}-${option}`}\n                  type=\"button\"\n                  onClick={() =>\n                    updateAnswer((current) => ({\n                      ...current,\n                      selectedOptions: current.selectedOptions.includes(option)\n                        ? current.selectedOptions.filter((each) => each !== option)\n                        : [...current.selectedOptions, option],\n                    }))\n                  }\n                  disabled={isLoading}\n                  aria-pressed={selected}\n                  className={choiceClass(selected)}\n                >\n                  <span className=\"flex items-center gap-2\">\n                    <span\n                      aria-hidden\n                      className={cn(\n                        'flex size-4 shrink-0 items-center justify-center rounded border',\n                        selected ? 'border-blue-600 bg-blue-600' : 'border-muted-foreground/40',\n                      )}\n                    >\n                      {selected ? <CheckIcon className=\"size-3 text-white\" /> : null}\n                    </span>\n                    <span className=\"min-w-0 flex-1 break-words\">{mentionsToPlainText(option)}</span>\n                  </span>\n                </button>\n              );\n            })}\n          </fieldset>\n        );\n      default:\n        return (\n          <textarea\n            aria-labelledby={labelId}\n            value={answer.value}\n            onChange={(event) => {\n              const value = event.target.value;\n              updateAnswer((current) => ({ ...current, value }));\n            }}\n            placeholder=\"Type your answer here...\"\n            readOnly={actionsDisabled}\n            rows={3}\n            className={TEXTAREA_CLASS}\n          />\n        );\n    }\n  };\n\n  const loadingDraft = draftLoading && !draftHydrated;\n  const showDraftIndicator = loadingDraft || (answeredCount > 0 && draftStatus !== 'idle');\n  const draftHint = loadingDraft\n    ? 'Checking for a previously saved draft...'\n    : draftStatus === 'error'\n      ? \"Couldn't save draft\"\n      : draftStatus === 'saving'\n        ? 'Saving draft...'\n        : 'Draft saved — your answers will be restored if you leave and come back within 24 hours.';\n\n  return (\n    <InterruptCardShell\n      title={heading}\n      description={displayMessage}\n      icon={<HelpCircleIcon />}\n      hasTimeout={hasTimeout}\n      onInteraction={cancelTimeout}\n      content={\n        <div className=\"flex flex-col gap-4\" data-testid=\"typed-interrupt-questionnaire\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"font-medium text-foreground text-sm\">\n              Question {currentIndex + 1} of {total}\n            </span>\n            <div className=\"flex gap-1\">\n              {questions.map((each, index) => {\n                const answered = isQuestionAnswered(answers[index] ?? EMPTY_ANSWER, each.type);\n                return (\n                  <button\n                    // Position is the only identity a question has.\n                    key={index}\n                    type=\"button\"\n                    onClick={() => goTo(index)}\n                    aria-pressed={index === currentIndex}\n                    aria-label={`Go to question ${index + 1}`}\n                    className={cn(\n                      'size-2 rounded-full transition-colors',\n                      index === currentIndex ? 'bg-blue-600' : answered ? 'bg-blue-300' : 'bg-muted-foreground/30',\n                    )}\n                  />\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"rounded-md bg-muted/60 p-3\">\n            <div className=\"text-foreground text-sm\">\n              <ChatMessageBody text={question.text} />\n            </div>\n            {QUESTION_HINTS[question.type] ? (\n              <p className=\"mt-1 text-muted-foreground text-xs\">{QUESTION_HINTS[question.type]}</p>\n            ) : null}\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <p id={labelId} className=\"font-medium text-foreground text-sm\">\n              Your answer:\n            </p>\n            {renderAnswerInput()}\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <button\n              type=\"button\"\n              onClick={() =>\n                setShowComment((previous) => {\n                  const next = [...previous];\n                  next[currentIndex] = !next[currentIndex];\n                  return next;\n                })\n              }\n              aria-pressed={showComment[currentIndex] === true}\n              className=\"flex w-fit items-center gap-1.5 text-muted-foreground text-xs transition-colors hover:text-foreground\"\n            >\n              <MessageSquareIcon className=\"size-3\" />\n              {showComment[currentIndex] ? 'Hide additional comment' : 'Add additional comment'}\n            </button>\n            {showComment[currentIndex] ? (\n              <textarea\n                aria-label=\"Additional comment\"\n                value={answer.comment}\n                onChange={(event) => {\n                  const comment = event.target.value;\n                  updateAnswer((current) => ({ ...current, comment }));\n                }}\n                placeholder=\"Add any additional context or notes...\"\n                readOnly={actionsDisabled}\n                rows={2}\n                className={TEXTAREA_CLASS}\n              />\n            ) : null}\n          </div>\n\n          {total > 1 ? (\n            <div className=\"text-muted-foreground text-xs\">\n              {answeredCount} of {total} questions answered\n            </div>\n          ) : null}\n\n          <div className=\"flex w-full items-center justify-between gap-2\">\n            <Button\n              onClick={() => goTo(currentIndex - 1)}\n              variant=\"outline\"\n              size=\"sm\"\n              disabled={isFirst || isLoading}\n            >\n              <ArrowLeftIcon />\n              Previous\n            </Button>\n            <Button onClick={() => goTo(currentIndex + 1)} size=\"sm\" disabled={isLast || isLoading}>\n              Next\n              <ArrowRightIcon />\n            </Button>\n          </div>\n\n          {confirmingPartial ? (\n            <div\n              role=\"alertdialog\"\n              aria-labelledby={`${labelId}-partial`}\n              className=\"flex flex-col gap-2 rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900\"\n            >\n              <p id={`${labelId}-partial`} className=\"font-semibold text-sm\">\n                Submit with unanswered questions?\n              </p>\n              <p className=\"text-sm\">\n                You have {unansweredCount} unanswered question{unansweredCount > 1 ? 's' : ''}. Are you sure you want\n                to submit?\n              </p>\n              <div className=\"flex flex-wrap gap-2\">\n                <Button size=\"sm\" disabled={actionsDisabled} onClick={submit}>\n                  Submit anyway\n                </Button>\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setConfirmingPartial(false)}>\n                  Keep answering\n                </Button>\n              </div>\n            </div>\n          ) : null}\n\n          <div className=\"flex items-center justify-center gap-2\">\n            {showDraftIndicator ? (\n              <HoverHint label={draftHint}>\n                <span\n                  role=\"img\"\n                  aria-label={draftHint}\n                  className={cn('flex items-center', draftStatus === 'error' ? 'text-amber-500' : 'text-muted-foreground')}\n                >\n                  {loadingDraft || draftStatus === 'saving' ? <Loader2Icon className=\"size-3.5 animate-spin\" /> : null}\n                  {!loadingDraft && draftStatus === 'saved' ? <CloudIcon className=\"size-3.5\" /> : null}\n                  {!loadingDraft && draftStatus === 'error' ? <AlertCircleIcon className=\"size-3.5\" /> : null}\n                </span>\n              </HoverHint>\n            ) : null}\n            <WaitForStreamingHint active={isConversationStreaming}>\n              <Button\n                onClick={() => resume(questionnaireResume([]))}\n                variant=\"ghost\"\n                size=\"sm\"\n                disabled={actionsDisabled}\n              >\n                <XIcon />\n                Cancel\n              </Button>\n            </WaitForStreamingHint>\n            <WaitForStreamingHint active={isConversationStreaming}>\n              <Button\n                onClick={onSubmit}\n                variant={allAnswered ? 'default' : 'outline'}\n                size=\"sm\"\n                disabled={actionsDisabled}\n              >\n                <SendIcon />\n                {isLoading ? 'Submitting...' : 'Submit'}\n              </Button>\n            </WaitForStreamingHint>\n          </div>\n\n          {hasTimeout ? (\n            <TimedInterruptCountdown\n              timeoutRemaining={timeoutRemaining}\n              timeoutSeconds={timeoutSeconds}\n              isTimedOut={isTimedOut}\n              isTimeoutCancelled={isTimeoutCancelled}\n            />\n          ) : null}\n        </div>\n      }\n    />\n  );\n}\n"],"names":[],"mappings":"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"}