@tutti-os/agent-gui 0.0.99 → 0.0.101

package/dist/{chunk-SPZJCTBV.js → chunk-TDVYZEUI.js}

@@ -2,26 +2,14 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-T6PEJFRP.js";
+} from "./chunk-MJOQP2ED.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-MASXZENX.js";
+} from "./chunk-UESYITH6.js";
 import {
   translate
-} from "./chunk-RHTZAODZ.js";
-
-// shared/engine/useEngineSelector.ts
-import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector.js";
-function useEngineSelector(engine, selector, isEqual) {
-  return useSyncExternalStoreWithSelector(
-    engine.subscribe,
-    engine.getSnapshot,
-    engine.getSnapshot,
-    selector,
-    isEqual
-  );
-}
+} from "./chunk-E5AD46HP.js";
 
 // shared/agentConversation/planImplementationPresentation.ts
 var PLAN_IMPLEMENTATION_PROMPT = "Implement the plan.";
@@ -378,8 +366,7 @@ function numericValue(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
 
-// shared/agentConversation/components/AgentInteractivePromptSurface.tsx
-import { useMemo as useMemo2, useState as useState2 } from "react";
+// shared/agentConversation/components/AgentAskUserPromptSurface.tsx
 import { Button } from "@tutti-os/ui-system";
 
 // shared/agentConversation/interactiveAnswerPayload.ts
@@ -390,10 +377,6 @@ function buildAskUserAnswerPayload(answersByQuestionId) {
   return { answers, answersByQuestionId };
 }
 
-// shared/agentConversation/components/AgentInteractiveDecisionPromptSurfaces.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { ShortcutBadge } from "@tutti-os/ui-system";
-
 // shared/agentConversation/components/interactivePromptPresentation.tsx
 import {
   Spinner,
@@ -586,8 +569,298 @@ function interactiveOptionLabel(label, description) {
   return trimmedDescription ? `${label} ${trimmedDescription}` : label;
 }
 
-// shared/agentConversation/components/AgentInteractiveDecisionPromptSurfaces.tsx
+// shared/agentConversation/components/useAskUserAnswerFlow.ts
+import { useCallback, useMemo, useState } from "react";
+function readOwnValue(values, key, fallback) {
+  return Object.prototype.hasOwnProperty.call(values, key) ? values[key] : fallback;
+}
+function writeOwnValue(values, key, value) {
+  Object.defineProperty(values, key, {
+    configurable: true,
+    enumerable: true,
+    value,
+    writable: true
+  });
+}
+function useAskUserAnswerFlow({
+  isSubmitting,
+  questions
+}) {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [selectedByQuestionId, setSelectedByQuestionId] = useState({});
+  const [freeTextByQuestionId, setFreeTextByQuestionId] = useState({});
+  const currentQuestion = questions[currentIndex] ?? null;
+  const selectedOptions = currentQuestion ? readOwnValue(selectedByQuestionId, currentQuestion.id, []) : [];
+  const freeText = currentQuestion ? readOwnValue(freeTextByQuestionId, currentQuestion.id, "") : "";
+  const currentQuestionAnswered = currentQuestion !== null && (selectedOptions.length > 0 || freeText.trim() !== "");
+  const isLastQuestion = currentIndex >= questions.length - 1;
+  const answerPayload = useMemo(() => {
+    const answersByQuestionId = {};
+    for (const question of questions) {
+      const selected = readOwnValue(selectedByQuestionId, question.id, []);
+      const customAnswer = readOwnValue(
+        freeTextByQuestionId,
+        question.id,
+        ""
+      ).trim();
+      if (question.multiSelect) {
+        const answers = customAnswer ? [...selected, customAnswer] : selected;
+        if (answers.length > 0) {
+          writeOwnValue(answersByQuestionId, question.id, answers);
+        }
+        continue;
+      }
+      const answer = customAnswer || selected[0];
+      if (answer) {
+        writeOwnValue(answersByQuestionId, question.id, answer);
+      }
+    }
+    return buildAskUserAnswerPayload(answersByQuestionId);
+  }, [freeTextByQuestionId, questions, selectedByQuestionId]);
+  const allQuestionsAnswered = questions.length > 0 && questions.every(
+    (question) => Object.prototype.hasOwnProperty.call(
+      answerPayload.answersByQuestionId,
+      question.id
+    )
+  );
+  const toggleOption = useCallback(
+    (optionLabel) => {
+      if (isSubmitting || !currentQuestion) return;
+      setSelectedByQuestionId((current) => {
+        const existing = readOwnValue(current, currentQuestion.id, []);
+        const next = currentQuestion.multiSelect ? existing.includes(optionLabel) ? existing.filter((value) => value !== optionLabel) : [...existing, optionLabel] : existing.includes(optionLabel) ? [] : [optionLabel];
+        const updated = { ...current };
+        writeOwnValue(updated, currentQuestion.id, next);
+        return updated;
+      });
+    },
+    [currentQuestion, isSubmitting]
+  );
+  const setFreeText = useCallback(
+    (value) => {
+      if (isSubmitting || !currentQuestion) return;
+      setFreeTextByQuestionId((current) => {
+        const updated = { ...current };
+        writeOwnValue(updated, currentQuestion.id, value);
+        return updated;
+      });
+    },
+    [currentQuestion, isSubmitting]
+  );
+  const goToPreviousQuestion = useCallback(() => {
+    if (isSubmitting) return;
+    setCurrentIndex((current) => Math.max(current - 1, 0));
+  }, [isSubmitting]);
+  const goToNextQuestion = useCallback(() => {
+    if (isSubmitting || !currentQuestionAnswered) return;
+    setCurrentIndex((current) => Math.min(current + 1, questions.length - 1));
+  }, [currentQuestionAnswered, isSubmitting, questions.length]);
+  return {
+    allQuestionsAnswered,
+    answerPayload,
+    currentIndex,
+    currentQuestion,
+    currentQuestionAnswered,
+    freeText,
+    isLastQuestion,
+    selectedOptions,
+    goToNextQuestion,
+    goToPreviousQuestion,
+    setFreeText,
+    toggleOption
+  };
+}
+
+// shared/agentConversation/components/AgentAskUserPromptSurface.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AgentAskUserPromptSurface({
+  prompt,
+  variant,
+  ...props
+}) {
+  "use memo";
+  const question = prompt.questions[0] ?? null;
+  const useCompactQuickAnswer = variant === "compact" && prompt.questions.length === 1 && question !== null && !question.multiSelect && question.options.length > 0;
+  if (useCompactQuickAnswer) {
+    return /* @__PURE__ */ jsx2(
+      CompactQuickAnswerSurface,
+      {
+        ...props,
+        prompt,
+        question
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    AskUserAnswerFlowSurface,
+    {
+      ...props,
+      prompt
+    },
+    prompt.requestId
+  );
+}
+function CompactQuickAnswerSurface({
+  prompt,
+  question,
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit
+}) {
+  return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }) }),
+    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
+    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        className: AgentGUIConversation_styles_default.interactiveOptionButton,
+        "aria-label": interactiveOptionLabel(
+          option.label,
+          option.description
+        ),
+        disabled: isSubmitting,
+        onClick: () => onSubmit({
+          requestId: prompt.requestId,
+          action: "submit",
+          payload: {
+            ...buildAskUserAnswerPayload({
+              [question.id]: option.label
+            })
+          }
+        }),
+        children: [
+          /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
+          option.description ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
+        ]
+      },
+      option.label
+    )) })
+  ] }) });
+}
+function AskUserAnswerFlowSurface({
+  prompt,
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  const flow = useAskUserAnswerFlow({
+    isSubmitting,
+    questions: prompt.questions
+  });
+  const question = flow.currentQuestion;
+  if (!question) {
+    return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsx2("div", { className: interactivePromptCardClassName(edgeGlow), children: /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: `${AgentGUIConversation_styles_default.interactivePromptLead} inline-flex items-center gap-1.5`,
+        children: [
+          /* @__PURE__ */ jsx2(
+            MessageSquareMoreIcon,
+            {
+              size: 15,
+              active: true,
+              "aria-hidden": "true",
+              className: "shrink-0"
+            }
+          ),
+          stripPromptTitlePunctuation(labels.waitingForAnswer)
+        ]
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsxs2("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: [
+      /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }),
+      /* @__PURE__ */ jsxs2("span", { className: AgentGUIConversation_styles_default.interactivePromptMeta, children: [
+        flow.currentIndex + 1,
+        "/",
+        prompt.questions.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
+    question.options.length > 0 ? /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => {
+      const active = flow.selectedOptions.includes(option.label);
+      return /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          type: "button",
+          className: AgentGUIConversation_styles_default.interactiveOptionButton,
+          "data-active": active,
+          "aria-pressed": active,
+          "aria-label": interactiveOptionLabel(
+            option.label,
+            option.description
+          ),
+          disabled: isSubmitting,
+          onClick: () => flow.toggleOption(option.label),
+          children: [
+            /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
+            option.description ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
+          ]
+        },
+        option.label
+      );
+    }) }) : null,
+    /* @__PURE__ */ jsx2(
+      "textarea",
+      {
+        value: flow.freeText,
+        placeholder: labels.answerPlaceholder,
+        disabled: isSubmitting,
+        className: AgentGUIConversation_styles_default.interactivePromptTextarea,
+        onChange: (event) => flow.setFreeText(event.currentTarget.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs2("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: [
+      prompt.questions.length > 1 ? /* @__PURE__ */ jsx2(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "sm",
+          disabled: isSubmitting || flow.currentIndex === 0,
+          onClick: flow.goToPreviousQuestion,
+          children: labels.previousQuestion
+        }
+      ) : null,
+      flow.isLastQuestion ? /* @__PURE__ */ jsx2(
+        Button,
+        {
+          type: "button",
+          variant: "default",
+          size: "sm",
+          disabled: isSubmitting || !flow.allQuestionsAnswered,
+          onClick: () => onSubmit({
+            requestId: prompt.requestId,
+            action: "submit",
+            payload: { ...flow.answerPayload }
+          }),
+          children: labels.submitAnswers
+        }
+      ) : /* @__PURE__ */ jsx2(
+        Button,
+        {
+          type: "button",
+          variant: "default",
+          size: "sm",
+          disabled: isSubmitting || !flow.currentQuestionAnswered,
+          onClick: flow.goToNextQuestion,
+          children: labels.nextQuestion
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// shared/agentConversation/components/AgentInteractiveDecisionPromptSurfaces.tsx
+import { useCallback as useCallback2, useEffect, useMemo as useMemo2, useRef, useState as useState2 } from "react";
+import { ShortcutBadge } from "@tutti-os/ui-system";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ApprovalPromptSurface({
   prompt,
   embedded = false,
@@ -599,19 +872,19 @@ function ApprovalPromptSurface({
   labels
 }) {
   "use memo";
-  const promptDetails = useMemo(
+  const promptDetails = useMemo2(
     () => formatToolDetails(prompt.input ?? null),
     [prompt.input]
   );
-  const [submittingOptionId, setSubmittingOptionId] = useState(
+  const [submittingOptionId, setSubmittingOptionId] = useState2(
     null
   );
-  const [pendingFeedbackOptionId, setPendingFeedbackOptionId] = useState(null);
-  const [feedback, setFeedback] = useState("");
+  const [pendingFeedbackOptionId, setPendingFeedbackOptionId] = useState2(null);
+  const [feedback, setFeedback] = useState2("");
   const feedbackTextareaRef = useRef(null);
   const agentHostApi = useOptionalAgentHostApi() ?? getOptionalAgentHostApi();
   const isDarwin = isDarwinPlatform(agentHostApi?.meta?.platform);
-  const feedbackOptionId = useMemo(
+  const feedbackOptionId = useMemo2(
     () => approvalFeedbackOptionId(prompt.options),
     [prompt.options]
   );
@@ -631,7 +904,7 @@ function ApprovalPromptSurface({
       feedbackTextareaRef.current?.focus();
     }
   }, [pendingFeedbackOptionId]);
-  const submitOption = useCallback(
+  const submitOption = useCallback2(
     (optionId) => {
       const feedbackOption = feedbackOptionId === optionId;
       if (feedbackOption && pendingFeedbackOptionId !== optionId) {
@@ -681,21 +954,21 @@ function ApprovalPromptSurface({
     submitOption,
     submittingOptionId
   ]);
-  return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.approvalLead) }),
-    promptDetails.length > 0 ? /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: promptDetails.map((detail) => /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs3("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.approvalLead) }),
+    promptDetails.length > 0 ? /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: promptDetails.map((detail) => /* @__PURE__ */ jsxs3(
       "div",
       {
         className: AgentGUIConversation_styles_default.interactiveOptionDisplay,
         children: [
-          /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: detail.label }),
-          /* @__PURE__ */ jsx2(PromptDetailValue, { detail, previewMode }),
-          detail.meta ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: detail.meta }) : null
+          /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: detail.label }),
+          /* @__PURE__ */ jsx3(PromptDetailValue, { detail, previewMode }),
+          detail.meta ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: detail.meta }) : null
         ]
       },
       `${detail.label}:${detail.value}`
     )) }) : null,
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: prompt.options.map((option, optionIndex) => {
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: prompt.options.map((option, optionIndex) => {
       const showSpinner = submittingOptionId === option.id;
       const optionSupportsFeedback = feedbackOptionId === option.id;
       const optionLabel = approvalOptionDisplayLabel(option, {
@@ -711,12 +984,12 @@ function ApprovalPromptSurface({
       );
       const showFeedbackComposer = pendingFeedbackOptionId === option.id;
       if (showFeedbackComposer) {
-        return /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs3(
           "div",
           {
             className: AgentGUIConversation_styles_default.interactiveFeedbackComposer,
             children: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3(
                 "textarea",
                 {
                   ref: feedbackTextareaRef,
@@ -742,7 +1015,7 @@ function ApprovalPromptSurface({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx3(
                 "button",
                 {
                   type: "button",
@@ -758,7 +1031,7 @@ function ApprovalPromptSurface({
                     }
                     submitOption(option.id);
                   },
-                  children: showSpinner ? /* @__PURE__ */ jsx2(InteractiveOptionSpinner, {}) : /* @__PURE__ */ jsx2(SendFilledIcon, {})
+                  children: showSpinner ? /* @__PURE__ */ jsx3(InteractiveOptionSpinner, {}) : /* @__PURE__ */ jsx3(SendFilledIcon, {})
                 }
               )
             ]
@@ -766,7 +1039,7 @@ function ApprovalPromptSurface({
           option.id
         );
       }
-      return /* @__PURE__ */ jsxs2(
+      return /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -778,8 +1051,8 @@ function ApprovalPromptSurface({
           disabled: isSubmitting || submittingOptionId !== null,
           onClick: () => submitOption(option.id),
           children: [
-            /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: optionPresentation.label }),
-            optionPresentation.commandPrefix ? /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: optionPresentation.label }),
+            optionPresentation.commandPrefix ? /* @__PURE__ */ jsx3(
               CommandTextWithTooltip,
               {
                 value: optionPresentation.commandPrefix,
@@ -787,8 +1060,8 @@ function ApprovalPromptSurface({
                 tooltipsEnabled: !previewMode
               }
             ) : null,
-            option.description ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null,
-            keyboardShortcuts && shortcutLabel && !showSpinner ? /* @__PURE__ */ jsx2(
+            option.description ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null,
+            keyboardShortcuts && shortcutLabel && !showSpinner ? /* @__PURE__ */ jsx3(
               ShortcutBadge,
               {
                 className: AgentGUIConversation_styles_default.interactiveOptionShortcut,
@@ -796,7 +1069,7 @@ function ApprovalPromptSurface({
                 children: shortcutLabel
               }
             ) : null,
-            showSpinner ? /* @__PURE__ */ jsx2(InteractiveOptionSpinner, {}) : null
+            showSpinner ? /* @__PURE__ */ jsx3(InteractiveOptionSpinner, {}) : null
           ]
         },
         option.id
@@ -814,9 +1087,9 @@ function ExitPlanPromptSurface({
   labels
 }) {
   "use memo";
-  const [feedback, setFeedback] = useState("");
+  const [feedback, setFeedback] = useState2("");
   const showFeedbackFooter = variant !== "compact";
-  const [submittingOptionId, setSubmittingOptionId] = useState(
+  const [submittingOptionId, setSubmittingOptionId] = useState2(
     null
   );
   const trimmed = feedback.trim();
@@ -837,11 +1110,11 @@ function ExitPlanPromptSurface({
       setSubmittingOptionId(null);
     }
   }, [isSubmitting]);
-  return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planLead) }),
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: modes.map((mode) => {
+  return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs3("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planLead) }),
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: modes.map((mode) => {
       const showSpinner = submittingOptionId === mode.id;
-      return /* @__PURE__ */ jsxs2(
+      return /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
@@ -860,16 +1133,16 @@ function ExitPlanPromptSurface({
             });
           },
           children: [
-            /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: mode.label }),
-            /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: mode.description }),
-            showSpinner ? /* @__PURE__ */ jsx2(InteractiveOptionSpinner, {}) : null
+            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: mode.label }),
+            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: mode.description }),
+            showSpinner ? /* @__PURE__ */ jsx3(InteractiveOptionSpinner, {}) : null
           ]
         },
         mode.id
       );
     }) }),
-    showFeedbackFooter ? /* @__PURE__ */ jsxs2("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
-      /* @__PURE__ */ jsx2(
+    showFeedbackFooter ? /* @__PURE__ */ jsxs3("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
+      /* @__PURE__ */ jsx3(
         "textarea",
         {
           value: feedback,
@@ -879,7 +1152,7 @@ function ExitPlanPromptSurface({
           onChange: (event) => setFeedback(event.currentTarget.value)
         }
       ),
-      /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -901,7 +1174,7 @@ function ExitPlanPromptSurface({
       // Compact (deck): no textarea, but keep declining reachable — the deck
       // must still let the user keep planning (refining/feedback is deferred
       // to the conversation via the card's "open conversation" jump).
-      /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -927,13 +1200,13 @@ function PlanImplementationSurface({
   labels
 }) {
   "use memo";
-  const [feedback, setFeedback] = useState("");
+  const [feedback, setFeedback] = useState2("");
   const trimmed = feedback.trim();
   const continueLabel = trimmed === "" ? labels.planImplementationSkip : labels.planImplementationSend;
   const showFeedbackFooter = variant !== "compact";
-  return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planImplementationLead) }),
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs3("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planImplementationLead) }),
+    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: /* @__PURE__ */ jsx3(
       "button",
       {
         type: "button",
@@ -944,11 +1217,11 @@ function PlanImplementationSurface({
           requestId: prompt.requestId,
           action: PLAN_IMPLEMENTATION_ACTION_IMPLEMENT
         }),
-        children: /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: labels.planImplementationConfirm })
+        children: /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: labels.planImplementationConfirm })
       }
     ) }),
-    showFeedbackFooter ? /* @__PURE__ */ jsxs2("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
-      /* @__PURE__ */ jsx2(
+    showFeedbackFooter ? /* @__PURE__ */ jsxs3("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
+      /* @__PURE__ */ jsx3(
         "textarea",
         {
           value: feedback,
@@ -959,7 +1232,7 @@ function PlanImplementationSurface({
           onChange: (event) => setFeedback(event.currentTarget.value)
         }
       ),
-      /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -978,7 +1251,7 @@ function PlanImplementationSurface({
 }
 
 // shared/agentConversation/components/AgentInteractivePromptSurface.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function AgentInteractivePromptSurface({
   prompt,
   variant = "full",
@@ -992,7 +1265,7 @@ function AgentInteractivePromptSurface({
 }) {
   "use memo";
   if (prompt.kind === "approval") {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       ApprovalPromptSurface,
       {
         prompt,
@@ -1007,7 +1280,7 @@ function AgentInteractivePromptSurface({
     );
   }
   if (prompt.kind === "exit-plan") {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       ExitPlanPromptSurface,
       {
         prompt,
@@ -1022,7 +1295,7 @@ function AgentInteractivePromptSurface({
     );
   }
   if (prompt.kind === "plan-implementation") {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       PlanImplementationSurface,
       {
         prompt,
@@ -1036,269 +1309,22 @@ function AgentInteractivePromptSurface({
       }
     );
   }
-  return /* @__PURE__ */ jsx3(
-    AskUserPromptSurface,
+  return /* @__PURE__ */ jsx4(
+    AgentAskUserPromptSurface,
     {
       prompt,
       variant,
       embedded,
       edgeGlow,
-      previewMode,
-      isSubmitting,
-      onSubmit,
-      labels
-    }
-  );
-}
-function CompactAskUserPromptSurface({
-  prompt,
-  embedded = false,
-  edgeGlow = false,
-  isSubmitting,
-  onSubmit
-}) {
-  "use memo";
-  const question = prompt.questions[0] ?? null;
-  const oneClickable = prompt.questions.length === 1 && question !== null && !question.multiSelect && question.options.length > 0;
-  return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsx3("div", { className: interactivePromptCardClassName(edgeGlow), children: question ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }) }),
-    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
-    oneClickable ? /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        type: "button",
-        className: AgentGUIConversation_styles_default.interactiveOptionButton,
-        "aria-label": interactiveOptionLabel(
-          option.label,
-          option.description
-        ),
-        disabled: isSubmitting,
-        onClick: () => onSubmit({
-          requestId: prompt.requestId,
-          action: "submit",
-          payload: {
-            ...buildAskUserAnswerPayload({
-              [question.id]: option.label
-            })
-          }
-        }),
-        children: [
-          /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
-          option.description ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
-        ]
-      },
-      option.label
-    )) }) : question.options.length > 0 ? (
-      // Multi-select / multi-question prompts can't be answered with a
-      // single click here, so the options are shown as read-only
-      // context instead of being silently omitted. Answering still
-      // happens in the full conversation via the card's "open
-      // conversation" jump.
-      /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsxs3(
-        "div",
-        {
-          className: AgentGUIConversation_styles_default.interactiveOptionDisplay,
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
-            option.description ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
-          ]
-        },
-        option.label
-      )) })
-    ) : null
-  ] }) : null }) });
-}
-function AskUserPromptSurface({
-  prompt,
-  variant = "full",
-  embedded = false,
-  edgeGlow = false,
-  isSubmitting,
-  onSubmit,
-  labels
-}) {
-  "use memo";
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsx3(
-      CompactAskUserPromptSurface,
-      {
-        prompt,
-        embedded,
-        edgeGlow,
-        isSubmitting,
-        onSubmit,
-        labels
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx3(
-    FullAskUserPromptSurface,
-    {
-      prompt,
-      embedded,
-      edgeGlow,
       isSubmitting,
       onSubmit,
       labels
-    }
+    },
+    prompt.requestId
   );
 }
-function FullAskUserPromptSurface({
-  prompt,
-  embedded = false,
-  edgeGlow = false,
-  isSubmitting,
-  onSubmit,
-  labels
-}) {
-  "use memo";
-  const [index, setIndex] = useState2(0);
-  const [selectedByQuestionId, setSelectedByQuestionId] = useState2({});
-  const [freeTextByQuestionId, setFreeTextByQuestionId] = useState2({});
-  const question = prompt.questions[index] ?? null;
-  const selected = question ? selectedByQuestionId[question.id] ?? [] : [];
-  const freeText = question ? freeTextByQuestionId[question.id] ?? "" : "";
-  const canAdvance = question !== null && (selected.length > 0 || freeText.trim() !== "" || question.options.length === 0);
-  const isLast = index >= prompt.questions.length - 1;
-  const payload = useMemo2(() => {
-    const answersByQuestionId = {};
-    for (const current of prompt.questions) {
-      const chosen = selectedByQuestionId[current.id] ?? [];
-      const other = (freeTextByQuestionId[current.id] ?? "").trim();
-      if (current.multiSelect) {
-        const value2 = other ? [...chosen, other] : chosen;
-        if (value2.length > 0) {
-          answersByQuestionId[current.id] = value2;
-        }
-        continue;
-      }
-      const value = other || chosen[0];
-      if (value) {
-        answersByQuestionId[current.id] = value;
-      }
-    }
-    return buildAskUserAnswerPayload(answersByQuestionId);
-  }, [freeTextByQuestionId, prompt.questions, selectedByQuestionId]);
-  if (!question) {
-    return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsx3("div", { className: interactivePromptCardClassName(edgeGlow), children: /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: `${AgentGUIConversation_styles_default.interactivePromptLead} inline-flex items-center gap-1.5`,
-        children: [
-          /* @__PURE__ */ jsx3(
-            MessageSquareMoreIcon,
-            {
-              size: 15,
-              active: true,
-              "aria-hidden": "true",
-              className: "shrink-0"
-            }
-          ),
-          stripPromptTitlePunctuation(labels.waitingForAnswer)
-        ]
-      }
-    ) }) });
-  }
-  return /* @__PURE__ */ jsx3("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs3("div", { className: interactivePromptCardClassName(edgeGlow), children: [
-    /* @__PURE__ */ jsxs3("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: [
-      /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }),
-      /* @__PURE__ */ jsxs3("span", { className: AgentGUIConversation_styles_default.interactivePromptMeta, children: [
-        index + 1,
-        "/",
-        prompt.questions.length
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
-    question.options.length > 0 ? /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => {
-      const active = selected.includes(option.label);
-      return /* @__PURE__ */ jsxs3(
-        "button",
-        {
-          type: "button",
-          className: AgentGUIConversation_styles_default.interactiveOptionButton,
-          "data-active": active,
-          "aria-pressed": active,
-          "aria-label": interactiveOptionLabel(
-            option.label,
-            option.description
-          ),
-          disabled: isSubmitting,
-          onClick: () => {
-            setSelectedByQuestionId((current) => {
-              const existing = current[question.id] ?? [];
-              const next = question.multiSelect ? existing.includes(option.label) ? existing.filter((value) => value !== option.label) : [...existing, option.label] : existing.includes(option.label) ? [] : [option.label];
-              return { ...current, [question.id]: next };
-            });
-          },
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description })
-          ]
-        },
-        option.label
-      );
-    }) }) : null,
-    /* @__PURE__ */ jsx3(
-      "textarea",
-      {
-        value: freeText,
-        placeholder: labels.answerPlaceholder,
-        disabled: isSubmitting,
-        className: AgentGUIConversation_styles_default.interactivePromptTextarea,
-        onChange: (event) => {
-          const value = event.currentTarget.value;
-          setFreeTextByQuestionId((current) => ({
-            ...current,
-            [question.id]: value
-          }));
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: [
-      prompt.questions.length > 1 ? /* @__PURE__ */ jsx3(
-        Button,
-        {
-          type: "button",
-          variant: "secondary",
-          size: "sm",
-          disabled: isSubmitting || index === 0,
-          onClick: () => setIndex((current) => Math.max(current - 1, 0)),
-          children: labels.previousQuestion
-        }
-      ) : null,
-      isLast ? /* @__PURE__ */ jsx3(
-        Button,
-        {
-          type: "button",
-          variant: "default",
-          size: "sm",
-          disabled: isSubmitting || Object.keys(payload.answersByQuestionId).length === 0,
-          onClick: () => onSubmit({
-            requestId: prompt.requestId,
-            action: "submit",
-            payload: { ...payload }
-          }),
-          children: labels.submitAnswers
-        }
-      ) : /* @__PURE__ */ jsx3(
-        Button,
-        {
-          type: "button",
-          variant: "default",
-          size: "sm",
-          disabled: isSubmitting || !canAdvance,
-          onClick: () => setIndex(
-            (current) => Math.min(current + 1, prompt.questions.length - 1)
-          ),
-          children: labels.nextQuestion
-        }
-      )
-    ] })
-  ] }) });
-}
 
 export {
-  useEngineSelector,
   PLAN_IMPLEMENTATION_PROMPT,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
@@ -1312,4 +1338,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-SPZJCTBV.js.map
+//# sourceMappingURL=chunk-TDVYZEUI.js.map