@xpert-ai/chatkit-ui 0.5.15 → 0.5.16

package/dist/index.cjs

@@ -3174,6 +3174,7 @@ var en_US_default = {
       shell: {
         success: "Success",
         running: "Running",
+        paused: "Paused",
         failed: "Failed",
         exitCode: "Exit code {{code}}",
         ranCommand: "Ran {{command}}",
@@ -3210,6 +3211,28 @@ var en_US_default = {
         }
       }
     }
+  },
+  threadControl: {
+    branch: "Conversation branch",
+    branchNumber: "Branch {{number}}",
+    pause: "Pause workflow",
+    resume: "Resume workflow",
+    cancelRun: "Stop task",
+    pausing: "Saving and pausing\u2026",
+    paused: "Workflow paused",
+    editMessage: "Edit message",
+    sourcePauseUnavailable: "The original task cannot be paused yet. Try again after it finishes.",
+    discardEdit: "Cancel",
+    saveBranch: "Send",
+    status: {
+      busy: "Running",
+      pausing: "Pausing",
+      paused: "Paused",
+      idle: "Idle",
+      interrupted: "Waiting",
+      error: "Error",
+      running: "Running"
+    }
   }
 };
 
@@ -3791,6 +3814,7 @@ var zh_CN_default = {
       shell: {
         success: "\u6210\u529F",
         running: "\u8FD0\u884C\u4E2D",
+        paused: "\u5DF2\u6682\u505C",
         failed: "\u5931\u8D25",
         exitCode: "\u9000\u51FA\u7801 {{code}}",
         ranCommand: "\u5DF2\u8FD0\u884C {{command}}",
@@ -3827,6 +3851,28 @@ var zh_CN_default = {
         }
       }
     }
+  },
+  threadControl: {
+    branch: "\u5386\u53F2\u5206\u652F",
+    branchNumber: "\u5206\u652F {{number}}",
+    pause: "\u6682\u505C\u6D41\u7A0B",
+    resume: "\u6062\u590D\u6D41\u7A0B",
+    cancelRun: "\u505C\u6B62\u4EFB\u52A1",
+    pausing: "\u6B63\u5728\u4FDD\u5B58\u5E76\u6682\u505C\u2026",
+    paused: "\u6D41\u7A0B\u5DF2\u6682\u505C",
+    editMessage: "\u7F16\u8F91\u6D88\u606F",
+    sourcePauseUnavailable: "\u539F\u4EFB\u52A1\u6682\u4E0D\u652F\u6301\u6682\u505C\uFF0C\u8BF7\u5728\u4EFB\u52A1\u5B8C\u6210\u540E\u91CD\u8BD5\u3002",
+    discardEdit: "\u53D6\u6D88",
+    saveBranch: "\u53D1\u9001",
+    status: {
+      busy: "\u8FD0\u884C\u4E2D",
+      pausing: "\u6B63\u5728\u6682\u505C",
+      paused: "\u5DF2\u6682\u505C",
+      idle: "\u7A7A\u95F2",
+      interrupted: "\u7B49\u5F85\u5904\u7406",
+      error: "\u51FA\u9519",
+      running: "\u8FD0\u884C\u4E2D"
+    }
   }
 };
 
