@tutti-os/agent-gui 0.0.12 → 0.0.14

package/dist/chunk-WME2V26J.js

@@ -0,0 +1,1124 @@
+import {
+  PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
+  PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
+  PLAN_IMPLEMENTATION_ACTION_SKIP
+} from "./chunk-MKHDRIGN.js";
+import {
+  AgentGUIConversation_styles_default,
+  MessageSquareMoreIcon,
+  extractAgentMcpToolTarget,
+  getOptionalAgentHostApi,
+  useOptionalAgentHostApi
+} from "./chunk-RLPVFX7V.js";
+import {
+  Spinner
+} from "./chunk-HSXDSFKB.js";
+import {
+  translate
+} from "./chunk-FSTZDNRM.js";
+
+// shared/agentConversation/approvalOptionPresentation.ts
+function approvalOptionDisplayLabel(option, intent = {}) {
+  const idToken = normalizeApprovalOptionToken(option.id);
+  const kindToken = normalizeApprovalOptionToken(option.kind);
+  const label = option.label.trim();
+  const specificTranslationKey = approvalOptionSpecificTranslationKey(
+    idToken,
+    label,
+    intent
+  );
+  if (specificTranslationKey) {
+    return translate(specificTranslationKey);
+  }
+  const providerLabelTranslation = approvalOptionProviderLabelTranslation(label);
+  if (providerLabelTranslation) {
+    return translate(
+      providerLabelTranslation.key,
+      providerLabelTranslation.params
+    );
+  }
+  if ((idToken === "allowonce" || kindToken === "allowonce") && isGenericAllowOnceLabel(label)) {
+    return translate("agentHost.agentGui.approvalOptions.allowOnce");
+  }
+  if ((idToken === "allowalways" || idToken === "allowall" || kindToken === "allowalways") && isGenericApprovalLabel(label)) {
+    return translate("agentHost.agentGui.approvalOptions.allowAlways");
+  }
+  if (idToken === "rejectalways" || kindToken === "rejectalways") {
+    return translate("agentHost.agentGui.approvalOptions.rejectAlways");
+  }
+  if (idToken === "rejectonce" || idToken === "reject" || idToken === "deny" || kindToken === "rejectonce" || kindToken === "reject" || kindToken === "deny") {
+    return intent.feedback ? translate("agentHost.agentGui.approvalOptions.rejectWithFollowUp") : translate("agentHost.agentGui.approvalOptions.rejectOnce");
+  }
+  return label || option.id;
+}
+function approvalOptionVisualPresentation(option, intent = {}) {
+  const commandPrefix = approvalOptionCommandPrefix(option.label);
+  if (commandPrefix) {
+    return {
+      label: translate(
+        "agentHost.agentGui.approvalOptions.allowAlwaysForCommandPrefixLead"
+      ),
+      commandPrefix
+    };
+  }
+  return {
+    label: approvalOptionDisplayLabel(option, intent)
+  };
+}
+function normalizeApprovalOptionToken(value) {
+  return value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "");
+}
+function approvalOptionSpecificTranslationKey(token, label, intent = {}) {
+  const labelToken = normalizeApprovalOptionToken(label);
+  switch (token) {
+    case "approved":
+      return isGenericAllowOnceLabel(label) ? "agentHost.agentGui.approvalOptions.allowOnce" : null;
+    case "approvedforsession":
+      return labelToken === "allowforthissession" ? "agentHost.agentGui.approvalOptions.allowForSession" : null;
+    case "approvedalways":
+      return isGenericApprovalLabel(label) ? "agentHost.agentGui.approvalOptions.allowAlways" : null;
+    case "bypasspermissions":
+      return "agentHost.agentGui.approvalOptions.bypassPermissions";
+    case "auto":
+      return labelToken === "yesanduseautomode" ? "agentHost.agentGui.approvalOptions.autoMode" : null;
+    case "acceptedits":
+      return "agentHost.agentGui.approvalOptions.acceptEdits";
+    case "default":
+      return labelToken === "yesandmanuallyapproveedits" ? "agentHost.agentGui.approvalOptions.manualApproval" : null;
+    case "cancel":
+      return !intent.feedback && labelToken === "cancel" ? "common.cancel" : null;
+    default:
+      return null;
+  }
+}
+function approvalOptionProviderLabelTranslation(label) {
+  const commandPrefix = approvalOptionCommandPrefix(label);
+  if (commandPrefix) {
+    return {
+      key: "agentHost.agentGui.approvalOptions.allowAlwaysForCommandPrefix",
+      params: { command: commandPrefix }
+    };
+  }
+  const allowScopeMatch = label.match(/^Yes,\s*and don't ask again for (.+)$/i);
+  if (allowScopeMatch?.[1]) {
+    return {
+      key: "agentHost.agentGui.approvalOptions.allowAlwaysForScope",
+      params: { scope: allowScopeMatch[1] }
+    };
+  }
+  const alwaysAllowMatch = label.match(/^Always Allow\s+(.+)$/i);
+  if (alwaysAllowMatch?.[1]) {
+    return {
+      key: "agentHost.agentGui.approvalOptions.alwaysAllowScope",
+      params: { scope: alwaysAllowMatch[1] }
+    };
+  }
+  return null;
+}
+function approvalOptionCommandPrefix(label) {
+  const commandPrefixMatch = label.match(
+    /^Yes,\s*and don't ask again for commands that start with `([^`]+)`$/i
+  );
+  return commandPrefixMatch?.[1]?.trim() || null;
+}
+function isGenericApprovalLabel(label) {
+  const token = normalizeApprovalOptionToken(label);
+  return token === "" || token === "allowalways" || token === "allowall" || token === "alwaysallow" || token === "allowanddontaskagain" || token === "yesanddontaskagain";
+}
+function isGenericAllowOnceLabel(label) {
+  const token = normalizeApprovalOptionToken(label);
+  return token === "" || token === "allow" || token === "allowonce" || token === "yes" || token === "yesproceed" || token === "yesandproceed";
+}
+
+// shared/agentConversation/promptToolDetails.ts
+function getPromptToolDetails(input) {
+  if (!input) {
+    return [];
+  }
+  const mcpTarget = extractAgentMcpToolTarget({ input });
+  const mcpDetails = mcpTarget ? [
+    {
+      kind: "mcp",
+      value: mcpTarget.displayName,
+      ...mcpTarget.instruction ? { meta: mcpTarget.instruction } : {}
+    }
+  ] : [];
+  const detailInput = resolveToolDetailInput(input);
+  const command = commandStringValue(detailInput.command) ?? commandStringValue(detailInput.cmd);
+  if (command) {
+    return [
+      ...mcpDetails,
+      {
+        kind: "command",
+        value: command,
+        ...stringValue(detailInput.description) ? { meta: stringValue(detailInput.description) } : {}
+      }
+    ];
+  }
+  const filePath = stringValue(detailInput.file_path) ?? stringValue(detailInput.filePath) ?? stringValue(detailInput.path) ?? stringValue(detailInput.notebook_path);
+  if (filePath) {
+    const lineRange = formatLineRange(detailInput);
+    return [
+      ...mcpDetails,
+      {
+        kind: "path",
+        value: filePath,
+        ...lineRange ? { meta: lineRange } : {}
+      }
+    ];
+  }
+  const query = stringValue(detailInput.query) ?? stringValue(detailInput.search_query) ?? stringValue(detailInput.searchQuery) ?? stringValue(detailInput.pattern);
+  if (query) {
+    return [
+      ...mcpDetails,
+      {
+        kind: "query",
+        value: query
+      }
+    ];
+  }
+  return mcpDetails;
+}
+function isPromptRequestIdTitle(value) {
+  return /^request(?:id|ID)\s*:/u.test(value.trim());
+}
+function resolveToolDetailInput(input) {
+  const toolCall = objectValue(input.toolCall);
+  return firstObjectValue(input, [
+    "command",
+    "cmd",
+    "file_path",
+    "filePath",
+    "path",
+    "notebook_path",
+    "query",
+    "search_query",
+    "searchQuery",
+    "pattern"
+  ]) ?? firstObjectValue(toolCall, [
+    "input",
+    "rawInput",
+    "raw_input",
+    "arguments",
+    "args"
+  ]) ?? toolCall ?? input;
+}
+function firstObjectValue(input, keys) {
+  if (!input) {
+    return null;
+  }
+  if (keys.some((key) => stringValue(input[key]))) {
+    return input;
+  }
+  for (const key of keys) {
+    const value = objectValue(input[key]);
+    if (value) {
+      return value;
+    }
+  }
+  return null;
+}
+function formatLineRange(input) {
+  const start = numericValue(input.startLine) ?? numericValue(input.start_line);
+  const end = numericValue(input.endLine) ?? numericValue(input.end_line);
+  if (start === null || end === null) {
+    return null;
+  }
+  return start === end ? `L${start}` : `L${start}-${end}`;
+}
+function stringValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : null;
+}
+function commandStringValue(value) {
+  if (typeof value === "string") {
+    return stringValue(value);
+  }
+  if (!Array.isArray(value)) {
+    return null;
+  }
+  const shellFlag = stringValue(value[value.length - 2]);
+  const shellCommand = stringValue(value[value.length - 1]);
+  if ((shellFlag === "-c" || shellFlag === "-lc") && shellCommand) {
+    return shellCommand;
+  }
+  const parts = value.flatMap((part) => {
+    const text = stringValue(part);
+    return text ? [text] : [];
+  });
+  return parts.length > 0 ? parts.join(" ") : null;
+}
+function objectValue(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function numericValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+
+// shared/agentConversation/components/AgentInteractivePromptSurface.tsx
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  ShortcutBadge,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "@tutti-os/ui-system";
+
+// shared/agentConversation/interactiveAnswerPayload.ts
+function buildAskUserAnswerPayload(answersByQuestionId) {
+  const answers = Object.values(answersByQuestionId).map(
+    (value) => Array.isArray(value) ? value.join(", ") : value
+  );
+  return { answers, answersByQuestionId };
+}
+
+// shared/agentConversation/components/AgentInteractivePromptSurface.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var COMMAND_TOOLTIP_DELAY_MS = 1e3;
+function AgentInteractivePromptSurface({
+  prompt,
+  variant = "full",
+  edgeGlow = false,
+  embedded = false,
+  keyboardShortcuts = true,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  if (prompt.kind === "approval") {
+    return /* @__PURE__ */ jsx(
+      ApprovalPromptSurface,
+      {
+        prompt,
+        embedded,
+        edgeGlow,
+        keyboardShortcuts,
+        isSubmitting,
+        onSubmit,
+        labels
+      }
+    );
+  }
+  if (prompt.kind === "exit-plan") {
+    return /* @__PURE__ */ jsx(
+      ExitPlanPromptSurface,
+      {
+        prompt,
+        variant,
+        embedded,
+        edgeGlow,
+        isSubmitting,
+        onSubmit,
+        labels
+      }
+    );
+  }
+  if (prompt.kind === "plan-implementation") {
+    return /* @__PURE__ */ jsx(
+      PlanImplementationSurface,
+      {
+        prompt,
+        variant,
+        embedded,
+        edgeGlow,
+        isSubmitting,
+        onSubmit,
+        labels
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    AskUserPromptSurface,
+    {
+      prompt,
+      variant,
+      embedded,
+      edgeGlow,
+      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__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsx("div", { className: interactivePromptCardClassName(edgeGlow), children: question ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }) }),
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
+    oneClickable ? /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsxs(
+      "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__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
+          option.description ? /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
+        ]
+      },
+      option.label
+    )) }) : null
+  ] }) : null }) });
+}
+function ApprovalPromptSurface({
+  prompt,
+  embedded = false,
+  edgeGlow = false,
+  keyboardShortcuts = true,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  const promptDetails = useMemo(
+    () => formatToolDetails(prompt.input ?? null),
+    [prompt.input]
+  );
+  const visiblePromptTitle = approvalPromptTitle(
+    prompt.title,
+    promptDetails.length
+  );
+  const details = useMemo(
+    () => filterDuplicatePromptTitleDetails(promptDetails, visiblePromptTitle),
+    [promptDetails, visiblePromptTitle]
+  );
+  const [submittingOptionId, setSubmittingOptionId] = useState(
+    null
+  );
+  const [pendingFeedbackOptionId, setPendingFeedbackOptionId] = useState(null);
+  const [feedback, setFeedback] = useState("");
+  const feedbackTextareaRef = useRef(null);
+  const agentHostApi = useOptionalAgentHostApi() ?? getOptionalAgentHostApi();
+  const isDarwin = isDarwinPlatform(agentHostApi?.meta?.platform);
+  const feedbackOptionId = useMemo(
+    () => approvalFeedbackOptionId(prompt.options),
+    [prompt.options]
+  );
+  const feedbackValue = feedback.trim();
+  useEffect(() => {
+    setSubmittingOptionId(null);
+    setPendingFeedbackOptionId(null);
+    setFeedback("");
+  }, [prompt.requestId]);
+  useEffect(() => {
+    if (pendingFeedbackOptionId !== null) {
+      feedbackTextareaRef.current?.focus();
+    }
+  }, [pendingFeedbackOptionId]);
+  const submitOption = useCallback(
+    (optionId) => {
+      const feedbackOption = feedbackOptionId === optionId;
+      if (feedbackOption && pendingFeedbackOptionId !== optionId) {
+        setFeedback("");
+        setPendingFeedbackOptionId(optionId);
+        return;
+      }
+      setSubmittingOptionId(optionId);
+      onSubmit({
+        requestId: prompt.requestId,
+        ...feedbackOption ? { action: "deny" } : {},
+        optionId,
+        ...feedbackOption && feedbackValue ? { payload: { denyMessage: feedbackValue } } : {}
+      });
+    },
+    [
+      feedbackOptionId,
+      feedbackValue,
+      onSubmit,
+      pendingFeedbackOptionId,
+      prompt.requestId
+    ]
+  );
+  useEffect(() => {
+    if (!keyboardShortcuts || isSubmitting || submittingOptionId !== null || prompt.options.length === 0) {
+      return void 0;
+    }
+    const handleKeyDown = (event) => {
+      if (!isEnterLikeKey(event) || isEditableKeyboardTarget(event.target) || event.isComposing || event.altKey || event.shiftKey) {
+        return;
+      }
+      const optionIndex = event.metaKey || event.ctrlKey ? 1 : 0;
+      const option = prompt.options[optionIndex];
+      if (!option) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      submitOption(option.id);
+    };
+    window.addEventListener("keydown", handleKeyDown, true);
+    return () => window.removeEventListener("keydown", handleKeyDown, true);
+  }, [
+    isSubmitting,
+    keyboardShortcuts,
+    prompt.options,
+    submitOption,
+    submittingOptionId
+  ]);
+  return /* @__PURE__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.approvalLead) }),
+    visiblePromptTitle ? /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: visiblePromptTitle }) : null,
+    details.length > 0 ? /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: details.map((detail) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: AgentGUIConversation_styles_default.interactiveOptionDisplay,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: detail.label }),
+          /* @__PURE__ */ jsx(PromptDetailValue, { detail }),
+          detail.meta ? /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: detail.meta }) : null
+        ]
+      },
+      `${detail.label}:${detail.value}`
+    )) }) : null,
+    /* @__PURE__ */ jsx("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, {
+        feedback: optionSupportsFeedback
+      });
+      const optionPresentation = approvalOptionVisualPresentation(
+        option,
+        { feedback: optionSupportsFeedback }
+      );
+      const shortcutLabel = approvalOptionShortcutLabel(
+        optionIndex,
+        isDarwin
+      );
+      const showFeedbackComposer = pendingFeedbackOptionId === option.id;
+      if (showFeedbackComposer) {
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: AgentGUIConversation_styles_default.interactiveFeedbackComposer,
+            children: [
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  ref: feedbackTextareaRef,
+                  value: feedback,
+                  placeholder: labels.feedbackPlaceholder,
+                  disabled: isSubmitting || submittingOptionId !== null,
+                  className: AgentGUIConversation_styles_default.interactivePromptTextarea,
+                  "aria-label": interactiveOptionLabel(
+                    optionLabel,
+                    option.description
+                  ),
+                  onChange: (event) => setFeedback(event.currentTarget.value),
+                  onKeyDown: (event) => {
+                    if (!keyboardShortcuts || event.key !== "Enter" || !event.metaKey && !event.ctrlKey || event.nativeEvent.isComposing) {
+                      return;
+                    }
+                    event.preventDefault();
+                    if (!feedbackValue) {
+                      feedbackTextareaRef.current?.focus();
+                      return;
+                    }
+                    submitOption(option.id);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: AgentGUIConversation_styles_default.interactiveFeedbackSendButton,
+                  disabled: isSubmitting || submittingOptionId !== null || !feedbackValue,
+                  "aria-label": labels.sendFeedback,
+                  title: labels.sendFeedback,
+                  "aria-busy": showSpinner,
+                  onClick: () => {
+                    if (!feedbackValue) {
+                      feedbackTextareaRef.current?.focus();
+                      return;
+                    }
+                    submitOption(option.id);
+                  },
+                  children: showSpinner ? /* @__PURE__ */ jsx(InteractiveOptionSpinner, {}) : /* @__PURE__ */ jsx(SendFilledIcon, {})
+                }
+              )
+            ]
+          },
+          option.id
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: AgentGUIConversation_styles_default.interactiveOptionButton,
+          "aria-label": interactiveOptionLabel(
+            optionLabel,
+            option.description
+          ),
+          disabled: isSubmitting || submittingOptionId !== null,
+          onClick: () => submitOption(option.id),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: optionPresentation.label }),
+            optionPresentation.commandPrefix ? /* @__PURE__ */ jsx(
+              CommandTextWithTooltip,
+              {
+                value: optionPresentation.commandPrefix,
+                testId: "agent-interactive-command-prefix-option"
+              }
+            ) : null,
+            option.description ? /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null,
+            keyboardShortcuts && shortcutLabel && !showSpinner ? /* @__PURE__ */ jsx(
+              ShortcutBadge,
+              {
+                className: AgentGUIConversation_styles_default.interactiveOptionShortcut,
+                "aria-hidden": "true",
+                children: shortcutLabel
+              }
+            ) : null,
+            showSpinner ? /* @__PURE__ */ jsx(InteractiveOptionSpinner, {}) : null
+          ]
+        },
+        option.id
+      );
+    }) })
+  ] }) });
+}
+function ExitPlanPromptSurface({
+  prompt,
+  variant = "full",
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  const [feedback, setFeedback] = useState("");
+  const showFeedbackFooter = variant !== "compact";
+  const [submittingOptionId, setSubmittingOptionId] = useState(
+    null
+  );
+  const trimmed = feedback.trim();
+  const continueLabel = trimmed === "" ? labels.stayInPlan : labels.sendFeedback;
+  useEffect(() => {
+    setSubmittingOptionId(null);
+  }, [prompt.requestId]);
+  return /* @__PURE__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planLead) }),
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: labels.planModes.map((mode) => {
+      const showSpinner = submittingOptionId === mode.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: AgentGUIConversation_styles_default.interactiveOptionButton,
+          "aria-label": interactiveOptionLabel(
+            mode.label,
+            mode.description
+          ),
+          disabled: isSubmitting || submittingOptionId !== null,
+          onClick: () => {
+            setSubmittingOptionId(mode.id);
+            onSubmit({
+              requestId: prompt.requestId,
+              action: "allow",
+              optionId: mode.id
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: mode.label }),
+            /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: mode.description }),
+            showSpinner ? /* @__PURE__ */ jsx(InteractiveOptionSpinner, {}) : null
+          ]
+        },
+        mode.id
+      );
+    }) }),
+    showFeedbackFooter ? /* @__PURE__ */ jsxs("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: feedback,
+          placeholder: labels.feedbackPlaceholder,
+          disabled: isSubmitting,
+          className: AgentGUIConversation_styles_default.interactivePromptTextarea,
+          onChange: (event) => setFeedback(event.currentTarget.value)
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isSubmitting,
+          onClick: () => onSubmit({
+            requestId: prompt.requestId,
+            action: "deny",
+            payload: trimmed ? { denyMessage: trimmed } : void 0
+          }),
+          children: continueLabel
+        }
+      ) })
+    ] }) : null
+  ] }) });
+}
+function PlanImplementationSurface({
+  prompt,
+  variant = "full",
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  const [feedback, setFeedback] = useState("");
+  const trimmed = feedback.trim();
+  const continueLabel = trimmed === "" ? labels.planImplementationSkip : labels.planImplementationSend;
+  const showFeedbackFooter = variant !== "compact";
+  return /* @__PURE__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(labels.planImplementationLead) }),
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: AgentGUIConversation_styles_default.interactiveOptionButton,
+        "data-testid": "agent-plan-implementation-implement",
+        disabled: isSubmitting,
+        onClick: () => onSubmit({
+          requestId: prompt.requestId,
+          action: PLAN_IMPLEMENTATION_ACTION_IMPLEMENT
+        }),
+        children: /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: labels.planImplementationConfirm })
+      }
+    ) }),
+    showFeedbackFooter ? /* @__PURE__ */ jsxs("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: feedback,
+          placeholder: labels.planImplementationFeedbackPlaceholder,
+          disabled: isSubmitting,
+          className: AgentGUIConversation_styles_default.interactivePromptTextarea,
+          "data-testid": "agent-plan-implementation-feedback",
+          onChange: (event) => setFeedback(event.currentTarget.value)
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": "agent-plan-implementation-continue",
+          disabled: isSubmitting,
+          onClick: () => onSubmit({
+            requestId: prompt.requestId,
+            action: trimmed === "" ? PLAN_IMPLEMENTATION_ACTION_SKIP : PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
+            payload: trimmed ? { text: trimmed } : void 0
+          }),
+          children: continueLabel
+        }
+      ) })
+    ] }) : null
+  ] }) });
+}
+function AskUserPromptSurface({
+  prompt,
+  variant = "full",
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  if (variant === "compact") {
+    return /* @__PURE__ */ jsx(
+      CompactAskUserPromptSurface,
+      {
+        prompt,
+        embedded,
+        edgeGlow,
+        isSubmitting,
+        onSubmit,
+        labels
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    FullAskUserPromptSurface,
+    {
+      prompt,
+      embedded,
+      edgeGlow,
+      isSubmitting,
+      onSubmit,
+      labels
+    }
+  );
+}
+function FullAskUserPromptSurface({
+  prompt,
+  embedded = false,
+  edgeGlow = false,
+  isSubmitting,
+  onSubmit,
+  labels
+}) {
+  "use memo";
+  const [index, setIndex] = useState(0);
+  const [selectedByQuestionId, setSelectedByQuestionId] = useState({});
+  const [freeTextByQuestionId, setFreeTextByQuestionId] = useState({});
+  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 = useMemo(() => {
+    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__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsx("div", { className: interactivePromptCardClassName(edgeGlow), children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${AgentGUIConversation_styles_default.interactivePromptLead} inline-flex items-center gap-1.5`,
+        children: [
+          /* @__PURE__ */ jsx(
+            MessageSquareMoreIcon,
+            {
+              size: 15,
+              active: true,
+              "aria-hidden": "true",
+              className: "shrink-0"
+            }
+          ),
+          stripPromptTitlePunctuation(labels.waitingForAnswer)
+        ]
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs("div", { className: interactivePromptCardClassName(edgeGlow), children: [
+    /* @__PURE__ */ jsxs("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: [
+      /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }),
+      /* @__PURE__ */ jsxs("span", { className: AgentGUIConversation_styles_default.interactivePromptMeta, children: [
+        index + 1,
+        "/",
+        prompt.questions.length
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
+    question.options.length > 0 ? /* @__PURE__ */ jsx("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => {
+      const active = selected.includes(option.label);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: AgentGUIConversation_styles_default.interactiveOptionButton,
+          "data-active": 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__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
+            /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description })
+          ]
+        },
+        option.label
+      );
+    }) }) : null,
+    /* @__PURE__ */ jsx(
+      "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__ */ jsxs("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isSubmitting || index === 0,
+          onClick: () => setIndex((current) => Math.max(current - 1, 0)),
+          children: labels.previousQuestion
+        }
+      ),
+      isLast ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isSubmitting || Object.keys(payload.answersByQuestionId).length === 0,
+          onClick: () => onSubmit({
+            requestId: prompt.requestId,
+            action: "submit",
+            payload: { ...payload }
+          }),
+          children: labels.submitAnswers
+        }
+      ) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: isSubmitting || !canAdvance,
+          onClick: () => setIndex(
+            (current) => Math.min(current + 1, prompt.questions.length - 1)
+          ),
+          children: labels.nextQuestion
+        }
+      )
+    ] })
+  ] }) });
+}
+function isEnterLikeKey(event) {
+  return event.key === "Enter" || event.code === "Enter" || event.code === "NumpadEnter";
+}
+function isEditableKeyboardTarget(target) {
+  if (!(target instanceof HTMLElement)) {
+    return false;
+  }
+  const tagName = target.tagName.toLowerCase();
+  return tagName === "input" || tagName === "textarea" || tagName === "select" || target.isContentEditable;
+}
+function approvalOptionShortcutLabel(optionIndex, isDarwin) {
+  if (optionIndex === 0) {
+    return translate("agentHost.agentGui.shortcutEnter");
+  }
+  if (optionIndex === 1) {
+    return isDarwin ? translate("agentHost.agentGui.shortcutCmdEnter") : translate("agentHost.agentGui.shortcutCtrEnter");
+  }
+  return null;
+}
+function isDarwinPlatform(platform) {
+  if (platform) {
+    return platform === "darwin";
+  }
+  if (typeof navigator === "undefined") {
+    return false;
+  }
+  const userAgentPlatform = "userAgentData" in navigator ? navigator.userAgentData?.platform : void 0;
+  const navigatorPlatform = userAgentPlatform ?? navigator.platform ?? "";
+  return /mac/i.test(navigatorPlatform);
+}
+function InteractiveOptionSpinner() {
+  "use memo";
+  return /* @__PURE__ */ jsx(
+    Spinner,
+    {
+      className: AgentGUIConversation_styles_default.interactiveOptionSpinner,
+      testId: "agent-interactive-option-spinner"
+    }
+  );
+}
+function SendFilledIcon() {
+  "use memo";
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2.74311 8.80587C2.84592 8.40096 3.14571 8.08844 3.54551 7.97033L18.5197 3.51569C18.9336 3.39383 19.3809 3.5054 19.6881 3.81262C19.9951 4.11984 20.1076 4.56798 19.9857 4.9817L15.5311 19.9559C15.413 20.3557 15.1005 20.6555 14.6956 20.7583C14.2895 20.8597 13.869 20.7438 13.5721 20.4469L10.455 15.1823C10.8585 14.6483 12.1563 12.9094 14.3475 9.96528C14.6086 9.70419 14.6382 9.31168 14.4138 9.08692C14.1891 8.86221 13.796 8.8913 13.5348 9.15252L8.31088 13.0423L3.05316 9.92799C2.7562 9.63104 2.64049 9.21071 2.74311 8.80587Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function interactivePromptClassName(embedded) {
+  return embedded ? `${AgentGUIConversation_styles_default.interactivePrompt} agent-gui-conversation__interactive-prompt--embedded` : AgentGUIConversation_styles_default.interactivePrompt;
+}
+function interactivePromptCardClassName(edgeGlow) {
+  return edgeGlow ? `${AgentGUIConversation_styles_default.interactivePromptCard} agent-gui-edge-glow` : AgentGUIConversation_styles_default.interactivePromptCard;
+}
+function formatToolDetails(input) {
+  return getPromptToolDetails(input).map((detail) => ({
+    kind: detail.kind,
+    label: promptToolDetailLabel(detail.kind),
+    value: detail.value,
+    ...detail.meta ? { meta: detail.meta } : {}
+  }));
+}
+function PromptDetailValue({
+  detail
+}) {
+  "use memo";
+  if (detail.kind !== "command") {
+    return /* @__PURE__ */ jsx("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: detail.value });
+  }
+  return /* @__PURE__ */ jsx(
+    CommandTextWithTooltip,
+    {
+      value: detail.value,
+      testId: "agent-interactive-command-detail"
+    }
+  );
+}
+function CommandTextWithTooltip({
+  value,
+  testId
+}) {
+  "use memo";
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: COMMAND_TOOLTIP_DELAY_MS, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${AgentGUIConversation_styles_default.interactiveOptionDescription} ${AgentGUIConversation_styles_default.interactiveOptionCommandDescription}`,
+        "data-agent-interactive-command-detail": testId === "agent-interactive-command-detail" ? "true" : void 0,
+        "data-agent-interactive-command-prefix-option": testId === "agent-interactive-command-prefix-option" ? "true" : void 0,
+        children: value
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: AgentGUIConversation_styles_default.interactiveOptionCommandTooltip, children: value })
+  ] }) });
+}
+function promptToolDetailLabel(kind) {
+  switch (kind) {
+    case "command":
+      return translate("agentHost.agentTool.details.command");
+    case "mcp":
+      return translate("agentHost.agentTool.details.mcp");
+    case "path":
+      return translate("agentHost.agentTool.details.path");
+    case "query":
+      return translate("agentHost.agentTool.details.query");
+  }
+}
+function filterDuplicatePromptTitleDetails(details, title) {
+  const normalizedTitle = normalizePromptDetailText(title);
+  if (!normalizedTitle) {
+    return details;
+  }
+  return details.filter(
+    (detail) => normalizePromptDetailText(detail.value) !== normalizedTitle
+  );
+}
+function normalizePromptDetailText(value) {
+  return value?.trim() ?? "";
+}
+function isApprovalFeedbackOption(option) {
+  return isDenyApprovalOptionToken(option.id) || isDenyApprovalOptionToken(option.kind);
+}
+function approvalFeedbackOptionId(options) {
+  const explicitFeedbackOption = options.find(
+    (option) => isExplicitFeedbackDenyApprovalOption(option)
+  );
+  if (explicitFeedbackOption) {
+    return explicitFeedbackOption.id;
+  }
+  return options.find(isApprovalFeedbackOption)?.id ?? null;
+}
+function isExplicitFeedbackDenyApprovalOption(option) {
+  for (const value of [option.id, option.kind]) {
+    switch (normalizeApprovalOptionToken(value ?? "")) {
+      case "abort":
+      case "cancel":
+      case "cancelled":
+      case "canceled":
+      case "denywithfeedback":
+      case "rejectwithfeedback":
+        return true;
+      default:
+        break;
+    }
+  }
+  return false;
+}
+function isDenyApprovalOptionToken(value) {
+  switch (normalizeApprovalOptionToken(value ?? "")) {
+    case "abort":
+    case "cancel":
+    case "cancelled":
+    case "canceled":
+    case "deny":
+    case "denied":
+    case "reject":
+    case "rejected":
+    case "rejectonce":
+    case "disallow":
+    case "decline":
+    case "declined":
+    case "no":
+      return true;
+    default:
+      return false;
+  }
+}
+function approvalPromptTitle(value, detailCount) {
+  const title = value.trim();
+  return title && detailCount === 0 && !isPromptRequestIdTitle(title) ? title : null;
+}
+function stripPromptTitlePunctuation(value) {
+  return value.trim().replace(/[.。]+$/u, "");
+}
+function interactiveOptionLabel(label, description) {
+  const trimmedDescription = description?.trim();
+  return trimmedDescription ? `${label} ${trimmedDescription}` : label;
+}
+
+export {
+  approvalOptionDisplayLabel,
+  getPromptToolDetails,
+  isPromptRequestIdTitle,
+  AgentInteractivePromptSurface
+};
+//# sourceMappingURL=chunk-WME2V26J.js.map