@xpert-ai/chatkit-ui 0.5.15 → 0.5.16

package/dist/index.js

@@ -3,14 +3,14 @@ import * as React66 from "react";
 import {
   ArrowDown as ArrowDown2,
   ChevronDown as ChevronDown9,
-  FileText as FileText7,
+  FileText as FileText6,
   ImageIcon as ImageIcon2,
-  Loader2 as Loader214,
+  Loader2 as Loader213,
   MessageSquarePlus,
   Minus,
   Pause,
-  Pencil as Pencil5,
-  Play,
+  Pencil as Pencil6,
+  Play as Play2,
   Quote,
   Settings as Settings2,
   Target as Target3,
@@ -3178,6 +3178,7 @@ var en_US_default = {
       shell: {
         success: "Success",
         running: "Running",
+        paused: "Paused",
         failed: "Failed",
         exitCode: "Exit code {{code}}",
         ranCommand: "Ran {{command}}",
@@ -3214,6 +3215,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"
+    }
   }
 };
 
@@ -3795,6 +3818,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}}",
@@ -3831,6 +3855,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"
+    }
   }
 };
 
@@ -8115,32 +8161,42 @@ function ProjectMessage({ children }) {
 }
 
 // src/components/composer/SendButton.tsx
-import { ArrowUp, Square } from "lucide-react";
+import { ArrowUp, Play, Square } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 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 ? Square : Play;
     return /* @__PURE__ */ jsx24(
       "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__ */ jsx24(
-          Square,
+          Icon,
           {
             size: 14,
             fill: "currentColor",
@@ -12035,7 +12091,7 @@ import {
   ChevronDown as ChevronDown8,
   ChevronRight as ChevronRight9,
   Clock3 as Clock32,
-  Loader2 as Loader211
+  Loader2 as Loader210
 } from "lucide-react";
 
 // src/lib/agent-run-render-tree.ts
@@ -12273,6 +12329,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)
   );
@@ -12286,7 +12346,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);
@@ -12305,11 +12365,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);
@@ -14077,7 +14137,7 @@ import "react";
 import {
   resolveLocalizedText as resolveLocalizedText2
 } from "@xpert-ai/chatkit-types";