@@ -8102,26 +8148,36 @@ function SendButton({
   disabled = false,
   isLoading = false,
   showStop = isLoading,
+  stopDisabled = false,
   onStop,
   stopLabel = "Stop",
+  showResume = false,
+  resumeDisabled = false,
+  onResume,
+  resumeLabel = "Resume",
   sendLabel = "Send",
   shortcuts
 }) {
-  if (showStop) {
+  if (showStop || showResume) {
+    const label = showStop ? stopLabel : resumeLabel;
+    const Icon = showStop ? import_lucide_react11.Square : import_lucide_react11.Play;
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "button",
       {
         type: "button",
-        onClick: onStop,
+        onClick: showStop ? onStop : onResume,
+        disabled: showStop ? stopDisabled : resumeDisabled,
         className: cn(
           "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full",
           "bg-foreground text-background",
           "transition-transform duration-150 ease-out",
-          "hover:scale-105 active:scale-95"
+          "hover:scale-105 active:scale-95",
+          "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100"
         ),
-        "aria-label": stopLabel,
+        "aria-label": label,
+        title: label,
         children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_lucide_react11.Square,
+          Icon,
           {
             size: 14,
             fill: "currentColor",
@@ -12198,6 +12254,10 @@ function markIncompleteAgentRunStatusSuccess(node) {
 }
 function buildAssistantRenderTree(message) {
   const rootExecutionId = message.executionId;
+  const rootExecutionIds = /* @__PURE__ */ new Set([
+    rootExecutionId,
+    ...message.rootExecutionIds ?? []
+  ]);
   const runs = (message.agentRuns ?? []).filter(
     (run) => !isMiddlewareAgentRunInfo(run)
   );
@@ -12211,7 +12271,7 @@ function buildAssistantRenderTree(message) {
   });
   for (const entry of entries) {
     const target = getEntryRunTarget(entry, runs, rootExecutionId);
-    const shouldGroup = Boolean(target?.executionId) && (target?.executionId !== rootExecutionId || Boolean(target?.parentExecutionId));
+    const shouldGroup = Boolean(target?.executionId) && (!rootExecutionIds.has(target?.executionId) || Boolean(target?.parentExecutionId));
     if (!target || !shouldGroup) {
       if (entry.source === "reasoning" && typeof entry.item !== "string") {
         rootReasoning.push(entry.item);
@@ -12230,11 +12290,11 @@ function buildAssistantRenderTree(message) {
   }
   const roots = [];
   for (const node of nodes.values()) {
-    if (node.id === rootExecutionId && !node.info.parentId) {
+    if (rootExecutionIds.has(node.id) && !node.info.parentId && !node.info.parentExecutionId) {
       continue;
     }
     const parentId = node.info.parentId ?? node.info.parentExecutionId;
-    if (parentId && parentId !== rootExecutionId && parentId !== node.id) {
+    if (parentId && !rootExecutionIds.has(parentId) && parentId !== node.id) {
       const parent = nodes.get(parentId);
       if (parent) {
         parent.children.push(node);
@@ -14001,14 +14061,11 @@ function ContextCompressionIcon({
 }) {
   const status = data.status ?? "running";
   const skipped = isSkipped(status, data.reason);
-  if (status === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react27.Loader2, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 animate-spin" });
-  }
   if (status === "fail") {
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react27.XCircle, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    import_lucide_react27.FileText,
+    import_lucide_react27.ScrollText,
     {
       "aria-hidden": "true",
       className: cn("h-4 w-4 shrink-0", skipped && "opacity-80")
@@ -14029,13 +14086,13 @@ function ContextCompressionMessage({
   const status = data.status ?? "running";
   const tooltipText = getTooltipText(data, i18n2.language);
   const label = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContextCompressionLabel, { data });
-  const center = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  const row = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       className: cn(
-        "inline-flex max-w-[80%] shrink-0 items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        tooltipText && "cursor-help",
-        status === "fail" && "text-destructive hover:text-destructive"
+        "inline-flex max-w-full min-w-0 items-center gap-2 text-left text-sm font-medium text-muted-foreground transition-opacity",
+        tooltipText && "cursor-help hover:opacity-100",
+        status === "fail" ? "text-destructive" : "opacity-60"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContextCompressionIcon, { data }),
@@ -14043,7 +14100,7 @@ function ContextCompressionMessage({
           "span",
           {
             className: cn(
-              "truncate",
+              "min-w-0 truncate",
               status === "running" && "ck-tool-call-running-text"
             ),
             children: label
@@ -14052,21 +14109,17 @@ function ContextCompressionMessage({
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex w-full items-center justify-center gap-3 py-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-    tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipTrigger, { asChild: true, children: center }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        TooltipContent,
-        {
-          side: "top",
-          className: "max-h-80 max-w-xl overflow-auto whitespace-pre-wrap text-left text-xs leading-5",
-          children: tooltipText
-        }
-      )
-    ] }) : center,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "px-1 py-1", children: tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TooltipTrigger, { asChild: true, children: row }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      TooltipContent,
+      {
+        side: "top",
+        className: "max-h-80 max-w-xl overflow-auto whitespace-pre-wrap text-left text-xs leading-5",
+        children: tooltipText
+      }
+    )
+  ] }) : row });
 }
 
 // src/components/thread/messages/knowledge-retriever-component-renderer.tsx
@@ -14651,12 +14704,16 @@ function ShellCopyButton({
 }
 function SandboxShellStatus({
   data,
-  exitCode
+  exitCode,
+  isPaused
 }) {
   const { t } = useChatkitTranslation();
   if (exitCode !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.exitCode", { code: exitCode }) });
   }
+  if (isPaused && data.status === "running") {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.paused") });
+  }
   if (data.status === "running") {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.running") });
   }
@@ -14668,7 +14725,10 @@ function SandboxShellStatus({
     t("message.toolGroup.shell.success")
   ] });
 }
-function SandboxShellToolCallCard({ data }) {
+function SandboxShellToolCallCard({
+  data,
+  isPaused
+}) {
   const { i18n: i18n2 } = useChatkitTranslation();
   const command = getSandboxShellCommand(data, i18n2.language);
   const formattedCommand = formatShellCommand(command);
@@ -14745,7 +14805,7 @@ function SandboxShellToolCallCard({ data }) {
               "mt-3 flex shrink-0 justify-end in-data-[density=compact]:mt-2 in-data-[density=spacious]:mt-4",
               SANDBOX_SHELL_TEXT_CLASS
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SandboxShellStatus, { data, exitCode })
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SandboxShellStatus, { data, exitCode, isPaused })
           }
         )
       ]
@@ -15048,8 +15108,11 @@ function parseStepDate(value) {
 function isThreadKnownIdle(isThreadRunning) {
   return isThreadRunning === false;
 }
-function getEffectiveToolStepStatus(data, isThreadRunning) {
-  if (data.status === "running" && isThreadKnownIdle(isThreadRunning)) {
+function isPausedToolStep(data, isThreadPaused) {
+  return data.status === "running" && isThreadPaused === true;
+}
+function getEffectiveToolStepStatus(data, isThreadRunning, isThreadPaused) {
+  if (data.status === "running" && isThreadKnownIdle(isThreadRunning) && !isPausedToolStep(data, isThreadPaused)) {
     return "fail";
   }
   return data.status;
@@ -15090,9 +15153,10 @@ function useToolStepDurationLabel(data, options) {
   const createdAt = parseStepDate(data.created_date);
   const explicitEndedAt = parseStepDate(data.end_date);
   const status = options?.status ?? data.status;
-  const endedAt = explicitEndedAt ?? (status !== "running" ? options?.fallbackEndedAt ?? null : null);
+  const isElapsing = status === "running" && !options?.isPaused;
+  const endedAt = explicitEndedAt ?? (!isElapsing ? options?.fallbackEndedAt ?? null : null);
   React45.useEffect(() => {
-    if (status !== "running" || createdAt === null || endedAt !== null) {
+    if (!isElapsing || createdAt === null || endedAt !== null) {
       return;
     }
     setDurationNow(Date.now());
@@ -15102,7 +15166,7 @@ function useToolStepDurationLabel(data, options) {
     return () => {
       window.clearInterval(timer);
     };
-  }, [createdAt, endedAt, status]);
+  }, [createdAt, endedAt, isElapsing]);
   if (createdAt === null) return null;
   const durationMs = Math.max(0, (endedAt ?? durationNow) - createdAt);
   return formatStepDuration2(durationMs);
@@ -15589,11 +15653,20 @@ function DefaultToolCallOutput({
     output !== null ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolCallValueBlock, { value: output }) : null
   ] });
 }
-function ToolCallDetails({ content }) {
+function ToolCallDetails({
+  content,
+  isThreadPaused
+}) {
   const { i18n: i18n2, t } = useChatkitTranslation();
   const data = getToolStepData(content);
   if (isSandboxShellStep(data)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SandboxShellToolCallCard, { data }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      SandboxShellToolCallCard,
+      {
+        data,
+        isPaused: isPausedToolStep(data, isThreadPaused)
+      }
+    ) });
   }
   const renderer = getComponentMessageRenderer(content, data);
   const hasCustomDetails = data.error === void 0 && hasComponentMessageRendererDetails(renderer, content, data);
@@ -15622,17 +15695,23 @@ function ToolCallDetails({ content }) {
   ] });
 }
 function areToolCallRowPropsEqual(previous, next) {
-  return previous.content.id === next.content.id && previous.content.data === next.content.data && previous.isThreadRunning === next.isThreadRunning && previous.organizationId === next.organizationId && previous.apiUrl === next.apiUrl;
+  return previous.content.id === next.content.id && previous.content.data === next.content.data && previous.isThreadRunning === next.isThreadRunning && previous.isThreadPaused === next.isThreadPaused && previous.organizationId === next.organizationId && previous.apiUrl === next.apiUrl;
 }
 function ToolCallRowContent({
   content,
   isThreadRunning,
+  isThreadPaused,
   organizationId,
   apiUrl
 }) {
   const { i18n: i18n2, t } = useChatkitTranslation();
   const data = getToolStepData(content);
-  const status = getEffectiveToolStepStatus(data, isThreadRunning);
+  const isPaused = isPausedToolStep(data, isThreadPaused);
+  const status = getEffectiveToolStepStatus(
+    data,
+    isThreadRunning,
+    isThreadPaused
+  );
   const hasError = status === "fail" || Boolean(data.error);
   const isSandboxShell = isSandboxShellStep(data);
   const detailsId = React45.useId();
@@ -15641,11 +15720,12 @@ function ToolCallRowContent({
   const hasCustomDetails = data.error === void 0 && hasComponentMessageRendererDetails(renderer, content, data);
   const hasDetails = isSandboxShell || data.input !== void 0 || data.error !== void 0 || data.output !== void 0 || data.artifact !== void 0 || hasCustomDetails;
   const fallbackEndedAt = useFrozenTimestamp(
-    data.status === "running" && status === "fail"
+    data.status === "running" && (status === "fail" || isPaused)
   );
   const durationLabel = useToolStepDurationLabel(data, {
     status,
-    fallbackEndedAt
+    fallbackEndedAt,
+    isPaused
   });
   const [isExpanded, setIsExpanded] = React45.useState(false);
   React45.useEffect(() => {
@@ -15688,7 +15768,7 @@ function ToolCallRowContent({
             {
               className: cn(
                 "min-w-0 truncate",
-                status === "running" && "ck-tool-call-running-text"
+                status === "running" && !isPaused && "ck-tool-call-running-text"
               ),
               title: label,
               children: label
@@ -15708,7 +15788,7 @@ function ToolCallRowContent({
         ]
       }
     ),
-    hasDetails && isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { id: detailsId, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolCallDetails, { content }) }) : null
+    hasDetails && isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { id: detailsId, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToolCallDetails, { content, isThreadPaused }) }) : null
   ] });
 }
 var ToolCallRow = React45.memo(ToolCallRowContent, areToolCallRowPropsEqual);
@@ -15717,6 +15797,7 @@ function ToolComponentGroup({
   items,
   hasFollowingItem,
   isThreadRunning,
+  isThreadPaused,
   organizationId,
   apiUrl
 }) {
@@ -15772,6 +15853,7 @@ function ToolComponentGroup({
       {
         content: item,
         isThreadRunning,
+        isThreadPaused,
         organizationId,
         apiUrl
       },
@@ -18403,6 +18485,7 @@ function renderContentItem(content, index, message, lookupMessages, options) {
           items: [content],
           hasFollowingItem: false,
           isThreadRunning: options?.isThreadRunning,
+          isThreadPaused: options?.isThreadPaused,
           organizationId: options?.organizationId,
           apiUrl: options?.apiUrl
         }
@@ -18453,6 +18536,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
     return renderContentItem(unit.item, unit.index, message, lookupMessages, {
       isReasoning: options?.isReasoning && !hasFollowingItem && !options?.isAgentOutput,
       isThreadRunning: options?.isThreadRunning,
+      isThreadPaused: options?.isThreadPaused,
       organizationId: options?.organizationId,
       apiUrl: options?.apiUrl,
       isAgentOutput: options?.isAgentOutput,
@@ -18465,6 +18549,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
       items: unit.items,
       hasFollowingItem,
       isThreadRunning: options?.isThreadRunning,
+      isThreadPaused: options?.isThreadPaused,
       organizationId: options?.organizationId,
       apiUrl: options?.apiUrl
     }
@@ -18609,6 +18694,7 @@ function AssistantMessage({
   isStreaming = false,
   streamingStatus,
   isThreadRunning,
+  isThreadPaused,
   organizationId,
   apiUrl,
   pet,
@@ -18628,6 +18714,7 @@ function AssistantMessage({
   const answerNode = renderContent(message, lookupMessages, {
     isReasoning,
     isThreadRunning,
+    isThreadPaused,
     organizationId,
     apiUrl,
     mcpApps
@@ -18827,6 +18914,7 @@ function MessageActions({
   isAssistant = false,
   isStreaming = false,
   onRetry,
+  onEdit,
   className
 }) {
   const { t } = useChatkitTranslation();
@@ -18864,6 +18952,17 @@ function MessageActions({
             children: copied ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Copy, { size: 14 })
           }
         ),
+        !isAssistant && onEdit && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onEdit,
+            className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            title: t("threadControl.editMessage"),
+            "aria-label": t("threadControl.editMessage"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Pencil, { size: 14 })
+          }
+        ),
         isAssistant && onRetry && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "button",
           {
@@ -18879,21 +18978,122 @@ function MessageActions({
   );
 }
 
+// src/components/thread/MessageEditor.tsx
+var import_react8 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function MessageEditor({
+  initialText,
+  onSave,
+  onCancel
+}) {
+  const { t } = useChatkitTranslation();
+  const [text, setText] = (0, import_react8.useState)(initialText);
+  const [busy, setBusy] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  async function save() {
+    setBusy(true);
+    setError(null);
+    try {
+      await onSave(text);
+    } catch (error2) {
+      setError(error2 instanceof Error ? error2.message : String(error2));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      "textarea",
+      {
+        "aria-label": t("threadControl.editMessage"),
+        value: text,
+        onChange: (event) => setText(event.target.value),
+        disabled: busy,
+        rows: 4,
+        autoFocus: true,
+        className: "w-full resize-y bg-transparent text-sm leading-relaxed text-foreground outline-none"
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          disabled: busy,
+          onClick: onCancel,
+          children: t("threadControl.discardEdit")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          disabled: busy || !text.trim(),
+          onClick: () => void save(),
+          children: t("threadControl.saveBranch")
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/hooks/useThreadBranches.ts
+var import_react9 = require("react");
+function useThreadBranches(client, conversationId, threadId, enabled, isLoading) {
+  const scope = (0, import_react9.useRef)(threadId);
+  scope.current = threadId;
+  const [snapshot, setSnapshot] = (0, import_react9.useState)(null);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const generation = (0, import_react9.useRef)(0);
+  const refresh = (0, import_react9.useCallback)(async () => {
+    if (!threadId || !conversationId || !enabled) return;
+    const request = ++generation.current;
+    try {
+      const branches2 = await client.conversations.listThreads(conversationId);
+      if (scope.current !== threadId || generation.current !== request) return;
+      setSnapshot({ threadId, branches: branches2 });
+      setError(null);
+    } catch (error2) {
+      if (scope.current !== threadId || generation.current !== request) return;
+      if (error2 && typeof error2 === "object" && "status" in error2 && error2.status === 404) {
+        setSnapshot(null);
+        setError(null);
+        return;
+      }
+      setError(error2 instanceof Error ? error2.message : String(error2));
+    }
+  }, [client, conversationId, enabled, threadId]);
+  const branches = enabled && snapshot?.threadId === threadId ? snapshot.branches : [];
+  const current = branches.find((branch) => branch.thread_id === threadId);
+  (0, import_react9.useEffect)(() => {
+    setError(null);
+    void refresh();
+    return () => {
+      generation.current += 1;
+    };
+  }, [refresh, isLoading]);
+  return { branches, current, error, refresh };
+}
+
 // src/components/thread/StartScreen.tsx
 var React51 = require("react");
 var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.HelpCircle, { size: 20 }),
-    lightbulb: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Lightbulb, { size: 20 }),
-    sparkle: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Sparkles, { size: 20 }),
-    write: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Pencil, { size: 20 }),
-    search: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Search, { size: 20 }),
-    globe: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Globe, { size: 20 }),
-    "book-open": /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.BookOpen, { size: 20 }),
-    compass: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Compass, { size: 20 }),
-    bolt: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.HelpCircle, { size: 20 }),
+    lightbulb: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Lightbulb, { size: 20 }),
+    sparkle: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Sparkles, { size: 20 }),
+    write: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Pencil, { size: 20 }),
+    search: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Search, { size: 20 }),
+    globe: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Globe, { size: 20 }),
+    "book-open": /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.BookOpen, { size: 20 }),
+    compass: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Compass, { size: 20 }),
+    bolt: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -18910,7 +19110,7 @@ function StartScreen({
   const prompts = startScreen?.prompts ?? [];
   const hasPrompts = startScreen?.promptsLayout !== "list" && prompts.length > 0;
   const editPromptLabel = t("startScreen.editPrompt");
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       className: cn(
@@ -18918,8 +19118,8 @@ function StartScreen({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
-        hasPrompts && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
+        hasPrompts && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
           "div",
           {
             className: cn(
@@ -18928,7 +19128,7 @@ function StartScreen({
               "focus-within:ring-2 focus-within:ring-primary/20"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -18939,8 +19139,8 @@ function StartScreen({
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                       "div",
                       {
                         className: "text-sm font-medium text-foreground line-clamp-3 overflow-hidden",
@@ -18951,7 +19151,7 @@ function StartScreen({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 "button",
                 {
                   type: "button",
@@ -18964,7 +19164,7 @@ function StartScreen({
                     "rounded-r-xl transition-colors hover:bg-muted hover:text-foreground",
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react35.Pencil, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Pencil, { size: 16 })
                 }
               )
             ]
@@ -18978,7 +19178,7 @@ function StartScreen({
 
 // src/components/composer/StarterPromptSuggestions.tsx
 var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function StarterPromptSuggestions({
   prompts,
   onPromptClick,
@@ -18988,13 +19188,13 @@ function StarterPromptSuggestions({
 }) {
   const { t } = useChatkitTranslation();
   if (!prompts.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       "data-slot": "starter-prompt-suggestions",
       className: "mt-2 min-w-0 space-y-0.5 px-2",
-      children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "group flex min-w-0 items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "group flex min-w-0 items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           Button,
           {
             type: "button",
@@ -19005,12 +19205,12 @@ function StarterPromptSuggestions({
             title: item.label,
             onClick: () => onPromptClick(item.prompt),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react36.MessagesSquare, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react36.MessagesSquare, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate", children: item.label })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           Button,
           {
             type: "button",
@@ -19021,7 +19221,7 @@ function StarterPromptSuggestions({
             "aria-label": t("startScreen.editPrompt"),
             title: t("startScreen.editPrompt"),
             onClick: () => onPromptEdit(item.prompt),
-            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react36.Pencil, { className: "size-3.5", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react36.Pencil, { className: "size-3.5", "aria-hidden": "true" })
           }
         )
       ] }, `prompt-${index}`))
@@ -19240,7 +19440,7 @@ var React53 = __toESM(require("react"), 1);
 var import_lucide_react37 = require("lucide-react");
 
 // src/components/ui/progress-circle.tsx
-var import_jsx_runtime61 = (
+var import_jsx_runtime62 = (
   // biome-ignore lint/a11y/useFocusableInteractive: false positive (progress + progressbar are not focusable interactives)
   // biome-ignore lint/nursery/useAriaPropsSupportedByRole: biome rule at odds with mdn docs (presumed nursary bug with rule)
   require("react/jsx-runtime")
@@ -19264,7 +19464,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
     fill: "none",
     strokeWidth
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "svg",
     {
       role: "progressbar",
@@ -19275,8 +19475,8 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
       "aria-valuemax": 100,
       ...restSvgProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { ...commonParams, className: "stroke-current/25" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { ...commonParams, className: "stroke-current/25" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "circle",
           {
             ...commonParams,
@@ -19294,7 +19494,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
 };
 
 // src/components/thread/context-usage-indicator.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var kNumberFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
@@ -19464,8 +19664,8 @@ function ContextUsageIndicator({
   const usageLabelWithSuffix = usageLabel.endsWith(":") ? usageLabel : `${usageLabel}:`;
   const statusLabel = usageStatus === "stale" ? t("chat.contextUsage.stale") : !hasMeasurement ? t("chat.contextUsage.unavailable") : null;
   const progressClassName = percent >= 90 ? "text-destructive" : percent >= 75 ? "text-amber-500" : "text-primary dark:text-zinc-300";
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "button",
       {
         type: "button",
@@ -19474,13 +19674,13 @@ function ContextUsageIndicator({
           className
         ),
         "aria-label": `${usageLabelWithSuffix} ${hasMeasurement ? `${usageFullLabel}. ${usageTokensLabel}` : ""}${statusLabel ? ` ${statusLabel}` : ""}`,
-        children: hasMeasurement ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        children: hasMeasurement ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           ProgressCircle,
           {
             value: percent,
             className: cn("size-5", progressClassName)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           import_lucide_react37.CircleHelp,
           {
             className: "size-5 text-muted-foreground",
@@ -19489,19 +19689,19 @@ function ContextUsageIndicator({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       TooltipContent,
       {
         side: "top",
         sideOffset: 6,
         className: "space-y-0.5 px-3 py-2 text-center",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
-          hasMeasurement && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
+          hasMeasurement && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-sm font-semibold", children: usageTokensLabel })
           ] }),
-          !hasMeasurement && statusLabel && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-sm", children: statusLabel })
+          !hasMeasurement && statusLabel && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "text-sm", children: statusLabel })
         ]
       }
     )
@@ -19538,7 +19738,7 @@ function normalizeModelOptions(models) {
 
 // src/components/composer/ComposerCapabilityChip.tsx
 var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ComposerCapabilityChip({
   option,
   onRemove,
@@ -19546,7 +19746,7 @@ function ComposerCapabilityChip({
 }) {
   const { t } = useChatkitTranslation();
   const color = getRuntimeCapabilityColor(option);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "span",
     {
       "data-slot": "composer-capability-chip",
@@ -19561,9 +19761,9 @@ function ComposerCapabilityChip({
 ${option.description}` : option.label,
       contentEditable: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "min-w-0 truncate", children: option.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "min-w-0 truncate", children: option.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "button",
           {
             type: "button",
@@ -19575,7 +19775,7 @@ ${option.description}` : option.label,
               name: option.label
             }),
             className: "flex size-5 shrink-0 items-center justify-center rounded-full hover:bg-primary/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react38.X, { className: "size-3" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react38.X, { className: "size-3" })
           }
         )
       ]
@@ -20002,17 +20202,17 @@ var import_lucide_react40 = require("lucide-react");
 var React56 = require("react");
 var import_radix_ui2 = require("radix-ui");
 var import_lucide_react39 = require("lucide-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_radix_ui2.Select.Group,
     {
       "data-slot": "select-group",
@@ -20024,7 +20224,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -20032,7 +20232,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     import_radix_ui2.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -20044,7 +20244,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react39.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react39.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })
       ]
     }
   );
@@ -20056,7 +20256,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     import_radix_ui2.Select.Content,
     {
       "data-slot": "select-content",
@@ -20066,8 +20266,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           import_radix_ui2.Select.Viewport,
           {
             "data-position": position,
@@ -20078,7 +20278,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -20088,7 +20288,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     import_radix_ui2.Select.Item,
     {
       "data-slot": "select-item",
@@ -20098,8 +20298,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react39.CheckIcon, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_radix_ui2.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react39.CheckIcon, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_radix_ui2.Select.ItemText, { children })
       ]
     }
   );
@@ -20108,7 +20308,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_radix_ui2.Select.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -20117,7 +20317,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         import_lucide_react39.ChevronUpIcon,
         {}
       )
@@ -20128,7 +20328,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_radix_ui2.Select.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -20137,7 +20337,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         import_lucide_react39.ChevronDownIcon,
         {}
       )
@@ -20148,7 +20348,7 @@ function SelectScrollDownButton({
 // src/components/ui/slider.tsx
 var React57 = __toESM(require("react"), 1);
 var import_radix_ui3 = require("radix-ui");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Slider({
   className,
   defaultValue,
@@ -20161,7 +20361,7 @@ function Slider({
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     import_radix_ui3.Slider.Root,
     {
       "data-slot": "slider",
@@ -20175,12 +20375,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           import_radix_ui3.Slider.Track,
           {
             "data-slot": "slider-track",
             className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               import_radix_ui3.Slider.Range,
               {
                 "data-slot": "slider-range",
@@ -20189,7 +20389,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           import_radix_ui3.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -20211,7 +20411,7 @@ var import_radix_ui5 = require("radix-ui");
 var React58 = require("react");
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_radix_ui4 = require("radix-ui");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority2.cva)(
   "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -20234,7 +20434,7 @@ var toggleVariants = (0, import_class_variance_authority2.cva)(
 );
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ToggleGroupContext = React59.createContext({
   size: "default",
   variant: "default",
@@ -20250,7 +20450,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     import_radix_ui5.ToggleGroup.Root,
     {
       "data-slot": "toggle-group",
@@ -20264,7 +20464,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         ToggleGroupContext.Provider,
         {
           value: { variant, size: size2, spacing, orientation },
@@ -20282,7 +20482,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React59.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     import_radix_ui5.ToggleGroup.Item,
     {
       "data-slot": "toggle-group-item",
@@ -20518,7 +20718,7 @@ var React60 = require("react");
 var import_chatkit_types15 = require("@xpert-ai/chatkit-types");
 
 // src/components/pet/PetPreview.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function escapeCssUrl2(value) {
   return value.replace(/["\\]/g, "\\$&");
 }
@@ -20526,7 +20726,7 @@ function PetPreview({ src, label, className }) {
   const scale = 0.13;
   const width = import_chatkit_types15.petSpriteAtlas.cellWidth;
   const height = import_chatkit_types15.petSpriteAtlas.cellHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "span",
     {
       className: cn(
@@ -20535,7 +20735,7 @@ function PetPreview({ src, label, className }) {
       ),
       "aria-hidden": "true",
       title: label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "span",
         {
           className: "absolute left-1/2 top-1/2 block",
@@ -20557,7 +20757,7 @@ function PetPreview({ src, label, className }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var CHARACTER_TYPES2 = [
   "builtin",
   "atlas"
@@ -20597,23 +20797,23 @@ function SettingsSheet({
       defaultValue: selectedBuiltinPet.label
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react40.Settings, { size: 16 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SheetTitle, { children: t("settings.title") })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react40.Settings, { size: 16 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SheetTitle, { children: t("settings.title") })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("section", { className: "space-y-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react40.PawPrint, { size: 15 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("section", { className: "space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react40.PawPrint, { size: 15 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
-            petRequired && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
+            petRequired && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "button",
             {
               type: "button",
@@ -20626,7 +20826,7 @@ function SettingsSheet({
                 draft.enabled ? "bg-primary" : "bg-muted-foreground/20",
                 petRequired ? "cursor-not-allowed opacity-70" : ""
               ].join(" "),
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "span",
                 {
                   className: [
@@ -20639,9 +20839,9 @@ function SettingsSheet({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           ToggleGroup,
           {
             id: "chatkit-pet-type",
@@ -20656,7 +20856,7 @@ function SettingsSheet({
             variant: "outline",
             spacing: 2,
             className: "!w-full",
-            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               ToggleGroupItem,
               {
                 value: type,
@@ -20668,8 +20868,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "builtin" && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      draft.characterType === "builtin" && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "label",
           {
             htmlFor: "chatkit-pet-builtin",
@@ -20677,7 +20877,7 @@ function SettingsSheet({
             children: t("pet.settings.builtin")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           Select,
           {
             value: selectedBuiltinPet.id,
@@ -20688,26 +20888,26 @@ function SettingsSheet({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 SelectTrigger,
                 {
                   id: "chatkit-pet-builtin",
                   className: "min-h-12 w-full px-3 py-2",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectValue, { placeholder: selectedBuiltinPetLabel })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SelectValue, { placeholder: selectedBuiltinPetLabel })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
                 const label = t(`pet.settings.builtins.${pet.id}`, {
                   defaultValue: pet.label
                 });
-                return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                   SelectItem,
                   {
                     value: pet.id,
                     className: "min-h-10 py-1.5 pl-2 pr-8",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PetPreview, { src: pet.previewSrc, label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "min-w-0 truncate", children: label })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PetPreview, { src: pet.previewSrc, label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "min-w-0 truncate", children: label })
                     ] })
                   },
                   pet.id
@@ -20717,8 +20917,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "atlas" && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      draft.characterType === "atlas" && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "label",
           {
             className: "text-sm font-medium",
@@ -20726,7 +20926,7 @@ function SettingsSheet({
             children: t("pet.settings.atlasUrl")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Input,
           {
             id: "chatkit-pet-atlas",
@@ -20736,15 +20936,15 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
             draft.scale.toFixed(2),
             "x"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Slider,
           {
             id: "chatkit-pet-scale",
@@ -20758,8 +20958,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "input",
           {
             type: "checkbox",
@@ -20770,8 +20970,8 @@ function SettingsSheet({
         ),
         t("pet.settings.draggable")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "input",
           {
             type: "checkbox",
@@ -20782,8 +20982,8 @@ function SettingsSheet({
         ),
         t("pet.settings.persistPosition")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex justify-end gap-2 pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           Button,
           {
             type: "button",
@@ -20792,7 +20992,7 @@ function SettingsSheet({
             children: t("pet.settings.cancel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "submit", children: t("pet.settings.save") })
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button, { type: "submit", children: t("pet.settings.save") })
       ] })
     ] })
   ] }) });
@@ -20968,7 +21168,7 @@ function createXpertThreadGoalAdapter(client, scope) {
 // src/workbench/context.tsx
 var React62 = __toESM(require("react"), 1);
 var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var WorkbenchContext = React62.createContext({
   enabled: false,
   open: false,
@@ -20987,8 +21187,8 @@ function WorkbenchToggleButton() {
   if (!workbench.enabled || workbench.open) return null;
   const label = t("workbench.open");
   const tooltip = workbench.disabledReason ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "button",
       {
         type: "button",
@@ -21001,16 +21201,16 @@ function WorkbenchToggleButton() {
         ),
         "aria-label": label,
         "aria-expanded": false,
-        children: workbench.loading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react41.Loader2, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react41.PanelRight, { size: 16 })
+        children: workbench.loading ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react41.Loader2, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react41.PanelRight, { size: 16 })
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TooltipContent, { side: "bottom", children: tooltip })
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipContent, { side: "bottom", children: tooltip })
   ] });
 }
 
 // src/components/chat/runtime-capabilities.tsx
 var React63 = __toESM(require("react"), 1);
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function createComposerCapabilityInsertionParts(options) {
   return options.filter((option) => option.type !== "subAgent").flatMap((option) => [
     createComposerCapabilityPart(option, createMessageId()),
@@ -21569,16 +21769,16 @@ function HumanRuntimeCapabilityChips({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
     const color = option.type === "skill" ? void 0 : getRuntimeCapabilityColor(option);
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "span",
       {
         className: "inline-flex max-w-full items-center gap-1 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs font-medium text-primary-foreground",
         style: color ? { color } : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "max-w-[9rem] truncate", children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "max-w-[9rem] truncate", children: option.label })
         ]
       },
       `${option.type}:${option.id}`
@@ -21591,7 +21791,7 @@ function ComposerCapabilityToken({
   disabled
 }) {
   const color = getRuntimeCapabilityColor(part.capability);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "span",
     {
       "data-composer-capability-key": part.key,
@@ -21599,7 +21799,7 @@ function ComposerCapabilityToken({
       "data-capability-id": part.capability.id,
       contentEditable: false,
       style: color ? { color } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         ComposerCapabilityChip,
         {
           option: part.capability,
@@ -21984,7 +22184,7 @@ function useTaskSummary({
 // src/components/task-summary/TaskSummary.tsx
 var React65 = __toESM(require("react"), 1);
 var import_lucide_react42 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var PREVIEW_SIZE = 3;
 function TaskSummaryTrigger({
   displayMode = "popover",
@@ -22004,7 +22204,7 @@ function TaskSummaryTrigger({
     },
     [controlledOpen, onOpenChange]
   );
-  const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "button",
     {
       type: "button",
@@ -22012,28 +22212,28 @@ function TaskSummaryTrigger({
       "aria-label": t("taskSummary.open"),
       "aria-expanded": open,
       onClick: displayMode === "docked" ? () => setOpen(!open) : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ListChecks, { size: 16 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ListChecks, { size: 16 })
     }
   );
   if (displayMode === "docked") {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TooltipTrigger, { asChild: true, children: triggerButton }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: triggerButton }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PopoverTrigger, { asChild: true, children: triggerButton }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PopoverTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       PopoverContent,
       {
         align: "end",
         sideOffset: 8,
         className: "w-[min(20rem,calc(100vw-2rem))] max-h-[min(44rem,calc(100vh-5rem))] overflow-y-auto rounded-2xl border-border/70 bg-popover p-0 shadow-lg",
         "aria-label": t("taskSummary.title"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TaskSummaryContent, { ...props })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TaskSummaryContent, { ...props })
       }
     )
   ] });
@@ -22043,7 +22243,7 @@ function TaskSummaryPanel({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "aside",
     {
       "data-slot": "task-summary-panel",
@@ -22052,7 +22252,7 @@ function TaskSummaryPanel({
         "h-fit max-h-full overflow-y-auto rounded-2xl border border-border/70 bg-popover text-popover-foreground shadow-lg",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TaskSummaryContent, { ...props })
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TaskSummaryContent, { ...props })
     }
   );
 }
@@ -22107,7 +22307,7 @@ function TaskSummaryContent({
     if (total2 <= PREVIEW_SIZE && !expanded[section]) return null;
     const loading = loadingSections[section];
     const canLoadMore = Boolean(expanded[section]) && loadedSectionCounts[section] < total2;
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       {
         type: "button",
@@ -22115,8 +22315,8 @@ function TaskSummaryContent({
         disabled: loading,
         onClick: () => canLoadMore ? void onLoadSection(section) : toggleSection(section),
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.Loader2, { className: "size-3 animate-spin" }),
-          !loading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ListChecks, { className: "size-3.5" }),
+          loading && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.Loader2, { className: "size-3 animate-spin" }),
+          !loading && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ListChecks, { className: "size-3.5" }),
           canLoadMore ? t("taskSummary.loadMore") : expanded[section] ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
@@ -22125,7 +22325,7 @@ function TaskSummaryContent({
   const localSectionAction = (section, total2) => {
     if (total2 <= PREVIEW_SIZE) return null;
     const isExpanded = Boolean(expandedLocal[section]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       {
         type: "button",
@@ -22135,83 +22335,83 @@ function TaskSummaryContent({
           [section]: !isExpanded
         })),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ListChecks, { className: "size-3.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ListChecks, { className: "size-3.5" }),
           isExpanded ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "divide-y divide-border/70", children: [
-    Boolean(historyError) && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: t("taskSummary.historyError") }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "divide-y divide-border/70", children: [
+    Boolean(historyError) && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: t("taskSummary.historyError") }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
         "button",
         {
           type: "button",
           className: "inline-flex shrink-0 items-center gap-1 font-medium hover:underline",
           onClick: onRetryHistory,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.RotateCcw, { className: "size-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.RotateCcw, { className: "size-3" }),
             t("taskSummary.retry")
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.outputs"), children: [
-      summary.outputs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.outputs"), children: [
+      summary.outputs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: item.title,
           metadata: localizedStatus(item.status),
           description: item.description,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.FileOutput, { className: "size-4" }),
-          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.FileOutput, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
           onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
         },
         item.id
       )),
       sectionAction("outputs", summary.totals.outputs)
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.sources"), children: [
-      sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.sources"), children: [
+      sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.BookOpen, { className: "size-4" }),
-          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.BookOpen, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
           onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
         },
         item.id
       )),
       sectionAction("sources", summary.totals.sources)
     ] }),
-    hasTask && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.task"), children: [
-      summary.goal && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    hasTask && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.task"), children: [
+      summary.goal && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: summary.goal.objective,
           metadata: localizedStatus(summary.goal.status),
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.Target, { className: "size-4" }),
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.Target, { className: "size-4" }),
           onClick: onFocusComposer
         }
       ),
-      summary.plan && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      summary.plan && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: summary.plan.title,
           description: summary.plan.excerpt,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ListChecks, { className: "size-4" }),
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ListChecks, { className: "size-4" }),
           onClick: () => summary.plan?.messageId ? onNavigateMessage(summary.plan.messageId) : onFocusComposer()
         }
       ),
       localSectionItems("todos", summary.todos?.items ?? []).map(
-        (todo) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        (todo) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           SummaryButton,
           {
             title: todo.content,
             metadata: localizedStatus(todo.status),
-            leading: todo.status === "completed" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.CheckCircle2, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.CircleEllipsis, { className: "size-4 text-muted-foreground" }),
+            leading: todo.status === "completed" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.CheckCircle2, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.CircleEllipsis, { className: "size-4 text-muted-foreground" }),
             onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
           },
           todo.id
@@ -22219,23 +22419,23 @@ function TaskSummaryContent({
       ),
       localSectionAction("todos", summary.todos?.items.length ?? 0)
     ] }),
-    summary.running.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.running"), children: [
-      localSectionItems("running", summary.running).map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    summary.running.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.running"), children: [
+      localSectionItems("running", summary.running).map((item) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: item.title,
           metadata: localizedStatus(item.status),
           description: item.description,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.PlayCircle, { className: "size-4" }),
-          trailing: item.resource ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.PlayCircle, { className: "size-4" }),
+          trailing: item.resource ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.ExternalLink, { className: "size-3.5" }) : void 0,
           onClick: () => item.resource && onOpenResource(item.resource, void 0, item.title)
         },
         item.id
       )),
       localSectionAction("running", summary.running.length)
     ] }),
-    summary.agents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.agents"), children: [
-      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    summary.agents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.agents"), children: [
+      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: item.title,
@@ -22244,20 +22444,20 @@ function TaskSummaryContent({
             formatElapsed(item.elapsedTime)
           ].filter(Boolean).join(" \xB7 "),
           description: item.error,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.Bot, { className: "size-4" }),
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.Bot, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
       )),
       sectionAction("agents", summary.totals.agents)
     ] }),
-    summary.pending.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(SummarySection, { title: t("taskSummary.sections.pending"), children: [
-      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    summary.pending.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(SummarySection, { title: t("taskSummary.sections.pending"), children: [
+      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react42.CircleEllipsis, { className: "size-4" }),
+          leading: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react42.CircleEllipsis, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
@@ -22270,16 +22470,16 @@ function SummarySection({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { "aria-label": title, className: "px-4 py-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "mt-1 space-y-0.5", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { "aria-label": title, className: "px-4 py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-1 space-y-0.5", children })
   ] });
 }
 function SummaryPrompt({
   children,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "button",
     {
       type: "button",
@@ -22298,7 +22498,7 @@ function SummaryButton({
   onClick
 }) {
   const tooltipText = [title, metadata, description].filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "button",
     {
       type: "button",
@@ -22312,13 +22512,13 @@ function SummaryButton({
         !onClick && "cursor-default"
       ),
       children: [
-        leading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
-          metadata && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: metadata }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
+        leading && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
+          metadata && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: metadata }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
         ] }),
-        trailing && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
+        trailing && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
       ]
     }
   );
@@ -22330,7 +22530,7 @@ function formatElapsed(value) {
 }
 
 // src/components/chat.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var import_meta2 = {};
 var defaultApiUrl2 = import_meta2.env.VITE_XPERTAI_API_URL;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
@@ -22469,7 +22669,7 @@ function ReferenceChip({
   const metaLine = getReferenceMetaLine(reference);
   const isComposer = variant === "composer";
   const Icon = reference.type === "quote" ? import_lucide_react43.Quote : reference.type === "image" ? import_lucide_react43.ImageIcon : import_lucide_react43.FileText;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       className: cn(
@@ -22478,7 +22678,7 @@ function ReferenceChip({
       ),
       title: getReferenceTitle(reference),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           Icon,
           {
             size: isComposer ? 14 : 12,
@@ -22488,8 +22688,8 @@ function ReferenceChip({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "div",
             {
               className: cn(
@@ -22499,7 +22699,7 @@ function ReferenceChip({
               children: getReferenceLabel(reference)
             }
           ),
-          metaLine && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          metaLine && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "div",
             {
               className: cn(
@@ -22510,7 +22710,7 @@ function ReferenceChip({
             }
           )
         ] }),
-        onRemove && removeLabel && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        onRemove && removeLabel && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "button",
           {
             type: "button",
@@ -22521,7 +22721,7 @@ function ReferenceChip({
             ),
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.X, { size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.X, { size: 12 })
           }
         )
       ]
@@ -22535,19 +22735,19 @@ function WorkspaceFileChip({
 }) {
   const label = file.originalName ?? file.workspacePath ?? file.id ?? file.fileAssetId ?? "File";
   const meta = file.workspacePath ?? file.mimeType;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       "data-slot": "workspace-file-reference",
       className: "flex min-w-0 items-start gap-2 rounded-md bg-muted px-2 py-1 text-foreground",
       title: label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.FileText, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "truncate text-sm", children: label }),
-          meta ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: meta }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.FileText, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "truncate text-sm", children: label }),
+          meta ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: meta }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "button",
           {
             type: "button",
@@ -22555,7 +22755,7 @@ function WorkspaceFileChip({
             className: "ml-1 rounded-full p-0.5 hover:bg-muted-foreground/20",
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.X, { size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.X, { size: 12 })
           }
         )
       ]
@@ -22588,6 +22788,38 @@ function Chat({
   const messageNavigationEnabled = options?.messageNavigation?.enabled !== false;
   const { setStream } = useStreamManager();
   const stream = useStreamContext();
+  const branchState = useThreadBranches(
+    stream.client,
+    stream.conversationId,
+    stream.threadId,
+    Boolean(stream.isReady && stream.client?.conversations?.listThreads),
+    stream.isLoading
+  );
+  const [editingMessageId, setEditingMessageId] = React66.useState(
+    null
+  );
+  const editRequestRef = React66.useRef(null);
+  const [isChangingBranch, setIsChangingBranch] = React66.useState(false);
+  const [runControlRequest, setRunControlRequest] = React66.useState(null);
+  const runControlRequestRef = React66.useRef(null);
+  const [runControlError, setRunControlError] = React66.useState(null);
+  const currentRunControl = branchState.current?.runControl;
+  const pauseRunId = stream.activeRunId ?? currentRunControl?.executionId ?? stream.displayPause?.executionId ?? null;
+  const canPauseRun = Boolean(
+    stream.threadId && pauseRunId && (stream.isLoading || currentRunControl?.state === "running")
+  );
+  const isRunPausing = runControlRequest?.threadId === stream.threadId && runControlRequest.action === "pause" || branchState.current?.status === "pausing";
+  const isRunPaused = branchState.current?.status === "paused";
+  const canRevealPausedDisplay = Boolean(stream.displayPause) && ["idle", "error", "interrupted"].includes(branchState.current?.status ?? "");
+  const isPauseActive = isRunPausing || isRunPaused || stream.isDisplayPaused;
+  const isResumingRun = runControlRequest?.threadId === stream.threadId && runControlRequest.action === "resume";
+  const isVisibleStreaming = stream.isLoading && !stream.isDisplayPaused;
+  const activeBranchRef = React66.useRef(stream.threadId);
+  activeBranchRef.current = stream.threadId;
+  React66.useEffect(() => {
+    setEditingMessageId(null);
+    editRequestRef.current = null;
+  }, [stream.threadId]);
   const workbench = useWorkbench();
   const xpertPlatformClient = stream.client;
   const { theme } = useTheme();
@@ -23568,8 +23800,11 @@ function Chat({
   }, [stream.isLoading, messages, scrollToBottom]);
   const showMissingConfig = !isClientSecretInitializing && missingConfig;
   const hasUploadingFiles = attachmentState.hasUploadingFiles;
-  const isSubmissionBlocked = hasPendingInteractiveRequest || missingConfig || isHistoryUnavailable || hasUploadingFiles || isUploadingReferenceImages;
-  const isSendDisabled = !trimmedDraft && !hasReferences || isSubmissionBlocked;
+  const isSubmissionBlocked = isChangingBranch || isResumingRun || isRunPausing || hasPendingInteractiveRequest || missingConfig || isHistoryUnavailable || hasUploadingFiles || isUploadingReferenceImages;
+  const hasComposerInput = Boolean(
+    trimmedDraft || hasReferences || attachmentState.uploadedFiles.length
+  );
+  const isSendDisabled = !hasComposerInput || isSubmissionBlocked;
   const isPromptEditDisabled = hasPendingInteractiveRequest || missingConfig || isHistoryLoading;
   const canUploadAttachments = composer?.attachments?.enabled === true && !isPromptEditDisabled;
   const queueAttachmentFiles = React66.useCallback((files) => {
@@ -23789,7 +24024,7 @@ function Chat({
       );
       const filesToSend = mergedFiles.length > 0 ? mergedFiles : void 0;
       const referencesToSend = references.length > 0 ? [...references] : void 0;
-      const nextFollowUpMode = stream.isLoading ? "queue" : void 0;
+      const nextFollowUpMode = stream.isLoading && !stream.isDisplayPaused && !isRunPaused ? "queue" : void 0;
       const effectivePlanMode = submitOptions.planMode ?? planModeEnabled;
       const humanInput = buildHumanMessageInputPayload({
         content: contentToSubmit,
@@ -23886,6 +24121,7 @@ function Chat({
       };
       const submission = stream.submit(
         {
+          id: newMessage.id,
           input: inputPayload,
           ...requestOptions.state ? { state: requestOptions.state } : {}
         },
@@ -23918,6 +24154,7 @@ function Chat({
       getRuntimeCapabilitiesForSubmit,
       promptWorkflow,
       isSubmissionBlocked,
+      isRunPaused,
       options?.request,
       persistSessionRuntimeCapabilities,
       references,
@@ -24671,6 +24908,136 @@ function Chat({
       );
     });
   };
+  const handleComposerRunControl = async (action) => {
+    const sourceThreadId = stream.threadId;
+    if (isChangingBranch || isRunPausing || isResumingRun) return;
+    if (action === "resume") {
+      if (!sourceThreadId || !canRevealPausedDisplay && (!isRunPaused || !currentRunControl?.pauseId)) return;
+    } else {
+      if (isRunPaused) return;
+      if (!sourceThreadId || !pauseRunId) return;
+    }
+    if (!sourceThreadId) return;
+    if (runControlRequestRef.current?.threadId === sourceThreadId) return;
+    const runId = pauseRunId;
+    if (!runId) return;
+    const request = {
+      action,
+      threadId: sourceThreadId,
+      runId
+    };
+    runControlRequestRef.current = request;
+    setRunControlRequest(request);
+    setRunControlError(null);
+    try {
+      if (action === "resume" && canRevealPausedDisplay) {
+        await stream.resumeDisplay();
+      } else if (action === "resume" && currentRunControl?.pauseId) {
+        await stream.resumeRun(request.runId, currentRunControl.pauseId);
+      } else {
+        await stream.pauseRun(request.runId);
+      }
+      if (activeBranchRef.current === sourceThreadId) {
+        await branchState.refresh();
+      }
+    } catch (error) {
+      if (activeBranchRef.current === sourceThreadId && runControlRequestRef.current === request) {
+        setRunControlError({
+          threadId: sourceThreadId,
+          message: error instanceof Error ? error.message : String(error)
+        });
+      }
+    } finally {
+      if (runControlRequestRef.current === request) {
+        runControlRequestRef.current = null;
+        setRunControlRequest(null);
+      }
+    }
+  };
+  const saveEditedMessage = async (message, text) => {
+    const sourceThreadId = stream.threadId;
+    if (!sourceThreadId || !message.id) return;
+    const request = editRequestRef.current?.messageId === message.id ? editRequestRef.current : { messageId: message.id, requestId: createMessageId() };
+    editRequestRef.current = request;
+    setIsChangingBranch(true);
+    try {
+      const branch = await stream.client.threads.copy(sourceThreadId, {
+        beforeMessageId: message.id,
+        requestId: request.requestId
+      });
+      if (activeBranchRef.current !== sourceThreadId) return;
+      const source = await stream.client.threads.get(sourceThreadId);
+      if (activeBranchRef.current !== sourceThreadId) return;
+      if (source.status === "busy") {
+        if (!source.runControl?.executionId) {
+          throw new Error(t("threadControl.sourcePauseUnavailable"));
+        }
+        try {
+          await stream.pauseRun(source.runControl.executionId);
+        } catch (error) {
+          const latest = await stream.client.threads.get(sourceThreadId).catch(() => null);
+          if (!latest || latest.status === "busy") throw error;
+        }
+      }
+      if (activeBranchRef.current !== sourceThreadId) return;
+      activeBranchRef.current = branch.thread_id;
+      stream.reset(branch.thread_id, []);
+      await stream.loadThread(branch.thread_id);
+      if (activeBranchRef.current !== branch.thread_id) return;
+      const humanInput = buildHumanMessageInputPayload({
+        content: text,
+        references: message.references,
+        referenceComposition: "compose"
+      });
+      if (!humanInput) return;
+      const files = mergeSubmittedFiles(
+        message.fileAssets ?? [],
+        message.attachments ?? []
+      );
+      const edited = {
+        ...message,
+        type: "human",
+        id: createMessageId(),
+        content: text,
+        submittedInput: humanInput.input,
+        referenceComposition: humanInput.referenceComposition
+      };
+      const input = {
+        ...humanInput,
+        ...files.length ? { files } : {},
+        ...message.runtimeCapabilities ? { runtimeCapabilities: message.runtimeCapabilities } : {},
+        ...message.model ? { model: message.model } : {}
+      };
+      const requestOptions = buildInjectedRequestOptions({
+        defaults: options?.request,
+        humanInput: input
+      });
+      setEditingMessageId(null);
+      setIsChangingBranch(false);
+      const submission = stream.submit(
+        {
+          id: edited.id,
+          input,
+          ...requestOptions.state ? { state: requestOptions.state } : {}
+        },
+        {
+          threadId: branch.thread_id,
+          joinExistingThread: true,
+          ...requestOptions.context ? { context: requestOptions.context } : {},
+          ...requestOptions.config ? { config: requestOptions.config } : {},
+          optimisticValues: (previous) => ({
+            ...previous,
+            messages: [...previous.messages ?? [], edited]
+          })
+        }
+      );
+      void submission.catch((error) => {
+        setHistoryError(error instanceof Error ? error.message : String(error));
+      });
+    } finally {
+      setIsChangingBranch(false);
+    }
+  };
   const handleRetry = (messageIndex) => {
     const messagesUpToIndex = messages.slice(0, messageIndex);
     const lastHumanMessage = [...messagesUpToIndex].reverse().find((m) => String(m.type) === "human");
@@ -24836,13 +25203,13 @@ function Chat({
     onFocusComposer: () => focusComposerAt(),
     onOpenResource: openTaskSummaryResource
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -24857,7 +25224,7 @@ function Chat({
               className
             ),
             children: [
-              surface === "main" && options?.header?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              surface === "main" && options?.header?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   ref: chatColumnRef,
@@ -24865,9 +25232,9 @@ function Chat({
                   className: "mx-auto flex w-full items-center justify-between border-b p-2 sticky top-0 z-10 bg-background",
                   style: chatColumnStyle,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative shrink-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative shrink-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           ChatkitAvatar,
                           {
                             avatar: assistantAvatar,
@@ -24875,10 +25242,10 @@ function Chat({
                             label: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           "h2",
                           {
                             className: "text-lg font-semibold truncate",
@@ -24886,7 +25253,7 @@ function Chat({
                             children: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           "p",
                           {
                             className: "truncate text-xs text-muted-foreground",
@@ -24896,8 +25263,8 @@ function Chat({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-1", children: [
-                      taskSummaryAvailable && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-1", children: [
+                      taskSummaryAvailable && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         TaskSummaryTrigger,
                         {
                           ...taskSummaryProps,
@@ -24906,9 +25273,9 @@ function Chat({
                           onOpenChange: handleTaskSummaryOpenChange
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(WorkbenchToggleButton, {}),
-                      canMinimizeToPet && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(WorkbenchToggleButton, {}),
+                      canMinimizeToPet && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           "button",
                           {
                             type: "button",
@@ -24919,13 +25286,13 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("chat.minimizeToPet"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Minus, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Minus, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           "button",
                           {
                             type: "button",
@@ -24936,14 +25303,14 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("settings.open"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Settings, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Settings, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { side: "bottom", children: t("settings.open") })
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { side: "bottom", children: t("settings.open") })
                       ] }),
-                      history?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      history?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                             "button",
                             {
                               type: "button",
@@ -24956,12 +25323,12 @@ function Chat({
                                 "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
                               ),
                               "aria-label": t("history.newThread"),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Pencil, { size: 16 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Pencil, { size: 16 })
                             }
                           ) }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { side: "bottom", children: t("history.newThread") })
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { side: "bottom", children: t("history.newThread") })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           HistorySidebar,
                           {
                             threads,
@@ -24980,7 +25347,7 @@ function Chat({
                   ]
                 }
               ),
-              showMessageNavigation && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              showMessageNavigation && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 MessageNavigator,
                 {
                   items: messageNavigationItems,
@@ -24991,7 +25358,7 @@ function Chat({
                   tagsOverflowLabel: (count) => t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   "data-slot": "chatkit-chat-content",
@@ -25001,10 +25368,10 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
-                    historyError && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
-                    showMissingConfig && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
+                    historyError && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+                    showMissingConfig && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       ThreadHistoryStatus,
                       {
                         state: stream.historyLoad,
@@ -25014,7 +25381,7 @@ function Chat({
                         }
                       }
                     ),
-                    !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       StartScreen,
                       {
                         startScreen,
@@ -25024,10 +25391,10 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled,
                         className: "px-4 pb-4 pt-2"
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-4", children: [
-                      canLoadMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3 py-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "space-y-4", children: [
+                      canLoadMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3 py-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           Button,
                           {
                             type: "button",
@@ -25039,12 +25406,12 @@ function Chat({
                             children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" })
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" })
                       ] }),
                       messages.map((message, index) => {
                         const messageType = String(message.type);
                         const isAssistantMessage = messageType === "assistant" || messageType === "ai";
-                        const isStreamingMessage = stream.isLoading && index === messages.length - 1;
+                        const isStreamingMessage = isVisibleStreaming && index === messages.length - 1;
                         const streamingStatus = isAssistantMessage ? getAssistantStreamingStatus(
                           {
                             ...message,
@@ -25075,6 +25442,8 @@ function Chat({
                         ) : [];
                         const hasHumanAttachments = message.type === "human" && humanAttachments.length > 0;
                         const canQuoteMessage = message.type === "human" || isAssistantMessage;
+                        const isEditingMessage = Boolean(message.id) && editingMessageId === message.id;
+                        const canEditMessage = message.type === "human" && Boolean(branchState.current) && Boolean(message.id) && humanMessage.inputCheckpoint !== null && !humanMessage.followUpMode && !isChangingBranch;
                         const quoteSource = message.type === "human" ? t("chat.youLabel") : assistantTitle;
                         const messageNavigationId = getMessageNavigationItemId(
                           message,
@@ -25083,7 +25452,7 @@ function Chat({
                         if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
                           return null;
                         }
-                        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           "div",
                           {
                             ref: (node) => setMessageNavigationAnchor(messageNavigationId, node),
@@ -25093,15 +25462,23 @@ function Chat({
                               message.type === "human" ? "justify-end" : "justify-start -ml-1"
                               // AI messages: slightly closer to left
                             ),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                               "div",
                               {
                                 className: cn(
                                   "flex flex-col px-3 overflow-hidden",
-                                  isAssistantMessage && "min-w-0 flex-1"
+                                  (isAssistantMessage || isEditingMessage) && "min-w-0 flex-1"
                                 ),
-                                children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                children: isEditingMessage ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                                  MessageEditor,
+                                  {
+                                    initialText: typeof message.content === "string" ? message.content : messageContent,
+                                    onCancel: () => setEditingMessageId(null),
+                                    onSave: (text) => saveEditedMessage(message, text)
+                                  },
+                                  message.id
+                                ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                     "div",
                                     {
                                       ...canQuoteMessage ? {
@@ -25113,7 +25490,7 @@ function Chat({
                                         message.type === "human" ? "bg-primary text-primary-foreground px-4 py-2.5" : message.type === "system" ? "bg-muted text-muted-foreground text-xs px-4 py-2.5" : "py-1 text-chat-foreground"
                                         // AI messages: use chat-specific foreground color
                                       ),
-                                      children: isAssistantMessage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      children: isAssistantMessage ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                         AssistantMessage,
                                         {
                                           message: {
@@ -25129,19 +25506,20 @@ function Chat({
                                           isStreaming: isStreamingMessage,
                                           streamingStatus,
                                           isThreadRunning: currentThreadIsRunning,
+                                          isThreadPaused: isPauseActive,
                                           organizationId: stream.organizationId,
                                           apiUrl: stream.apiUrl,
                                           pet: effectivePet,
                                           mcpApps: options?.mcpApps
                                         }
-                                      ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           HumanRuntimeCapabilityChips,
                                           {
                                             options: humanRuntimeCapabilityOptions
                                           }
                                         ),
-                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           ReferenceChip,
                                           {
                                             reference,
@@ -25149,45 +25527,49 @@ function Chat({
                                           },
                                           getReferenceKey(reference)
                                         )) }),
-                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                                           "div",
                                           {
                                             className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.FileText, { size: 12 }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.FileText, { size: 12 }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                                             ]
                                           },
                                           fileIndex
                                         )) }),
-                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           "p",
                                           {
                                             className: "wrap-break-word text-sm leading-relaxed",
                                             children: formatMessageContent(part)
                                           },
                                           `${part.type}-${partIndex}`
-                                        )) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                                        )) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                                       ] })
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                     MessageActions,
                                     {
                                       content: messageContent,
                                       isAssistant: isAssistantMessage,
                                       isStreaming: isStreamingMessage,
-                                      onRetry: isAssistantMessage && !stream.isLoading && index === messages.length - 1 ? () => handleRetry(index) : void 0
+                                      onEdit: canEditMessage ? () => {
+                                        editRequestRef.current = null;
+                                        setEditingMessageId(message.id ?? null);
+                                      } : void 0,
+                                      onRetry: isAssistantMessage && branchState.current?.status !== "paused" && branchState.current?.status !== "pausing" && !stream.isLoading && index === messages.length - 1 ? () => handleRetry(index) : void 0
                                     }
                                   )
-                                ]
+                                ] })
                               }
                             )
                           },
                           message.id ?? `${message.type}-${index}`
                         );
                       }),
-                      showLoadingDots && (() => {
+                      showLoadingDots && !stream.isDisplayPaused && (() => {
                         const lastMessage = messages[messages.length - 1];
                         const lastMessageType = lastMessage ? String(lastMessage.type) : "";
                         const isLastMessageFromAI = lastMessageType === "ai" || lastMessageType === "assistant";
@@ -25209,7 +25591,7 @@ function Chat({
                           stream.isLoading,
                           { now: streamingNow }
                         );
-                        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           AssistantStreamingIndicator,
                           {
                             status: fallbackStreamingStatus ?? "loading"
@@ -25220,7 +25602,7 @@ function Chat({
                   ]
                 }
               ),
-              quoteSelection && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              quoteSelection && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   className: "pointer-events-none fixed z-50 flex flex-col items-center gap-1",
@@ -25230,8 +25612,8 @@ function Chat({
                     transform: "translateX(-50%)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "pointer-events-auto flex overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "pointer-events-auto flex overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                         Button,
                         {
                           type: "button",
@@ -25243,12 +25625,12 @@ function Chat({
                           "aria-label": t("composer.quoteSelection"),
                           title: t("composer.quoteSelection"),
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Quote, { size: 14 }),
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Quote, { size: 14 }),
                             t("composer.quoteSelection")
                           ]
                         }
                       ),
-                      workbench.sideChatEnabled && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                      workbench.sideChatEnabled && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                         Button,
                         {
                           type: "button",
@@ -25261,17 +25643,17 @@ function Chat({
                           "aria-label": t("composer.askInSideChat"),
                           title: t("composer.askInSideChat"),
                           children: [
-                            isOpeningSideChat ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.MessageSquarePlus, { size: 14 }),
+                            isOpeningSideChat ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.MessageSquarePlus, { size: 14 }),
                             t("composer.askInSideChat")
                           ]
                         }
                       )
                     ] }),
-                    sideChatError && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "pointer-events-auto max-w-72 rounded-md bg-destructive px-2 py-1 text-xs text-destructive-foreground shadow", children: sideChatError })
+                    sideChatError && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "pointer-events-auto max-w-72 rounded-md bg-destructive px-2 py-1 text-xs text-destructive-foreground shadow", children: sideChatError })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
@@ -25282,12 +25664,13 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    !isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    runControlError?.threadId === stream.threadId && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: runControlError.message }),
+                    !isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       "div",
                       {
                         "data-slot": "scroll-to-bottom",
                         className: "pointer-events-none absolute left-1/2 top-0 z-20 flex -translate-x-1/2 -translate-y-full justify-center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           Button,
                           {
                             type: "button",
@@ -25300,13 +25683,13 @@ function Chat({
                             onClick: () => scrollToBottom(true, true),
                             "aria-label": t("chat.scrollToBottom"),
                             title: t("chat.scrollToBottom"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.ArrowDown, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.ArrowDown, { size: 16 })
                           }
                         )
                       }
                     ),
-                    threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
-                    showGoalStatus && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                    threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
+                    showGoalStatus && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                       "div",
                       {
                         className: cn(
@@ -25314,7 +25697,7 @@ function Chat({
                           isGoalObjectiveExpanded ? "items-start" : "items-center"
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                             import_lucide_react43.Target,
                             {
                               className: cn(
@@ -25323,13 +25706,13 @@ function Chat({
                               )
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "font-medium", children: t("chat.goal.label") }),
-                              threadGoal && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
-                              isGoalLoading && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Loader2, { className: "size-3 animate-spin text-muted-foreground" })
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "font-medium", children: t("chat.goal.label") }),
+                              threadGoal && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
+                              isGoalLoading && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Loader2, { className: "size-3 animate-spin text-muted-foreground" })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                               "div",
                               {
                                 className: cn(
@@ -25339,13 +25722,13 @@ function Chat({
                                 children: goalError || threadGoal?.objective
                               }
                             ),
-                            threadGoal && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: t("chat.goal.elapsed", {
+                            threadGoal && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: t("chat.goal.elapsed", {
                               elapsed: formatGoalElapsed(displayedGoalElapsedSeconds)
                             }) }) })
                           ] }),
-                          threadGoal && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                          threadGoal && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                 Button,
                                 {
                                   type: "button",
@@ -25356,13 +25739,13 @@ function Chat({
                                     const prefix = "/goal edit ";
                                     setComposerText(`${prefix}${threadGoal.objective}`);
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Pencil, { className: "size-3" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Pencil, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { children: t("chat.goal.edit") })
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { children: t("chat.goal.edit") })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                 Button,
                                 {
                                   type: "button",
@@ -25378,13 +25761,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Play, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Pause, { className: "size-3" })
+                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Play, { className: "size-3" }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Pause, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                 Button,
                                 {
                                   type: "button",
@@ -25400,13 +25783,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.Trash2, { className: "size-3" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.Trash2, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { children: t("chat.goal.clear") })
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { children: t("chat.goal.clear") })
                             ] }),
-                            threadGoal.objective && !goalError && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Tooltip, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            threadGoal.objective && !goalError && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Tooltip, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                 Button,
                                 {
                                   type: "button",
@@ -25415,7 +25798,7 @@ function Chat({
                                   "aria-expanded": isGoalObjectiveExpanded,
                                   "aria-label": isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective"),
                                   onClick: () => setIsGoalObjectiveExpanded((expanded) => !expanded),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                     import_lucide_react43.ChevronDown,
                                     {
                                       className: cn(
@@ -25426,13 +25809,13 @@ function Chat({
                                   )
                                 }
                               ) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
                             ] })
                           ] })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       PendingRuntimeServices,
                       {
                         state: stream.runtimeActivities.sandboxServices,
@@ -25441,7 +25824,7 @@ function Chat({
                         className: hasPendingTodos || hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       PendingTodos,
                       {
                         snapshot: stream.todos,
@@ -25449,7 +25832,7 @@ function Chat({
                         className: hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       PendingFollowUps,
                       {
                         items: pendingFollowUps,
@@ -25462,7 +25845,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       RequestUserInputPanel,
                       {
                         request: stream.pendingRequestUserInput,
@@ -25471,7 +25854,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       HITLApprovalPanel,
                       {
                         request: stream.pendingHITLRequest,
@@ -25480,7 +25863,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    isInitialComposer && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    isInitialComposer && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       PromptWorkflowShortcuts,
                       {
                         commands: promptWorkflow.commands,
@@ -25494,7 +25877,7 @@ function Chat({
                         onBack: promptWorkflow.showPrompts
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       ChatAttachments,
                       {
                         ref: attachmentsRef,
@@ -25508,7 +25891,7 @@ function Chat({
                         onStateChange: setAttachmentState
                       }
                     ),
-                    references.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    references.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       ReferenceChip,
                       {
                         reference,
@@ -25522,9 +25905,9 @@ function Chat({
                       },
                       getReferenceKey(reference)
                     )) }),
-                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: referencedWorkspaceFiles.map((file) => {
+                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: referencedWorkspaceFiles.map((file) => {
                       const id = file.workspacePath ?? file.filePath ?? file.fileAssetId ?? file.fileId ?? file.id;
-                      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                         WorkspaceFileChip,
                         {
                           file,
@@ -25538,7 +25921,7 @@ function Chat({
                         id
                       );
                     }) }),
-                    workspaceFileMention && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    workspaceFileMention && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       WorkspaceFileMentionPalette,
                       {
                         ref: workspaceFileMentionPaletteRef,
@@ -25550,7 +25933,7 @@ function Chat({
                         onSelect: selectWorkspaceFileMention
                       }
                     ),
-                    runtimeCapabilityPalette && !workspaceFileMention && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    runtimeCapabilityPalette && !workspaceFileMention && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       SlashPalette,
                       {
                         palette: runtimeCapabilityPalette,
@@ -25564,7 +25947,7 @@ function Chat({
                         onSelect: selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                       "div",
                       {
                         "data-slot": "composer-input-shell",
@@ -25577,7 +25960,7 @@ function Chat({
                           "rounded-composer-shell shadow-composer-shell"
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                             "div",
                             {
                               "data-slot": "composer-editor-surface",
@@ -25586,7 +25969,7 @@ function Chat({
                                 "rounded-composer-editor"
                               ),
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                                   "div",
                                   {
                                     "data-slot": "composer-body",
@@ -25595,7 +25978,7 @@ function Chat({
                                       if (event.target === event.currentTarget) focusComposerAt();
                                     },
                                     children: [
-                                      composerCapabilities.inline.map((option) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      composerCapabilities.inline.map((option) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                         ComposerCapabilityChip,
                                         {
                                           option,
@@ -25604,7 +25987,7 @@ function Chat({
                                         },
                                         `${option.type}:${option.id}`
                                       )),
-                                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                         "div",
                                         {
                                           ref: composerInputRef,
@@ -25627,7 +26010,7 @@ function Chat({
                                             (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                                           ),
                                           children: renderedComposerParts.map(
-                                            (part, index) => part.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(React66.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                            (part, index) => part.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(React66.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                               ComposerCapabilityToken,
                                               {
                                                 part,
@@ -25643,14 +26026,14 @@ function Chat({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                                   "div",
                                   {
                                     "data-slot": "composer-action-bar",
                                     className: "pointer-events-none absolute inset-x-3 bottom-2 flex min-h-10 items-center justify-between gap-2",
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           ComposerMenu,
                                           {
                                             composer,
@@ -25682,12 +26065,12 @@ function Chat({
                                             disabled: missingConfig || isHistoryLoading || hasPendingInteractiveRequest
                                           }
                                         ) }),
-                                        composerCapabilities.subAgents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                        composerCapabilities.subAgents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           "div",
                                           {
                                             "data-slot": "composer-selected-sub-agents",
                                             className: "pointer-events-auto flex min-w-0 items-center gap-1 overflow-x-auto overflow-y-hidden [scrollbar-width:none]! [&::-webkit-scrollbar]:hidden",
-                                            children: composerCapabilities.subAgents.map((option) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                            children: composerCapabilities.subAgents.map((option) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                               ComposerCapabilityChip,
                                               {
                                                 option,
@@ -25698,14 +26081,14 @@ function Chat({
                                             ))
                                           }
                                         ),
-                                        selectedTool && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                                        selectedTool && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                                           "span",
                                           {
                                             "data-slot": "composer-selected-tool",
                                             className: "group/tool pointer-events-auto inline-flex h-8 min-w-0 max-w-[14rem] shrink items-center rounded-full bg-primary/10 px-2 text-xs font-medium text-primary transition-all duration-200",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                                 "button",
                                                 {
                                                   "data-slot": "composer-selected-tool-remove",
@@ -25721,16 +26104,16 @@ function Chat({
                                                     "focus-visible:pointer-events-auto focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100",
                                                     "hover:bg-primary/10 hover:text-primary focus-visible:bg-primary/10 focus-visible:text-primary"
                                                   ),
-                                                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react43.X, { className: "size-3 shrink-0" })
+                                                  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react43.X, { className: "size-3 shrink-0" })
                                                 }
                                               )
                                             ]
                                           }
                                         )
                                       ] }),
-                                      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1", children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ContextUsageIndicator, { className: "size-8" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1", children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ContextUsageIndicator, { className: "size-8" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           ModelPicker,
                                           {
                                             models: availableModels,
@@ -25754,16 +26137,21 @@ function Chat({
                                             }
                                           }
                                         ),
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                           SendButton,
                                           {
                                             disabled: isSendDisabled,
                                             isLoading: stream.isLoading,
-                                            showStop: stream.isLoading && (!trimmedDraft || hasPendingInteractiveRequest),
-                                            onStop: () => stream.stop(),
-                                            stopLabel: t("chat.stop"),
+                                            showStop: !isPauseActive && (stream.isLoading || canPauseRun) && (!hasComposerInput || hasPendingInteractiveRequest),
+                                            stopDisabled: isChangingBranch || !canPauseRun,
+                                            onStop: () => void handleComposerRunControl("pause"),
+                                            stopLabel: t("threadControl.pause"),
+                                            showResume: isPauseActive && !hasComposerInput,
+                                            resumeDisabled: !isRunPaused && !canRevealPausedDisplay || isRunPausing || isResumingRun || isChangingBranch || !currentRunControl?.pauseId && !canRevealPausedDisplay,
+                                            onResume: () => void handleComposerRunControl("resume"),
+                                            resumeLabel: t("threadControl.resume"),
                                             sendLabel: t("chat.send"),
-                                            shortcuts: stream.isLoading && trimmedDraft ? [
+                                            shortcuts: isVisibleStreaming && !isRunPaused && trimmedDraft ? [
                                               {
                                                 label: t("chat.followUps.queue"),
                                                 keys: "Enter"
@@ -25778,8 +26166,8 @@ function Chat({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { "data-slot": "composer-context-rail", className: "flex min-w-0 flex-wrap items-center", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "min-w-0 max-w-full", children: projectsEnabled && (isConfiguredProjectLocked || !isProjectSelectionLocked) ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { "data-slot": "composer-context-rail", className: "flex min-w-0 flex-wrap items-center", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "min-w-0 max-w-full", children: projectsEnabled && (isConfiguredProjectLocked || !isProjectSelectionLocked) ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                               ProjectSelector,
                               {
                                 client: xpertPlatformClient,
@@ -25794,7 +26182,7 @@ function Chat({
                                 onProjectTypeCreate
                               }
                             ) : null }),
-                            isFileSelectorVisible && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                            isFileSelectorVisible && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                               WorkspaceFileSelector,
                               {
                                 client: xpertPlatformClient,
@@ -25809,7 +26197,7 @@ function Chat({
                         ]
                       }
                     ) }),
-                    isInitialComposer && startScreen?.promptsLayout === "list" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    isInitialComposer && startScreen?.promptsLayout === "list" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       StarterPromptSuggestions,
                       {
                         prompts: startScreen.prompts ?? [],
@@ -25819,7 +26207,7 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled
                       }
                     ),
-                    disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       "p",
                       {
                         className: cn(
@@ -25832,7 +26220,7 @@ function Chat({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 SettingsSheet,
                 {
                   open: petSettingsOpen,
@@ -25842,11 +26230,11 @@ function Chat({
                   onSave: savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PetBridge, { pet: effectivePet, state: petAutoState })
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PetBridge, { pet: effectivePet, state: petAutoState })
             ]
           }
         ),
-        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           TaskSummaryPanel,
           {
             ...taskSummaryProps,