-import { FileText as FileText5, Loader2 as Loader27, XCircle as XCircle2 } from "lucide-react";
+import { ScrollText, XCircle as XCircle2 } from "lucide-react";
 import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 var CONTEXT_COMPRESSION_COMPONENT_TYPE = "context-compression";
 function isContextCompressionComponent(content) {
@@ -14109,14 +14169,11 @@ function ContextCompressionIcon({
 }) {
   const status = data.status ?? "running";
   const skipped = isSkipped(status, data.reason);
-  if (status === "running") {
-    return /* @__PURE__ */ jsx47(Loader27, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 animate-spin" });
-  }
   if (status === "fail") {
     return /* @__PURE__ */ jsx47(XCircle2, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" });
   }
   return /* @__PURE__ */ jsx47(
-    FileText5,
+    ScrollText,
     {
       "aria-hidden": "true",
       className: cn("h-4 w-4 shrink-0", skipped && "opacity-80")
@@ -14137,13 +14194,13 @@ function ContextCompressionMessage({
   const status = data.status ?? "running";
   const tooltipText = getTooltipText(data, i18n2.language);
   const label = /* @__PURE__ */ jsx47(ContextCompressionLabel, { data });
-  const center = /* @__PURE__ */ jsxs32(
+  const row = /* @__PURE__ */ jsxs32(
     "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__ */ jsx47(ContextCompressionIcon, { data }),
@@ -14151,7 +14208,7 @@ function ContextCompressionMessage({
           "span",
           {
             className: cn(
-              "truncate",
+              "min-w-0 truncate",
               status === "running" && "ck-tool-call-running-text"
             ),
             children: label
@@ -14160,21 +14217,17 @@ function ContextCompressionMessage({
       ]
     }
   );
-  return /* @__PURE__ */ jsxs32("div", { className: "flex w-full items-center justify-center gap-3 py-6", children: [
-    /* @__PURE__ */ jsx47("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-    tooltipText ? /* @__PURE__ */ jsxs32(Tooltip, { children: [
-      /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: center }),
-      /* @__PURE__ */ jsx47(
-        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__ */ jsx47("div", { className: "h-px min-w-8 flex-1 bg-border" })
-  ] });
+  return /* @__PURE__ */ jsx47("div", { className: "px-1 py-1", children: tooltipText ? /* @__PURE__ */ jsxs32(Tooltip, { children: [
+    /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: row }),
+    /* @__PURE__ */ jsx47(
+      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
@@ -14566,9 +14619,9 @@ import {
   ChevronRight as ChevronRight8,
   CircleHelp,
   Copy as Copy2,
-  FileText as FileText6,
+  FileText as FileText5,
   Files,
-  Loader2 as Loader29,
+  Loader2 as Loader28,
   ListTodo as ListTodo2,
   Network,
   Repeat2,
@@ -14781,12 +14834,16 @@ function ShellCopyButton({
 }
 function SandboxShellStatus({
   data,
-  exitCode
+  exitCode,
+  isPaused
 }) {
   const { t } = useChatkitTranslation();
   if (exitCode !== null) {
     return /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.exitCode", { code: exitCode }) });
   }
+  if (isPaused && data.status === "running") {
+    return /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.paused") });
+  }
   if (data.status === "running") {
     return /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.running") });
   }
@@ -14798,7 +14855,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);
@@ -14875,7 +14935,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__ */ jsx50(SandboxShellStatus, { data, exitCode })
+            children: /* @__PURE__ */ jsx50(SandboxShellStatus, { data, exitCode, isPaused })
           }
         )
       ]
@@ -14886,7 +14946,7 @@ function SandboxShellToolCallCard({ data }) {
 // src/components/thread/messages/tool-output-attachments.tsx
 import * as React44 from "react";
 import * as Dialog2 from "@radix-ui/react-dialog";
-import { ImageIcon, Loader2 as Loader28, RefreshCw as RefreshCw3, X as X7 } from "lucide-react";
+import { ImageIcon, Loader2 as Loader27, RefreshCw as RefreshCw3, X as X7 } from "lucide-react";
 import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function useToolOutputAttachmentPreview(request) {
   const parentMessenger = React44.useContext(ParentMessengerContext);
@@ -14973,7 +15033,7 @@ function ToolOutputImageAttachmentCard({
         className: "flex aspect-video min-w-0 items-center justify-center rounded-lg border border-border bg-background",
         "aria-label": t("message.toolGroup.attachments.loading", { title }),
         children: /* @__PURE__ */ jsx51(
-          Loader28,
+          Loader27,
           {
             className: "h-5 w-5 animate-spin text-muted-foreground",
             "aria-hidden": "true"
@@ -15109,7 +15169,7 @@ var toolStatusConfig = {
   },
   running: {
     iconClass: "border-blue-500 text-blue-700",
-    icon: Loader29
+    icon: Loader28
   }
 };
 var TOOL_GROUP_CATEGORY_ORDER = [
@@ -15178,8 +15238,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;
@@ -15220,9 +15283,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());
@@ -15232,7 +15296,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);
@@ -15511,7 +15575,7 @@ function getStepTypeIcon(type) {
   if (!normalized) return null;
   switch (normalized) {
     case "file":
-      return FileText6;
+      return FileText5;
     case "files":
       return Files;
     case "program":
@@ -15719,11 +15783,20 @@ function DefaultToolCallOutput({
     output !== null ? /* @__PURE__ */ jsx52(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__ */ jsx52("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ jsx52(SandboxShellToolCallCard, { data }) });
+    return /* @__PURE__ */ jsx52("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ jsx52(
+      SandboxShellToolCallCard,
+      {
+        data,
+        isPaused: isPausedToolStep(data, isThreadPaused)
+      }
+    ) });
   }
   const renderer = getComponentMessageRenderer(content, data);
   const hasCustomDetails = data.error === void 0 && hasComponentMessageRendererDetails(renderer, content, data);
@@ -15752,17 +15825,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();
@@ -15771,11 +15850,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(() => {
@@ -15818,7 +15898,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
@@ -15838,7 +15918,7 @@ function ToolCallRowContent({
         ]
       }
     ),
-    hasDetails && isExpanded ? /* @__PURE__ */ jsx52("div", { id: detailsId, children: /* @__PURE__ */ jsx52(ToolCallDetails, { content }) }) : null
+    hasDetails && isExpanded ? /* @__PURE__ */ jsx52("div", { id: detailsId, children: /* @__PURE__ */ jsx52(ToolCallDetails, { content, isThreadPaused }) }) : null
   ] });
 }
 var ToolCallRow = React45.memo(ToolCallRowContent, areToolCallRowPropsEqual);
@@ -15847,6 +15927,7 @@ function ToolComponentGroup({
   items,
   hasFollowingItem,
   isThreadRunning,
+  isThreadPaused,
   organizationId,
   apiUrl
 }) {
@@ -15902,6 +15983,7 @@ function ToolComponentGroup({
       {
         content: item,
         isThreadRunning,
+        isThreadPaused,
         organizationId,
         apiUrl
       },
@@ -16412,7 +16494,7 @@ import {
 } from "@xpert-ai/chatkit-types";
 import {
   AlertCircle as AlertCircle2,
-  Loader2 as Loader210,
+  Loader2 as Loader29,
   Maximize2,
   Minimize2,
   PictureInPicture2,
@@ -18132,7 +18214,7 @@ function McpAppMessage({
                       disabled: approvalAction !== null,
                       onClick: () => void resolvePendingApproval("reject"),
                       children: [
-                        approvalAction === "reject" ? /* @__PURE__ */ jsx55(Loader210, { className: "animate-spin" }) : null,
+                        approvalAction === "reject" ? /* @__PURE__ */ jsx55(Loader29, { className: "animate-spin" }) : null,
                         i18n2.t("message.mcpApp.reject")
                       ]
                     }
@@ -18145,7 +18227,7 @@ function McpAppMessage({
                       disabled: approvalAction !== null,
                       onClick: () => void resolvePendingApproval("approve"),
                       children: [
-                        approvalAction === "approve" ? /* @__PURE__ */ jsx55(Loader210, { className: "animate-spin" }) : null,
+                        approvalAction === "approve" ? /* @__PURE__ */ jsx55(Loader29, { className: "animate-spin" }) : null,
                         i18n2.t("message.mcpApp.approve")
                       ]
                     }
@@ -18162,7 +18244,7 @@ function McpAppMessage({
                 elevatedDisplayMode && "min-h-0 flex-1"
               ),
               children: [
-                /* @__PURE__ */ jsx55(Loader210, { className: "h-4 w-4 animate-spin" }),
+                /* @__PURE__ */ jsx55(Loader29, { className: "h-4 w-4 animate-spin" }),
                 /* @__PURE__ */ jsx55("span", { children: i18n2.t("message.mcpApp.loading") })
               ]
             }
@@ -18549,6 +18631,7 @@ function renderContentItem(content, index, message, lookupMessages, options) {
           items: [content],
           hasFollowingItem: false,
           isThreadRunning: options?.isThreadRunning,
+          isThreadPaused: options?.isThreadPaused,
           organizationId: options?.organizationId,
           apiUrl: options?.apiUrl
         }
@@ -18599,6 +18682,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,
@@ -18611,6 +18695,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
       items: unit.items,
       hasFollowingItem,
       isThreadRunning: options?.isThreadRunning,
+      isThreadPaused: options?.isThreadPaused,
       organizationId: options?.organizationId,
       apiUrl: options?.apiUrl
     }
@@ -18732,7 +18817,7 @@ function AssistantStreamingIndicator({
         className
       ),
       children: [
-        status === "loading" && /* @__PURE__ */ jsx56(Loader211, { className: "h-3.5 w-3.5 animate-spin" }),
+        status === "loading" && /* @__PURE__ */ jsx56(Loader210, { className: "h-3.5 w-3.5 animate-spin" }),
         status === "thinking" && /* @__PURE__ */ jsxs40("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx56("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
           /* @__PURE__ */ jsx56("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
@@ -18755,6 +18840,7 @@ function AssistantMessage({
   isStreaming = false,
   streamingStatus,
   isThreadRunning,
+  isThreadPaused,
   organizationId,
   apiUrl,
   pet,
@@ -18774,6 +18860,7 @@ function AssistantMessage({
   const answerNode = renderContent(message, lookupMessages, {
     isReasoning,
     isThreadRunning,
+    isThreadPaused,
     organizationId,
     apiUrl,
     mcpApps
@@ -18966,13 +19053,14 @@ function MessageNavigator({
 
 // src/components/thread/MessageActions.tsx
 import * as React50 from "react";
-import { Check as Check7, Copy as Copy3, RefreshCw as RefreshCw4 } from "lucide-react";
+import { Check as Check7, Copy as Copy3, Pencil as Pencil3, RefreshCw as RefreshCw4 } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 function MessageActions({
   content,
   isAssistant = false,
   isStreaming = false,
   onRetry,
+  onEdit,
   className
 }) {
   const { t } = useChatkitTranslation();
@@ -19010,6 +19098,17 @@ function MessageActions({
             children: copied ? /* @__PURE__ */ jsx58(Check7, { size: 14 }) : /* @__PURE__ */ jsx58(Copy3, { size: 14 })
           }
         ),
+        !isAssistant && onEdit && /* @__PURE__ */ jsx58(
+          "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__ */ jsx58(Pencil3, { size: 14 })
+          }
+        ),
         isAssistant && onRetry && /* @__PURE__ */ jsx58(
           "button",
           {
@@ -19025,6 +19124,107 @@ function MessageActions({
   );
 }
 
+// src/components/thread/MessageEditor.tsx
+import { useState as useState33 } from "react";
+import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
+function MessageEditor({
+  initialText,
+  onSave,
+  onCancel
+}) {
+  const { t } = useChatkitTranslation();
+  const [text, setText] = useState33(initialText);
+  const [busy, setBusy] = useState33(false);
+  const [error, setError] = useState33(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__ */ jsxs43("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
+    /* @__PURE__ */ jsx59(
+      "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__ */ jsx59("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ jsxs43("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx59(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          disabled: busy,
+          onClick: onCancel,
+          children: t("threadControl.discardEdit")
+        }
+      ),
+      /* @__PURE__ */ jsx59(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          disabled: busy || !text.trim(),
+          onClick: () => void save(),
+          children: t("threadControl.saveBranch")
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/hooks/useThreadBranches.ts
+import { useCallback as useCallback16, useEffect as useEffect27, useRef as useRef19, useState as useState34 } from "react";
+function useThreadBranches(client, conversationId, threadId, enabled, isLoading) {
+  const scope = useRef19(threadId);
+  scope.current = threadId;
+  const [snapshot, setSnapshot] = useState34(null);
+  const [error, setError] = useState34(null);
+  const generation = useRef19(0);
+  const refresh = useCallback16(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);
+  useEffect27(() => {
+    setError(null);
+    void refresh();
+    return () => {
+      generation.current += 1;
+    };
+  }, [refresh, isLoading]);
+  return { branches, current, error, refresh };
+}
+
 // src/components/thread/StartScreen.tsx
 import "react";
 import {
@@ -19033,23 +19233,23 @@ import {
   Globe as Globe2,
   HelpCircle,
   Lightbulb as Lightbulb2,
-  Pencil as Pencil3,
+  Pencil as Pencil4,
   Search as Search6,
   Sparkles as Sparkles3,
   Zap
 } from "lucide-react";
-import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ jsx59(HelpCircle, { size: 20 }),
-    lightbulb: /* @__PURE__ */ jsx59(Lightbulb2, { size: 20 }),
-    sparkle: /* @__PURE__ */ jsx59(Sparkles3, { size: 20 }),
-    write: /* @__PURE__ */ jsx59(Pencil3, { size: 20 }),
-    search: /* @__PURE__ */ jsx59(Search6, { size: 20 }),
-    globe: /* @__PURE__ */ jsx59(Globe2, { size: 20 }),
-    "book-open": /* @__PURE__ */ jsx59(BookOpen2, { size: 20 }),
-    compass: /* @__PURE__ */ jsx59(Compass, { size: 20 }),
-    bolt: /* @__PURE__ */ jsx59(Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ jsx60(HelpCircle, { size: 20 }),
+    lightbulb: /* @__PURE__ */ jsx60(Lightbulb2, { size: 20 }),
+    sparkle: /* @__PURE__ */ jsx60(Sparkles3, { size: 20 }),
+    write: /* @__PURE__ */ jsx60(Pencil4, { size: 20 }),
+    search: /* @__PURE__ */ jsx60(Search6, { size: 20 }),
+    globe: /* @__PURE__ */ jsx60(Globe2, { size: 20 }),
+    "book-open": /* @__PURE__ */ jsx60(BookOpen2, { size: 20 }),
+    compass: /* @__PURE__ */ jsx60(Compass, { size: 20 }),
+    bolt: /* @__PURE__ */ jsx60(Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -19066,7 +19266,7 @@ function StartScreen({
   const prompts = startScreen?.prompts ?? [];
   const hasPrompts = startScreen?.promptsLayout !== "list" && prompts.length > 0;
   const editPromptLabel = t("startScreen.editPrompt");
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "div",
     {
       className: cn(
@@ -19074,8 +19274,8 @@ function StartScreen({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx59("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ jsx59("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
-        hasPrompts && /* @__PURE__ */ jsx59("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx59("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsx60("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ jsx60("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
+        hasPrompts && /* @__PURE__ */ jsx60("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx60("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs44(
           "div",
           {
             className: cn(
@@ -19084,7 +19284,7 @@ function StartScreen({
               "focus-within:ring-2 focus-within:ring-primary/20"
             ),
             children: [
-              /* @__PURE__ */ jsxs43(
+              /* @__PURE__ */ jsxs44(
                 "button",
                 {
                   type: "button",
@@ -19095,8 +19295,8 @@ function StartScreen({
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx59("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__ */ jsx59(
+                    /* @__PURE__ */ jsx60("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__ */ jsx60(
                       "div",
                       {
                         className: "text-sm font-medium text-foreground line-clamp-3 overflow-hidden",
@@ -19107,7 +19307,7 @@ function StartScreen({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx60(
                 "button",
                 {
                   type: "button",
@@ -19120,7 +19320,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__ */ jsx59(Pencil3, { size: 16 })
+                  children: /* @__PURE__ */ jsx60(Pencil4, { size: 16 })
                 }
               )
             ]
@@ -19133,8 +19333,8 @@ function StartScreen({
 }
 
 // src/components/composer/StarterPromptSuggestions.tsx
-import { MessagesSquare, Pencil as Pencil4 } from "lucide-react";
-import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
+import { MessagesSquare, Pencil as Pencil5 } from "lucide-react";
+import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
 function StarterPromptSuggestions({
   prompts,
   onPromptClick,
@@ -19144,13 +19344,13 @@ function StarterPromptSuggestions({
 }) {
   const { t } = useChatkitTranslation();
   if (!prompts.length) return null;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       "data-slot": "starter-prompt-suggestions",
       className: "mt-2 min-w-0 space-y-0.5 px-2",
-      children: prompts.map((item, index) => /* @__PURE__ */ jsxs44("div", { className: "group flex min-w-0 items-center gap-1", children: [
-        /* @__PURE__ */ jsxs44(
+      children: prompts.map((item, index) => /* @__PURE__ */ jsxs45("div", { className: "group flex min-w-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsxs45(
           Button,
           {
             type: "button",
@@ -19161,12 +19361,12 @@ function StarterPromptSuggestions({
             title: item.label,
             onClick: () => onPromptClick(item.prompt),
             children: [
-              /* @__PURE__ */ jsx60(MessagesSquare, { className: "size-4 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx60("span", { className: "truncate", children: item.label })
+              /* @__PURE__ */ jsx61(MessagesSquare, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx61("span", { className: "truncate", children: item.label })
             ]
           }
         ),
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           Button,
           {
             type: "button",
@@ -19177,7 +19377,7 @@ function StarterPromptSuggestions({
             "aria-label": t("startScreen.editPrompt"),
             title: t("startScreen.editPrompt"),
             onClick: () => onPromptEdit(item.prompt),
-            children: /* @__PURE__ */ jsx60(Pencil4, { className: "size-3.5", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx61(Pencil5, { className: "size-3.5", "aria-hidden": "true" })
           }
         )
       ] }, `prompt-${index}`))
@@ -19396,7 +19596,7 @@ import * as React53 from "react";
 import { CircleHelp as CircleHelp2 } from "lucide-react";
 
 // src/components/ui/progress-circle.tsx
-import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
 function clamp2(input, a, b) {
   return Math.max(Math.min(input, Math.max(a, b)), Math.min(a, b));
 }
@@ -19419,7 +19619,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
   return (
     // 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)
-    /* @__PURE__ */ jsxs45(
+    /* @__PURE__ */ jsxs46(
       "svg",
       {
         role: "progressbar",
@@ -19430,8 +19630,8 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
         "aria-valuemax": 100,
         ...restSvgProps,
         children: [
-          /* @__PURE__ */ jsx61("circle", { ...commonParams, className: "stroke-current/25" }),
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx62("circle", { ...commonParams, className: "stroke-current/25" }),
+          /* @__PURE__ */ jsx62(
             "circle",
             {
               ...commonParams,
@@ -19450,7 +19650,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
 };
 
 // src/components/thread/context-usage-indicator.tsx
-import { Fragment as Fragment11, jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx63, jsxs as jsxs47 } from "react/jsx-runtime";
 var kNumberFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
@@ -19620,8 +19820,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__ */ jsxs46(Tooltip, { children: [
-    /* @__PURE__ */ jsx62(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs47(Tooltip, { children: [
+    /* @__PURE__ */ jsx63(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx63(
       "button",
       {
         type: "button",
@@ -19630,13 +19830,13 @@ function ContextUsageIndicator({
           className
         ),
         "aria-label": `${usageLabelWithSuffix} ${hasMeasurement ? `${usageFullLabel}. ${usageTokensLabel}` : ""}${statusLabel ? ` ${statusLabel}` : ""}`,
-        children: hasMeasurement ? /* @__PURE__ */ jsx62(
+        children: hasMeasurement ? /* @__PURE__ */ jsx63(
           ProgressCircle,
           {
             value: percent,
             className: cn("size-5", progressClassName)
           }
-        ) : /* @__PURE__ */ jsx62(
+        ) : /* @__PURE__ */ jsx63(
           CircleHelp2,
           {
             className: "size-5 text-muted-foreground",
@@ -19645,19 +19845,19 @@ function ContextUsageIndicator({
         )
       }
     ) }),
-    /* @__PURE__ */ jsxs46(
+    /* @__PURE__ */ jsxs47(
       TooltipContent,
       {
         side: "top",
         sideOffset: 6,
         className: "space-y-0.5 px-3 py-2 text-center",
         children: [
-          /* @__PURE__ */ jsx62("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
-          hasMeasurement && /* @__PURE__ */ jsxs46(Fragment11, { children: [
-            /* @__PURE__ */ jsx62("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
-            /* @__PURE__ */ jsx62("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+          /* @__PURE__ */ jsx63("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
+          hasMeasurement && /* @__PURE__ */ jsxs47(Fragment11, { children: [
+            /* @__PURE__ */ jsx63("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
+            /* @__PURE__ */ jsx63("div", { className: "text-sm font-semibold", children: usageTokensLabel })
           ] }),
-          !hasMeasurement && statusLabel && /* @__PURE__ */ jsx62("div", { className: "text-sm", children: statusLabel })
+          !hasMeasurement && statusLabel && /* @__PURE__ */ jsx63("div", { className: "text-sm", children: statusLabel })
         ]
       }
     )
@@ -19694,7 +19894,7 @@ function normalizeModelOptions(models) {
 
 // src/components/composer/ComposerCapabilityChip.tsx
 import { X as X8 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
 function ComposerCapabilityChip({
   option,
   onRemove,
@@ -19702,7 +19902,7 @@ function ComposerCapabilityChip({
 }) {
   const { t } = useChatkitTranslation();
   const color = getRuntimeCapabilityColor(option);
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     "span",
     {
       "data-slot": "composer-capability-chip",
@@ -19717,9 +19917,9 @@ function ComposerCapabilityChip({
 ${option.description}` : option.label,
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx63(RuntimeCapabilityIcon, { option, variant: "chip" }),
-        /* @__PURE__ */ jsx63("span", { className: "min-w-0 truncate", children: option.label }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(RuntimeCapabilityIcon, { option, variant: "chip" }),
+        /* @__PURE__ */ jsx64("span", { className: "min-w-0 truncate", children: option.label }),
+        /* @__PURE__ */ jsx64(
           "button",
           {
             type: "button",
@@ -19731,7 +19931,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__ */ jsx63(X8, { className: "size-3" })
+            children: /* @__PURE__ */ jsx64(X8, { className: "size-3" })
           }
         )
       ]
@@ -20158,17 +20358,17 @@ import { PawPrint, Settings } from "lucide-react";
 import "react";
 import { Select as SelectPrimitive } from "radix-ui";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon4, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs49 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx65(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -20180,7 +20380,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx65(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -20188,7 +20388,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -20200,7 +20400,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx64(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx64(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" }) })
+        /* @__PURE__ */ jsx65(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx65(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" }) })
       ]
     }
   );
@@ -20212,7 +20412,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsx65(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs49(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -20222,8 +20422,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx64(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx65(
           SelectPrimitive.Viewport,
           {
             "data-position": position,
@@ -20234,7 +20434,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx64(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx65(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -20244,7 +20444,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -20254,8 +20454,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx64("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx64(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx64(CheckIcon4, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ jsx64(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx65("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx65(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx65(CheckIcon4, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx65(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -20264,7 +20464,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -20273,7 +20473,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx64(
+      children: /* @__PURE__ */ jsx65(
         ChevronUpIcon,
         {}
       )
@@ -20284,7 +20484,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -20293,7 +20493,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx64(
+      children: /* @__PURE__ */ jsx65(
         ChevronDownIcon2,
         {}
       )
@@ -20304,7 +20504,7 @@ function SelectScrollDownButton({
 // src/components/ui/slider.tsx
 import * as React57 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx65, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -20317,7 +20517,7 @@ function Slider({
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -20331,12 +20531,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(
           SliderPrimitive.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__ */ jsx65(
+            children: /* @__PURE__ */ jsx66(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -20345,7 +20545,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx65(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx66(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -20367,7 +20567,7 @@ import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import "react";
 import { cva as cva2 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var toggleVariants = cva2(
   "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",
   {
@@ -20390,7 +20590,7 @@ var toggleVariants = cva2(
 );
 
 // src/components/ui/toggle-group.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var ToggleGroupContext = React59.createContext({
   size: "default",
   variant: "default",
@@ -20406,7 +20606,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -20420,7 +20620,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx67(
+      children: /* @__PURE__ */ jsx68(
         ToggleGroupContext.Provider,
         {
           value: { variant, size: size2, spacing, orientation },
@@ -20438,7 +20638,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React59.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -20678,7 +20878,7 @@ import {
 } from "@xpert-ai/chatkit-types";
 
 // src/components/pet/PetPreview.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function escapeCssUrl2(value) {
   return value.replace(/["\\]/g, "\\$&");
 }
@@ -20686,7 +20886,7 @@ function PetPreview({ src, label, className }) {
   const scale = 0.13;
   const width = petSpriteAtlas.cellWidth;
   const height = petSpriteAtlas.cellHeight;
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "span",
     {
       className: cn(
@@ -20695,7 +20895,7 @@ function PetPreview({ src, label, className }) {
       ),
       "aria-hidden": "true",
       title: label,
-      children: /* @__PURE__ */ jsx68(
+      children: /* @__PURE__ */ jsx69(
         "span",
         {
           className: "absolute left-1/2 top-1/2 block",
@@ -20717,7 +20917,7 @@ function PetPreview({ src, label, className }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
 var CHARACTER_TYPES2 = [
   "builtin",
   "atlas"
@@ -20757,23 +20957,23 @@ function SettingsSheet({
       defaultValue: selectedBuiltinPet.label
     }
   );
-  return /* @__PURE__ */ jsx69(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs50(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
-    /* @__PURE__ */ jsx69(SheetHeader, { children: /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx69("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx69(Settings, { size: 16 }) }),
-      /* @__PURE__ */ jsx69(SheetTitle, { children: t("settings.title") })
+  return /* @__PURE__ */ jsx70(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs51(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx70(SheetHeader, { children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx70("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx70(Settings, { size: 16 }) }),
+      /* @__PURE__ */ jsx70(SheetTitle, { children: t("settings.title") })
     ] }) }),
-    /* @__PURE__ */ jsxs50("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs50("section", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx69("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx69(PawPrint, { size: 15 }) }),
-          /* @__PURE__ */ jsx69("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
+    /* @__PURE__ */ jsxs51("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs51("section", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx70("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx70(PawPrint, { size: 15 }) }),
+          /* @__PURE__ */ jsx70("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
         ] }),
-        /* @__PURE__ */ jsxs50("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
-          /* @__PURE__ */ jsxs50("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx69("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
-            petRequired && /* @__PURE__ */ jsx69("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
+        /* @__PURE__ */ jsxs51("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
+          /* @__PURE__ */ jsxs51("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx70("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
+            petRequired && /* @__PURE__ */ jsx70("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
           ] }),
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70(
             "button",
             {
               type: "button",
@@ -20786,7 +20986,7 @@ function SettingsSheet({
                 draft.enabled ? "bg-primary" : "bg-muted-foreground/20",
                 petRequired ? "cursor-not-allowed opacity-70" : ""
               ].join(" "),
-              children: /* @__PURE__ */ jsx69(
+              children: /* @__PURE__ */ jsx70(
                 "span",
                 {
                   className: [
@@ -20799,9 +20999,9 @@ function SettingsSheet({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx69("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs51("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx70("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
+        /* @__PURE__ */ jsx70(
           ToggleGroup,
           {
             id: "chatkit-pet-type",
@@ -20816,7 +21016,7 @@ function SettingsSheet({
             variant: "outline",
             spacing: 2,
             className: "!w-full",
-            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ jsx69(
+            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ jsx70(
               ToggleGroupItem,
               {
                 value: type,
@@ -20828,8 +21028,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "builtin" && /* @__PURE__ */ jsxs50("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx69(
+      draft.characterType === "builtin" && /* @__PURE__ */ jsxs51("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx70(
           "label",
           {
             htmlFor: "chatkit-pet-builtin",
@@ -20837,7 +21037,7 @@ function SettingsSheet({
             children: t("pet.settings.builtin")
           }
         ),
-        /* @__PURE__ */ jsxs50(
+        /* @__PURE__ */ jsxs51(
           Select,
           {
             value: selectedBuiltinPet.id,
@@ -20848,26 +21048,26 @@ function SettingsSheet({
               }
             },
             children: [
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx70(
                 SelectTrigger,
                 {
                   id: "chatkit-pet-builtin",
                   className: "min-h-12 w-full px-3 py-2",
-                  children: /* @__PURE__ */ jsx69(SelectValue, { placeholder: selectedBuiltinPetLabel })
+                  children: /* @__PURE__ */ jsx70(SelectValue, { placeholder: selectedBuiltinPetLabel })
                 }
               ),
-              /* @__PURE__ */ jsx69(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ jsx69(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
+              /* @__PURE__ */ jsx70(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ jsx70(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
                 const label = t(`pet.settings.builtins.${pet.id}`, {
                   defaultValue: pet.label
                 });
-                return /* @__PURE__ */ jsx69(
+                return /* @__PURE__ */ jsx70(
                   SelectItem,
                   {
                     value: pet.id,
                     className: "min-h-10 py-1.5 pl-2 pr-8",
-                    children: /* @__PURE__ */ jsxs50("span", { className: "flex min-w-0 items-center gap-2", children: [
-                      /* @__PURE__ */ jsx69(PetPreview, { src: pet.previewSrc, label }),
-                      /* @__PURE__ */ jsx69("span", { className: "min-w-0 truncate", children: label })
+                    children: /* @__PURE__ */ jsxs51("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ jsx70(PetPreview, { src: pet.previewSrc, label }),
+                      /* @__PURE__ */ jsx70("span", { className: "min-w-0 truncate", children: label })
                     ] })
                   },
                   pet.id
@@ -20877,8 +21077,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "atlas" && /* @__PURE__ */ jsxs50("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx69(
+      draft.characterType === "atlas" && /* @__PURE__ */ jsxs51("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx70(
           "label",
           {
             className: "text-sm font-medium",
@@ -20886,7 +21086,7 @@ function SettingsSheet({
             children: t("pet.settings.atlasUrl")
           }
         ),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx70(
           Input,
           {
             id: "chatkit-pet-atlas",
@@ -20896,15 +21096,15 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsx69("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
-          /* @__PURE__ */ jsxs50("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs51("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx70("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
+          /* @__PURE__ */ jsxs51("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
             draft.scale.toFixed(2),
             "x"
           ] })
         ] }),
-        /* @__PURE__ */ jsx69(
+        /* @__PURE__ */ jsx70(
           Slider,
           {
             id: "chatkit-pet-scale",
@@ -20918,8 +21118,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs50("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs51("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx70(
           "input",
           {
             type: "checkbox",
@@ -20930,8 +21130,8 @@ function SettingsSheet({
         ),
         t("pet.settings.draggable")
       ] }),
-      /* @__PURE__ */ jsxs50("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs51("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx70(
           "input",
           {
             type: "checkbox",
@@ -20942,8 +21142,8 @@ function SettingsSheet({
         ),
         t("pet.settings.persistPosition")
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "flex justify-end gap-2 pt-2", children: [
-        /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsxs51("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx70(
           Button,
           {
             type: "button",
@@ -20952,7 +21152,7 @@ function SettingsSheet({
             children: t("pet.settings.cancel")
           }
         ),
-        /* @__PURE__ */ jsx69(Button, { type: "submit", children: t("pet.settings.save") })
+        /* @__PURE__ */ jsx70(Button, { type: "submit", children: t("pet.settings.save") })
       ] })
     ] })
   ] }) });
@@ -21127,8 +21327,8 @@ function createXpertThreadGoalAdapter(client, scope) {
 
 // src/workbench/context.tsx
 import * as React62 from "react";
-import { Loader2 as Loader212, PanelRight } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Loader2 as Loader211, PanelRight } from "lucide-react";
+import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
 var WorkbenchContext = React62.createContext({
   enabled: false,
   open: false,
@@ -21147,8 +21347,8 @@ function WorkbenchToggleButton() {
   if (!workbench.enabled || workbench.open) return null;
   const label = t("workbench.open");
   const tooltip = workbench.disabledReason ?? label;
-  return /* @__PURE__ */ jsxs51(Tooltip, { children: [
-    /* @__PURE__ */ jsx70(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx70("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs52(Tooltip, { children: [
+    /* @__PURE__ */ jsx71(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx71("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx71(
       "button",
       {
         type: "button",
@@ -21161,16 +21361,16 @@ function WorkbenchToggleButton() {
         ),
         "aria-label": label,
         "aria-expanded": false,
-        children: workbench.loading ? /* @__PURE__ */ jsx70(Loader212, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx70(PanelRight, { size: 16 })
+        children: workbench.loading ? /* @__PURE__ */ jsx71(Loader211, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx71(PanelRight, { size: 16 })
       }
     ) }) }),
-    /* @__PURE__ */ jsx70(TooltipContent, { side: "bottom", children: tooltip })
+    /* @__PURE__ */ jsx71(TooltipContent, { side: "bottom", children: tooltip })
   ] });
 }
 
 // src/components/chat/runtime-capabilities.tsx
 import * as React63 from "react";
-import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
 function createComposerCapabilityInsertionParts(options) {
   return options.filter((option) => option.type !== "subAgent").flatMap((option) => [
     createComposerCapabilityPart(option, createMessageId()),
@@ -21729,16 +21929,16 @@ function HumanRuntimeCapabilityChips({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx71("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
+  return /* @__PURE__ */ jsx72("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__ */ jsxs52(
+    return /* @__PURE__ */ jsxs53(
       "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__ */ jsx71(RuntimeCapabilityIcon, { option, variant: "chip" }),
-          /* @__PURE__ */ jsx71("span", { className: "max-w-[9rem] truncate", children: option.label })
+          /* @__PURE__ */ jsx72(RuntimeCapabilityIcon, { option, variant: "chip" }),
+          /* @__PURE__ */ jsx72("span", { className: "max-w-[9rem] truncate", children: option.label })
         ]
       },
       `${option.type}:${option.id}`
@@ -21751,7 +21951,7 @@ function ComposerCapabilityToken({
   disabled
 }) {
   const color = getRuntimeCapabilityColor(part.capability);
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     "span",
     {
       "data-composer-capability-key": part.key,
@@ -21759,7 +21959,7 @@ function ComposerCapabilityToken({
       "data-capability-id": part.capability.id,
       contentEditable: false,
       style: color ? { color } : void 0,
-      children: /* @__PURE__ */ jsx71(
+      children: /* @__PURE__ */ jsx72(
         ComposerCapabilityChip,
         {
           option: part.capability,
@@ -22151,12 +22351,12 @@ import {
   ExternalLink,
   FileOutput,
   ListChecks as ListChecks3,
-  Loader2 as Loader213,
+  Loader2 as Loader212,
   PlayCircle,
   RotateCcw,
   Target as Target2
 } from "lucide-react";
-import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
 var PREVIEW_SIZE = 3;
 function TaskSummaryTrigger({
   displayMode = "popover",
@@ -22176,7 +22376,7 @@ function TaskSummaryTrigger({
     },
     [controlledOpen, onOpenChange]
   );
-  const triggerButton = /* @__PURE__ */ jsx72(
+  const triggerButton = /* @__PURE__ */ jsx73(
     "button",
     {
       type: "button",
@@ -22184,28 +22384,28 @@ function TaskSummaryTrigger({
       "aria-label": t("taskSummary.open"),
       "aria-expanded": open,
       onClick: displayMode === "docked" ? () => setOpen(!open) : void 0,
-      children: /* @__PURE__ */ jsx72(ListChecks3, { size: 16 })
+      children: /* @__PURE__ */ jsx73(ListChecks3, { size: 16 })
     }
   );
   if (displayMode === "docked") {
-    return /* @__PURE__ */ jsxs53(Tooltip, { children: [
-      /* @__PURE__ */ jsx72(TooltipTrigger, { asChild: true, children: triggerButton }),
-      /* @__PURE__ */ jsx72(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+    return /* @__PURE__ */ jsxs54(Tooltip, { children: [
+      /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: triggerButton }),
+      /* @__PURE__ */ jsx73(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] });
   }
-  return /* @__PURE__ */ jsxs53(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs53(Tooltip, { children: [
-      /* @__PURE__ */ jsx72(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx72(PopoverTrigger, { asChild: true, children: triggerButton }) }),
-      /* @__PURE__ */ jsx72(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+  return /* @__PURE__ */ jsxs54(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs54(Tooltip, { children: [
+      /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73(PopoverTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ jsx73(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] }),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       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__ */ jsx72(TaskSummaryContent, { ...props })
+        children: /* @__PURE__ */ jsx73(TaskSummaryContent, { ...props })
       }
     )
   ] });
@@ -22215,7 +22415,7 @@ function TaskSummaryPanel({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "aside",
     {
       "data-slot": "task-summary-panel",
@@ -22224,7 +22424,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__ */ jsx72(TaskSummaryContent, { ...props })
+      children: /* @__PURE__ */ jsx73(TaskSummaryContent, { ...props })
     }
   );
 }
@@ -22279,7 +22479,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__ */ jsxs53(
+    return /* @__PURE__ */ jsxs54(
       "button",
       {
         type: "button",
@@ -22287,8 +22487,8 @@ function TaskSummaryContent({
         disabled: loading,
         onClick: () => canLoadMore ? void onLoadSection(section) : toggleSection(section),
         children: [
-          loading && /* @__PURE__ */ jsx72(Loader213, { className: "size-3 animate-spin" }),
-          !loading && /* @__PURE__ */ jsx72(ListChecks3, { className: "size-3.5" }),
+          loading && /* @__PURE__ */ jsx73(Loader212, { className: "size-3 animate-spin" }),
+          !loading && /* @__PURE__ */ jsx73(ListChecks3, { className: "size-3.5" }),
           canLoadMore ? t("taskSummary.loadMore") : expanded[section] ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
@@ -22297,7 +22497,7 @@ function TaskSummaryContent({
   const localSectionAction = (section, total2) => {
     if (total2 <= PREVIEW_SIZE) return null;
     const isExpanded = Boolean(expandedLocal[section]);
-    return /* @__PURE__ */ jsxs53(
+    return /* @__PURE__ */ jsxs54(
       "button",
       {
         type: "button",
@@ -22307,83 +22507,83 @@ function TaskSummaryContent({
           [section]: !isExpanded
         })),
         children: [
-          /* @__PURE__ */ jsx72(ListChecks3, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx73(ListChecks3, { className: "size-3.5" }),
           isExpanded ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsxs53("div", { className: "divide-y divide-border/70", children: [
-    Boolean(historyError) && /* @__PURE__ */ jsxs53("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__ */ jsx72("span", { children: t("taskSummary.historyError") }),
-      /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54("div", { className: "divide-y divide-border/70", children: [
+    Boolean(historyError) && /* @__PURE__ */ jsxs54("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__ */ jsx73("span", { children: t("taskSummary.historyError") }),
+      /* @__PURE__ */ jsxs54(
         "button",
         {
           type: "button",
           className: "inline-flex shrink-0 items-center gap-1 font-medium hover:underline",
           onClick: onRetryHistory,
           children: [
-            /* @__PURE__ */ jsx72(RotateCcw, { className: "size-3" }),
+            /* @__PURE__ */ jsx73(RotateCcw, { className: "size-3" }),
             t("taskSummary.retry")
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.outputs"), children: [
-      summary.outputs.length === 0 ? /* @__PURE__ */ jsx72(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.outputs"), children: [
+      summary.outputs.length === 0 ? /* @__PURE__ */ jsx73(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: item.title,
           metadata: localizedStatus(item.status),
           description: item.description,
-          leading: /* @__PURE__ */ jsx72(FileOutput, { className: "size-4" }),
-          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx72(ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ jsx73(FileOutput, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx73(ExternalLink, { className: "size-3.5" }) : void 0,
           onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
         },
         item.id
       )),
       sectionAction("outputs", summary.totals.outputs)
     ] }),
-    /* @__PURE__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.sources"), children: [
-      sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.sources"), children: [
+      sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ jsx72(BookOpen3, { className: "size-4" }),
-          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx72(ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ jsx73(BookOpen3, { className: "size-4" }),
+          trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx73(ExternalLink, { className: "size-3.5" }) : void 0,
           onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
         },
         item.id
       )),
       sectionAction("sources", summary.totals.sources)
     ] }),
-    hasTask && /* @__PURE__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.task"), children: [
-      summary.goal && /* @__PURE__ */ jsx72(
+    hasTask && /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.task"), children: [
+      summary.goal && /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: summary.goal.objective,
           metadata: localizedStatus(summary.goal.status),
-          leading: /* @__PURE__ */ jsx72(Target2, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx73(Target2, { className: "size-4" }),
           onClick: onFocusComposer
         }
       ),
-      summary.plan && /* @__PURE__ */ jsx72(
+      summary.plan && /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: summary.plan.title,
           description: summary.plan.excerpt,
-          leading: /* @__PURE__ */ jsx72(ListChecks3, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx73(ListChecks3, { className: "size-4" }),
           onClick: () => summary.plan?.messageId ? onNavigateMessage(summary.plan.messageId) : onFocusComposer()
         }
       ),
       localSectionItems("todos", summary.todos?.items ?? []).map(
-        (todo) => /* @__PURE__ */ jsx72(
+        (todo) => /* @__PURE__ */ jsx73(
           SummaryButton,
           {
             title: todo.content,
             metadata: localizedStatus(todo.status),
-            leading: todo.status === "completed" ? /* @__PURE__ */ jsx72(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx72(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
+            leading: todo.status === "completed" ? /* @__PURE__ */ jsx73(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx73(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
             onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
           },
           todo.id
@@ -22391,23 +22591,23 @@ function TaskSummaryContent({
       ),
       localSectionAction("todos", summary.todos?.items.length ?? 0)
     ] }),
-    summary.running.length > 0 && /* @__PURE__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.running"), children: [
-      localSectionItems("running", summary.running).map((item) => /* @__PURE__ */ jsx72(
+    summary.running.length > 0 && /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.running"), children: [
+      localSectionItems("running", summary.running).map((item) => /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: item.title,
           metadata: localizedStatus(item.status),
           description: item.description,
-          leading: /* @__PURE__ */ jsx72(PlayCircle, { className: "size-4" }),
-          trailing: item.resource ? /* @__PURE__ */ jsx72(ExternalLink, { className: "size-3.5" }) : void 0,
+          leading: /* @__PURE__ */ jsx73(PlayCircle, { className: "size-4" }),
+          trailing: item.resource ? /* @__PURE__ */ jsx73(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__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.agents"), children: [
-      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx72(
+    summary.agents.length > 0 && /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.agents"), children: [
+      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: item.title,
@@ -22416,20 +22616,20 @@ function TaskSummaryContent({
             formatElapsed(item.elapsedTime)
           ].filter(Boolean).join(" \xB7 "),
           description: item.error,
-          leading: /* @__PURE__ */ jsx72(Bot5, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx73(Bot5, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
       )),
       sectionAction("agents", summary.totals.agents)
     ] }),
-    summary.pending.length > 0 && /* @__PURE__ */ jsxs53(SummarySection, { title: t("taskSummary.sections.pending"), children: [
-      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx72(
+    summary.pending.length > 0 && /* @__PURE__ */ jsxs54(SummarySection, { title: t("taskSummary.sections.pending"), children: [
+      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx73(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ jsx72(CircleEllipsis, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx73(CircleEllipsis, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
@@ -22442,16 +22642,16 @@ function SummarySection({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsxs53("section", { "aria-label": title, className: "px-4 py-3", children: [
-    /* @__PURE__ */ jsx72("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx72("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
-    /* @__PURE__ */ jsx72("div", { className: "mt-1 space-y-0.5", children })
+  return /* @__PURE__ */ jsxs54("section", { "aria-label": title, className: "px-4 py-3", children: [
+    /* @__PURE__ */ jsx73("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx73("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ jsx73("div", { className: "mt-1 space-y-0.5", children })
   ] });
 }
 function SummaryPrompt({
   children,
   onClick
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "button",
     {
       type: "button",
@@ -22470,7 +22670,7 @@ function SummaryButton({
   onClick
 }) {
   const tooltipText = [title, metadata, description].filter(Boolean);
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54(
     "button",
     {
       type: "button",
@@ -22484,13 +22684,13 @@ function SummaryButton({
         !onClick && "cursor-default"
       ),
       children: [
-        leading && /* @__PURE__ */ jsx72("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
-        /* @__PURE__ */ jsxs53("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx72("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
-          metadata && /* @__PURE__ */ jsx72("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: metadata }),
-          description && /* @__PURE__ */ jsx72("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
+        leading && /* @__PURE__ */ jsx73("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
+        /* @__PURE__ */ jsxs54("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx73("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
+          metadata && /* @__PURE__ */ jsx73("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: metadata }),
+          description && /* @__PURE__ */ jsx73("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
         ] }),
-        trailing && /* @__PURE__ */ jsx72("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
+        trailing && /* @__PURE__ */ jsx73("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
       ]
     }
   );
@@ -22502,7 +22702,7 @@ function formatElapsed(value) {
 }
 
 // src/components/chat.tsx
-import { Fragment as Fragment13, jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx74, jsxs as jsxs55 } from "react/jsx-runtime";
 var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
 var GOAL_RUN_INPUT = "Continue working toward the active goal.";
@@ -22639,8 +22839,8 @@ function ReferenceChip({
 }) {
   const metaLine = getReferenceMetaLine(reference);
   const isComposer = variant === "composer";
-  const Icon = reference.type === "quote" ? Quote : reference.type === "image" ? ImageIcon2 : FileText7;
-  return /* @__PURE__ */ jsxs54(
+  const Icon = reference.type === "quote" ? Quote : reference.type === "image" ? ImageIcon2 : FileText6;
+  return /* @__PURE__ */ jsxs55(
     "div",
     {
       className: cn(
@@ -22649,7 +22849,7 @@ function ReferenceChip({
       ),
       title: getReferenceTitle(reference),
       children: [
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74(
           Icon,
           {
             size: isComposer ? 14 : 12,
@@ -22659,8 +22859,8 @@ function ReferenceChip({
             )
           }
         ),
-        /* @__PURE__ */ jsxs54("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsxs55("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx74(
             "div",
             {
               className: cn(
@@ -22670,7 +22870,7 @@ function ReferenceChip({
               children: getReferenceLabel(reference)
             }
           ),
-          metaLine && /* @__PURE__ */ jsx73(
+          metaLine && /* @__PURE__ */ jsx74(
             "div",
             {
               className: cn(
@@ -22681,7 +22881,7 @@ function ReferenceChip({
             }
           )
         ] }),
-        onRemove && removeLabel && /* @__PURE__ */ jsx73(
+        onRemove && removeLabel && /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -22692,7 +22892,7 @@ function ReferenceChip({
             ),
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ jsx73(X9, { size: 12 })
+            children: /* @__PURE__ */ jsx74(X9, { size: 12 })
           }
         )
       ]
@@ -22706,19 +22906,19 @@ function WorkspaceFileChip({
 }) {
   const label = file.originalName ?? file.workspacePath ?? file.id ?? file.fileAssetId ?? "File";
   const meta = file.workspacePath ?? file.mimeType;
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "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__ */ jsx73(FileText7, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs54("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx73("div", { className: "truncate text-sm", children: label }),
-          meta ? /* @__PURE__ */ jsx73("div", { className: "truncate text-xs text-muted-foreground", children: meta }) : null
+        /* @__PURE__ */ jsx74(FileText6, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs55("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx74("div", { className: "truncate text-sm", children: label }),
+          meta ? /* @__PURE__ */ jsx74("div", { className: "truncate text-xs text-muted-foreground", children: meta }) : null
         ] }),
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -22726,7 +22926,7 @@ function WorkspaceFileChip({
             className: "ml-1 rounded-full p-0.5 hover:bg-muted-foreground/20",
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ jsx73(X9, { size: 12 })
+            children: /* @__PURE__ */ jsx74(X9, { size: 12 })
           }
         )
       ]
@@ -22759,6 +22959,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();
@@ -23739,8 +23971,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) => {
@@ -23960,7 +24195,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,
@@ -24057,6 +24292,7 @@ function Chat({
       };
       const submission = stream.submit(
         {
+          id: newMessage.id,
           input: inputPayload,
           ...requestOptions.state ? { state: requestOptions.state } : {}
         },
@@ -24089,6 +24325,7 @@ function Chat({
       getRuntimeCapabilitiesForSubmit,
       promptWorkflow,
       isSubmissionBlocked,
+      isRunPaused,
       options?.request,
       persistSessionRuntimeCapabilities,
       references,
@@ -24842,6 +25079,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");
@@ -25007,13 +25374,13 @@ function Chat({
     onFocusComposer: () => focusComposerAt(),
     onOpenResource: openTaskSummaryResource
   };
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ jsxs54(
+        /* @__PURE__ */ jsxs55(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -25028,7 +25395,7 @@ function Chat({
               className
             ),
             children: [
-              surface === "main" && options?.header?.enabled !== false && /* @__PURE__ */ jsxs54(
+              surface === "main" && options?.header?.enabled !== false && /* @__PURE__ */ jsxs55(
                 "div",
                 {
                   ref: chatColumnRef,
@@ -25036,9 +25403,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__ */ jsxs54("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
-                      /* @__PURE__ */ jsxs54("div", { className: "relative shrink-0", children: [
-                        /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsxs55("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
+                      /* @__PURE__ */ jsxs55("div", { className: "relative shrink-0", children: [
+                        /* @__PURE__ */ jsx74(
                           ChatkitAvatar,
                           {
                             avatar: assistantAvatar,
@@ -25046,10 +25413,10 @@ function Chat({
                             label: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx73("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
+                        /* @__PURE__ */ jsx74("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
                       ] }),
-                      /* @__PURE__ */ jsxs54("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx73(
+                      /* @__PURE__ */ jsxs55("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx74(
                           "h2",
                           {
                             className: "text-lg font-semibold truncate",
@@ -25057,7 +25424,7 @@ function Chat({
                             children: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx73(
+                        /* @__PURE__ */ jsx74(
                           "p",
                           {
                             className: "truncate text-xs text-muted-foreground",
@@ -25067,8 +25434,8 @@ function Chat({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-1", children: [
-                      taskSummaryAvailable && /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
+                      taskSummaryAvailable && /* @__PURE__ */ jsx74(
                         TaskSummaryTrigger,
                         {
                           ...taskSummaryProps,
@@ -25077,9 +25444,9 @@ function Chat({
                           onOpenChange: handleTaskSummaryOpenChange
                         }
                       ),
-                      /* @__PURE__ */ jsx73(WorkbenchToggleButton, {}),
-                      canMinimizeToPet && /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                        /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx73(
+                      /* @__PURE__ */ jsx74(WorkbenchToggleButton, {}),
+                      canMinimizeToPet && /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                        /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx74(
                           "button",
                           {
                             type: "button",
@@ -25090,13 +25457,13 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("chat.minimizeToPet"),
-                            children: /* @__PURE__ */ jsx73(Minus, { size: 16 })
+                            children: /* @__PURE__ */ jsx74(Minus, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx73(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
+                        /* @__PURE__ */ jsx74(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
                       ] }),
-                      /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                        /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx73(
+                      /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                        /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx74(
                           "button",
                           {
                             type: "button",
@@ -25107,14 +25474,14 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("settings.open"),
-                            children: /* @__PURE__ */ jsx73(Settings2, { size: 16 })
+                            children: /* @__PURE__ */ jsx74(Settings2, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx73(TooltipContent, { side: "bottom", children: t("settings.open") })
+                        /* @__PURE__ */ jsx74(TooltipContent, { side: "bottom", children: t("settings.open") })
                       ] }),
-                      history?.enabled !== false && /* @__PURE__ */ jsxs54(Fragment13, { children: [
-                        /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                          /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx73(
+                      history?.enabled !== false && /* @__PURE__ */ jsxs55(Fragment13, { children: [
+                        /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                          /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx74(
                             "button",
                             {
                               type: "button",
@@ -25127,12 +25494,12 @@ function Chat({
                                 "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
                               ),
                               "aria-label": t("history.newThread"),
-                              children: /* @__PURE__ */ jsx73(Pencil5, { size: 16 })
+                              children: /* @__PURE__ */ jsx74(Pencil6, { size: 16 })
                             }
                           ) }) }),
-                          /* @__PURE__ */ jsx73(TooltipContent, { side: "bottom", children: t("history.newThread") })
+                          /* @__PURE__ */ jsx74(TooltipContent, { side: "bottom", children: t("history.newThread") })
                         ] }),
-                        /* @__PURE__ */ jsx73(
+                        /* @__PURE__ */ jsx74(
                           HistorySidebar,
                           {
                             threads,
@@ -25151,7 +25518,7 @@ function Chat({
                   ]
                 }
               ),
-              showMessageNavigation && /* @__PURE__ */ jsx73(
+              showMessageNavigation && /* @__PURE__ */ jsx74(
                 MessageNavigator,
                 {
                   items: messageNavigationItems,
@@ -25162,7 +25529,7 @@ function Chat({
                   tagsOverflowLabel: (count) => t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ jsxs54(
+              /* @__PURE__ */ jsxs55(
                 "div",
                 {
                   "data-slot": "chatkit-chat-content",
@@ -25172,10 +25539,10 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    errorMessage && /* @__PURE__ */ jsx73("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__ */ jsx73("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__ */ jsx73("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__ */ jsx73(
+                    errorMessage && /* @__PURE__ */ jsx74("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__ */ jsx74("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__ */ jsx74("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__ */ jsx74(
                       ThreadHistoryStatus,
                       {
                         state: stream.historyLoad,
@@ -25185,7 +25552,7 @@ function Chat({
                         }
                       }
                     ),
-                    !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx73(
+                    !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx74(
                       StartScreen,
                       {
                         startScreen,
@@ -25195,10 +25562,10 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled,
                         className: "px-4 pb-4 pt-2"
                       }
-                    ) : /* @__PURE__ */ jsxs54("div", { className: "space-y-4", children: [
-                      canLoadMoreMessages && /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3 py-1", children: [
-                        /* @__PURE__ */ jsx73("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-                        /* @__PURE__ */ jsx73(
+                    ) : /* @__PURE__ */ jsxs55("div", { className: "space-y-4", children: [
+                      canLoadMoreMessages && /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-3 py-1", children: [
+                        /* @__PURE__ */ jsx74("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+                        /* @__PURE__ */ jsx74(
                           Button,
                           {
                             type: "button",
@@ -25210,12 +25577,12 @@ function Chat({
                             children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
                           }
                         ),
-                        /* @__PURE__ */ jsx73("div", { className: "h-px min-w-8 flex-1 bg-border" })
+                        /* @__PURE__ */ jsx74("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,
@@ -25246,6 +25613,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,
@@ -25254,7 +25623,7 @@ function Chat({
                         if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
                           return null;
                         }
-                        return /* @__PURE__ */ jsx73(
+                        return /* @__PURE__ */ jsx74(
                           "div",
                           {
                             ref: (node) => setMessageNavigationAnchor(messageNavigationId, node),
@@ -25264,15 +25633,23 @@ function Chat({
                               message.type === "human" ? "justify-end" : "justify-start -ml-1"
                               // AI messages: slightly closer to left
                             ),
-                            children: /* @__PURE__ */ jsxs54(
+                            children: /* @__PURE__ */ jsx74(
                               "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__ */ jsx73(
+                                children: isEditingMessage ? /* @__PURE__ */ jsx74(
+                                  MessageEditor,
+                                  {
+                                    initialText: typeof message.content === "string" ? message.content : messageContent,
+                                    onCancel: () => setEditingMessageId(null),
+                                    onSave: (text) => saveEditedMessage(message, text)
+                                  },
+                                  message.id
+                                ) : /* @__PURE__ */ jsxs55(Fragment13, { children: [
+                                  /* @__PURE__ */ jsx74(
                                     "div",
                                     {
                                       ...canQuoteMessage ? {
@@ -25284,7 +25661,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__ */ jsx73(
+                                      children: isAssistantMessage ? /* @__PURE__ */ jsx74(
                                         AssistantMessage,
                                         {
                                           message: {
@@ -25300,19 +25677,20 @@ function Chat({
                                           isStreaming: isStreamingMessage,
                                           streamingStatus,
                                           isThreadRunning: currentThreadIsRunning,
+                                          isThreadPaused: isPauseActive,
                                           organizationId: stream.organizationId,
                                           apiUrl: stream.apiUrl,
                                           pet: effectivePet,
                                           mcpApps: options?.mcpApps
                                         }
-                                      ) : /* @__PURE__ */ jsxs54(Fragment13, { children: [
-                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx73(
+                                      ) : /* @__PURE__ */ jsxs55(Fragment13, { children: [
+                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx74(
                                           HumanRuntimeCapabilityChips,
                                           {
                                             options: humanRuntimeCapabilityOptions
                                           }
                                         ),
-                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx73("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx73(
+                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx74("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx74(
                                           ReferenceChip,
                                           {
                                             reference,
@@ -25320,45 +25698,49 @@ function Chat({
                                           },
                                           getReferenceKey(reference)
                                         )) }),
-                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx73("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs54(
+                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx74("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs55(
                                           "div",
                                           {
                                             className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                                             children: [
-                                              /* @__PURE__ */ jsx73(FileText7, { size: 12 }),
-                                              /* @__PURE__ */ jsx73("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                              /* @__PURE__ */ jsx74(FileText6, { size: 12 }),
+                                              /* @__PURE__ */ jsx74("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                                             ]
                                           },
                                           fileIndex
                                         )) }),
-                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx73(
+                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx74(
                                           "p",
                                           {
                                             className: "wrap-break-word text-sm leading-relaxed",
                                             children: formatMessageContent(part)
                                           },
                                           `${part.type}-${partIndex}`
-                                        )) : /* @__PURE__ */ jsx73("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                                        )) : /* @__PURE__ */ jsx74("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                                       ] })
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx73(
+                                  /* @__PURE__ */ jsx74(
                                     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";
@@ -25380,7 +25762,7 @@ function Chat({
                           stream.isLoading,
                           { now: streamingNow }
                         );
-                        return /* @__PURE__ */ jsx73("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx73("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx73(
+                        return /* @__PURE__ */ jsx74("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx74("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx74(
                           AssistantStreamingIndicator,
                           {
                             status: fallbackStreamingStatus ?? "loading"
@@ -25391,7 +25773,7 @@ function Chat({
                   ]
                 }
               ),
-              quoteSelection && /* @__PURE__ */ jsxs54(
+              quoteSelection && /* @__PURE__ */ jsxs55(
                 "div",
                 {
                   className: "pointer-events-none fixed z-50 flex flex-col items-center gap-1",
@@ -25401,8 +25783,8 @@ function Chat({
                     transform: "translateX(-50%)"
                   },
                   children: [
-                    /* @__PURE__ */ jsxs54("div", { className: "pointer-events-auto flex overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg", children: [
-                      /* @__PURE__ */ jsxs54(
+                    /* @__PURE__ */ jsxs55("div", { className: "pointer-events-auto flex overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg", children: [
+                      /* @__PURE__ */ jsxs55(
                         Button,
                         {
                           type: "button",
@@ -25414,12 +25796,12 @@ function Chat({
                           "aria-label": t("composer.quoteSelection"),
                           title: t("composer.quoteSelection"),
                           children: [
-                            /* @__PURE__ */ jsx73(Quote, { size: 14 }),
+                            /* @__PURE__ */ jsx74(Quote, { size: 14 }),
                             t("composer.quoteSelection")
                           ]
                         }
                       ),
-                      workbench.sideChatEnabled && /* @__PURE__ */ jsxs54(
+                      workbench.sideChatEnabled && /* @__PURE__ */ jsxs55(
                         Button,
                         {
                           type: "button",
@@ -25432,17 +25814,17 @@ function Chat({
                           "aria-label": t("composer.askInSideChat"),
                           title: t("composer.askInSideChat"),
                           children: [
-                            isOpeningSideChat ? /* @__PURE__ */ jsx73(Loader214, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx73(MessageSquarePlus, { size: 14 }),
+                            isOpeningSideChat ? /* @__PURE__ */ jsx74(Loader213, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx74(MessageSquarePlus, { size: 14 }),
                             t("composer.askInSideChat")
                           ]
                         }
                       )
                     ] }),
-                    sideChatError && /* @__PURE__ */ jsx73("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__ */ jsx74("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__ */ jsxs54(
+              /* @__PURE__ */ jsxs55(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
@@ -25453,12 +25835,13 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx73(
+                    runControlError?.threadId === stream.threadId && /* @__PURE__ */ jsx74("p", { role: "alert", className: "text-xs text-destructive", children: runControlError.message }),
+                    !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx74(
                       "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__ */ jsx73(
+                        children: /* @__PURE__ */ jsx74(
                           Button,
                           {
                             type: "button",
@@ -25471,13 +25854,13 @@ function Chat({
                             onClick: () => scrollToBottom(true, true),
                             "aria-label": t("chat.scrollToBottom"),
                             title: t("chat.scrollToBottom"),
-                            children: /* @__PURE__ */ jsx73(ArrowDown2, { size: 16 })
+                            children: /* @__PURE__ */ jsx74(ArrowDown2, { size: 16 })
                           }
                         )
                       }
                     ),
-                    threadErrorMessage && /* @__PURE__ */ jsx73("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__ */ jsxs54(
+                    threadErrorMessage && /* @__PURE__ */ jsx74("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__ */ jsxs55(
                       "div",
                       {
                         className: cn(
@@ -25485,7 +25868,7 @@ function Chat({
                           isGoalObjectiveExpanded ? "items-start" : "items-center"
                         ),
                         children: [
-                          /* @__PURE__ */ jsx73(
+                          /* @__PURE__ */ jsx74(
                             Target3,
                             {
                               className: cn(
@@ -25494,13 +25877,13 @@ function Chat({
                               )
                             }
                           ),
-                          /* @__PURE__ */ jsxs54("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ jsxs54("div", { className: "flex min-w-0 items-center gap-2", children: [
-                              /* @__PURE__ */ jsx73("span", { className: "font-medium", children: t("chat.goal.label") }),
-                              threadGoal && /* @__PURE__ */ jsx73("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__ */ jsx73(Loader214, { className: "size-3 animate-spin text-muted-foreground" })
+                          /* @__PURE__ */ jsxs55("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxs55("div", { className: "flex min-w-0 items-center gap-2", children: [
+                              /* @__PURE__ */ jsx74("span", { className: "font-medium", children: t("chat.goal.label") }),
+                              threadGoal && /* @__PURE__ */ jsx74("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__ */ jsx74(Loader213, { className: "size-3 animate-spin text-muted-foreground" })
                             ] }),
-                            /* @__PURE__ */ jsx73(
+                            /* @__PURE__ */ jsx74(
                               "div",
                               {
                                 className: cn(
@@ -25510,13 +25893,13 @@ function Chat({
                                 children: goalError || threadGoal?.objective
                               }
                             ),
-                            threadGoal && /* @__PURE__ */ jsx73("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx73("span", { children: t("chat.goal.elapsed", {
+                            threadGoal && /* @__PURE__ */ jsx74("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx74("span", { children: t("chat.goal.elapsed", {
                               elapsed: formatGoalElapsed(displayedGoalElapsedSeconds)
                             }) }) })
                           ] }),
-                          threadGoal && /* @__PURE__ */ jsxs54("div", { className: "flex shrink-0 items-center gap-1", children: [
-                            /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                              /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73(
+                          threadGoal && /* @__PURE__ */ jsxs55("div", { className: "flex shrink-0 items-center gap-1", children: [
+                            /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                              /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
                                 Button,
                                 {
                                   type: "button",
@@ -25527,13 +25910,13 @@ function Chat({
                                     const prefix = "/goal edit ";
                                     setComposerText(`${prefix}${threadGoal.objective}`);
                                   },
-                                  children: /* @__PURE__ */ jsx73(Pencil5, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx74(Pencil6, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx73(TooltipContent, { children: t("chat.goal.edit") })
+                              /* @__PURE__ */ jsx74(TooltipContent, { children: t("chat.goal.edit") })
                             ] }),
-                            /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                              /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73(
+                            /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                              /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
                                 Button,
                                 {
                                   type: "button",
@@ -25549,13 +25932,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx73(Play, { className: "size-3" }) : /* @__PURE__ */ jsx73(Pause, { className: "size-3" })
+                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx74(Play2, { className: "size-3" }) : /* @__PURE__ */ jsx74(Pause, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx73(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
+                              /* @__PURE__ */ jsx74(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
                             ] }),
-                            /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                              /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73(
+                            /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                              /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
                                 Button,
                                 {
                                   type: "button",
@@ -25571,13 +25954,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: /* @__PURE__ */ jsx73(Trash23, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx74(Trash23, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx73(TooltipContent, { children: t("chat.goal.clear") })
+                              /* @__PURE__ */ jsx74(TooltipContent, { children: t("chat.goal.clear") })
                             ] }),
-                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs54(Tooltip, { children: [
-                              /* @__PURE__ */ jsx73(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx73(
+                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs55(Tooltip, { children: [
+                              /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
                                 Button,
                                 {
                                   type: "button",
@@ -25586,7 +25969,7 @@ function Chat({
                                   "aria-expanded": isGoalObjectiveExpanded,
                                   "aria-label": isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective"),
                                   onClick: () => setIsGoalObjectiveExpanded((expanded) => !expanded),
-                                  children: /* @__PURE__ */ jsx73(
+                                  children: /* @__PURE__ */ jsx74(
                                     ChevronDown9,
                                     {
                                       className: cn(
@@ -25597,13 +25980,13 @@ function Chat({
                                   )
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx73(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
+                              /* @__PURE__ */ jsx74(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
                             ] })
                           ] })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       PendingRuntimeServices,
                       {
                         state: stream.runtimeActivities.sandboxServices,
@@ -25612,7 +25995,7 @@ function Chat({
                         className: hasPendingTodos || hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       PendingTodos,
                       {
                         snapshot: stream.todos,
@@ -25620,7 +26003,7 @@ function Chat({
                         className: hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       PendingFollowUps,
                       {
                         items: pendingFollowUps,
@@ -25633,7 +26016,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       RequestUserInputPanel,
                       {
                         request: stream.pendingRequestUserInput,
@@ -25642,7 +26025,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       HITLApprovalPanel,
                       {
                         request: stream.pendingHITLRequest,
@@ -25651,7 +26034,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    isInitialComposer && /* @__PURE__ */ jsx73(
+                    isInitialComposer && /* @__PURE__ */ jsx74(
                       PromptWorkflowShortcuts,
                       {
                         commands: promptWorkflow.commands,
@@ -25665,7 +26048,7 @@ function Chat({
                         onBack: promptWorkflow.showPrompts
                       }
                     ),
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       ChatAttachments,
                       {
                         ref: attachmentsRef,
@@ -25679,7 +26062,7 @@ function Chat({
                         onStateChange: setAttachmentState
                       }
                     ),
-                    references.length > 0 && /* @__PURE__ */ jsx73("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx73(
+                    references.length > 0 && /* @__PURE__ */ jsx74("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx74(
                       ReferenceChip,
                       {
                         reference,
@@ -25693,9 +26076,9 @@ function Chat({
                       },
                       getReferenceKey(reference)
                     )) }),
-                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ jsx73("div", { className: "mb-3 flex flex-wrap gap-2", children: referencedWorkspaceFiles.map((file) => {
+                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ jsx74("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__ */ jsx73(
+                      return /* @__PURE__ */ jsx74(
                         WorkspaceFileChip,
                         {
                           file,
@@ -25709,7 +26092,7 @@ function Chat({
                         id
                       );
                     }) }),
-                    workspaceFileMention && /* @__PURE__ */ jsx73(
+                    workspaceFileMention && /* @__PURE__ */ jsx74(
                       WorkspaceFileMentionPalette,
                       {
                         ref: workspaceFileMentionPaletteRef,
@@ -25721,7 +26104,7 @@ function Chat({
                         onSelect: selectWorkspaceFileMention
                       }
                     ),
-                    runtimeCapabilityPalette && !workspaceFileMention && /* @__PURE__ */ jsx73(
+                    runtimeCapabilityPalette && !workspaceFileMention && /* @__PURE__ */ jsx74(
                       SlashPalette,
                       {
                         palette: runtimeCapabilityPalette,
@@ -25735,7 +26118,7 @@ function Chat({
                         onSelect: selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ jsx73("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs54(
+                    /* @__PURE__ */ jsx74("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs55(
                       "div",
                       {
                         "data-slot": "composer-input-shell",
@@ -25748,7 +26131,7 @@ function Chat({
                           "rounded-composer-shell shadow-composer-shell"
                         ),
                         children: [
-                          /* @__PURE__ */ jsxs54(
+                          /* @__PURE__ */ jsxs55(
                             "div",
                             {
                               "data-slot": "composer-editor-surface",
@@ -25757,7 +26140,7 @@ function Chat({
                                 "rounded-composer-editor"
                               ),
                               children: [
-                                /* @__PURE__ */ jsxs54(
+                                /* @__PURE__ */ jsxs55(
                                   "div",
                                   {
                                     "data-slot": "composer-body",
@@ -25766,7 +26149,7 @@ function Chat({
                                       if (event.target === event.currentTarget) focusComposerAt();
                                     },
                                     children: [
-                                      composerCapabilities.inline.map((option) => /* @__PURE__ */ jsx73(
+                                      composerCapabilities.inline.map((option) => /* @__PURE__ */ jsx74(
                                         ComposerCapabilityChip,
                                         {
                                           option,
@@ -25775,7 +26158,7 @@ function Chat({
                                         },
                                         `${option.type}:${option.id}`
                                       )),
-                                      /* @__PURE__ */ jsx73(
+                                      /* @__PURE__ */ jsx74(
                                         "div",
                                         {
                                           ref: composerInputRef,
@@ -25798,7 +26181,7 @@ function Chat({
                                             (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                                           ),
                                           children: renderedComposerParts.map(
-                                            (part, index) => part.type === "text" ? /* @__PURE__ */ jsx73(React66.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx73(
+                                            (part, index) => part.type === "text" ? /* @__PURE__ */ jsx74(React66.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx74(
                                               ComposerCapabilityToken,
                                               {
                                                 part,
@@ -25814,14 +26197,14 @@ function Chat({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ jsxs54(
+                                /* @__PURE__ */ jsxs55(
                                   "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__ */ jsxs54("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
-                                        /* @__PURE__ */ jsx73("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx73(
+                                      /* @__PURE__ */ jsxs55("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
+                                        /* @__PURE__ */ jsx74("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx74(
                                           ComposerMenu,
                                           {
                                             composer,
@@ -25853,12 +26236,12 @@ function Chat({
                                             disabled: missingConfig || isHistoryLoading || hasPendingInteractiveRequest
                                           }
                                         ) }),
-                                        composerCapabilities.subAgents.length > 0 && /* @__PURE__ */ jsx73(
+                                        composerCapabilities.subAgents.length > 0 && /* @__PURE__ */ jsx74(
                                           "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__ */ jsx73(
+                                            children: composerCapabilities.subAgents.map((option) => /* @__PURE__ */ jsx74(
                                               ComposerCapabilityChip,
                                               {
                                                 option,
@@ -25869,14 +26252,14 @@ function Chat({
                                             ))
                                           }
                                         ),
-                                        selectedTool && /* @__PURE__ */ jsxs54(
+                                        selectedTool && /* @__PURE__ */ jsxs55(
                                           "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__ */ jsx73("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
-                                              /* @__PURE__ */ jsx73(
+                                              /* @__PURE__ */ jsx74("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
+                                              /* @__PURE__ */ jsx74(
                                                 "button",
                                                 {
                                                   "data-slot": "composer-selected-tool-remove",
@@ -25892,16 +26275,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__ */ jsx73(X9, { className: "size-3 shrink-0" })
+                                                  children: /* @__PURE__ */ jsx74(X9, { className: "size-3 shrink-0" })
                                                 }
                                               )
                                             ]
                                           }
                                         )
                                       ] }),
-                                      /* @__PURE__ */ jsxs54("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1", children: [
-                                        /* @__PURE__ */ jsx73(ContextUsageIndicator, { className: "size-8" }),
-                                        /* @__PURE__ */ jsx73(
+                                      /* @__PURE__ */ jsxs55("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1", children: [
+                                        /* @__PURE__ */ jsx74(ContextUsageIndicator, { className: "size-8" }),
+                                        /* @__PURE__ */ jsx74(
                                           ModelPicker,
                                           {
                                             models: availableModels,
@@ -25925,16 +26308,21 @@ function Chat({
                                             }
                                           }
                                         ),
-                                        /* @__PURE__ */ jsx73(
+                                        /* @__PURE__ */ jsx74(
                                           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"
@@ -25949,8 +26337,8 @@ function Chat({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs54("div", { "data-slot": "composer-context-rail", className: "flex min-w-0 flex-wrap items-center", children: [
-                            /* @__PURE__ */ jsx73("div", { className: "min-w-0 max-w-full", children: projectsEnabled && (isConfiguredProjectLocked || !isProjectSelectionLocked) ? /* @__PURE__ */ jsx73(
+                          /* @__PURE__ */ jsxs55("div", { "data-slot": "composer-context-rail", className: "flex min-w-0 flex-wrap items-center", children: [
+                            /* @__PURE__ */ jsx74("div", { className: "min-w-0 max-w-full", children: projectsEnabled && (isConfiguredProjectLocked || !isProjectSelectionLocked) ? /* @__PURE__ */ jsx74(
                               ProjectSelector,
                               {
                                 client: xpertPlatformClient,
@@ -25965,7 +26353,7 @@ function Chat({
                                 onProjectTypeCreate
                               }
                             ) : null }),
-                            isFileSelectorVisible && /* @__PURE__ */ jsx73(
+                            isFileSelectorVisible && /* @__PURE__ */ jsx74(
                               WorkspaceFileSelector,
                               {
                                 client: xpertPlatformClient,
@@ -25980,7 +26368,7 @@ function Chat({
                         ]
                       }
                     ) }),
-                    isInitialComposer && startScreen?.promptsLayout === "list" && /* @__PURE__ */ jsx73(
+                    isInitialComposer && startScreen?.promptsLayout === "list" && /* @__PURE__ */ jsx74(
                       StarterPromptSuggestions,
                       {
                         prompts: startScreen.prompts ?? [],
@@ -25990,7 +26378,7 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled
                       }
                     ),
-                    disclaimer?.text && /* @__PURE__ */ jsx73(
+                    disclaimer?.text && /* @__PURE__ */ jsx74(
                       "p",
                       {
                         className: cn(
@@ -26003,7 +26391,7 @@ function Chat({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx73(
+              /* @__PURE__ */ jsx74(
                 SettingsSheet,
                 {
                   open: petSettingsOpen,
@@ -26013,11 +26401,11 @@ function Chat({
                   onSave: savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ jsx73(PetBridge, { pet: effectivePet, state: petAutoState })
+              /* @__PURE__ */ jsx74(PetBridge, { pet: effectivePet, state: petAutoState })
             ]
           }
         ),
-        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx73("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx73(
+        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx74("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx74(
           TaskSummaryPanel,
           {
             ...taskSummaryProps,