@xpert-ai/chatkit-ui 0.11.0 → 0.11.2

package/dist/index.js

@@ -1080,6 +1080,11 @@ var en_US_default = {
       clientCommandUnavailable: "No handler is configured for client command {{commandKey}}."
     },
     externalAssistants: {
+      cancel: "Cancel",
+      cancelRun: "Cancel execution: {{name}}",
+      cancelling: "Cancelling\u2026",
+      cancelRequested: "Cancellation requested",
+      cancelFailed: "Could not cancel the execution. Please try again.",
       title: "External assistants",
       openRun: "View execution: {{name}}",
       back: "Back to executions",
@@ -1488,6 +1493,7 @@ var en_US_default = {
       select: "Select project",
       none: "No project",
       autoNew: "New project \xB7 Create on send",
+      confirmNew: "New project \xB7 Confirm settings first",
       search: "Search projects",
       new: "New project",
       create: "Create",
@@ -1853,6 +1859,9 @@ var en_US_default = {
       moreTags: "+{{count}}"
     },
     mcpApp: {
+      openProjectFailed: "Unable to open this project.",
+      refresh: "Refresh data",
+      refreshFailed: "Unable to refresh data. Please try again.",
       loading: "Loading MCP App",
       fullscreen: "Open fullscreen",
       pictureInPicture: "Open picture in picture",
@@ -1893,7 +1902,13 @@ var en_US_default = {
         replied: "Replied",
         pending: "Pending",
         interrupted: "Interrupted",
-        timeout: "Timed out"
+        timeout: "Timed out",
+        business_accepted: "Accepted",
+        business_already_completed: "Already completed",
+        business_not_claimed: "Not claimed",
+        business_blocked: "Blocked",
+        business_failed: "Task failed",
+        business_incomplete: "Not accepted"
       },
       counts: {
         messages: {
@@ -2009,7 +2024,7 @@ var en_US_default = {
     pause: "Pause workflow",
     resume: "Resume workflow",
     cancelRun: "Stop task",
-    pausing: "Saving and pausing\u2026",
+    pausing: "Pausing",
     paused: "Workflow paused",
     editMessage: "Edit message",
     sourcePauseUnavailable: "The original task cannot be paused yet. Try again after it finishes.",
@@ -2023,7 +2038,11 @@ var en_US_default = {
       interrupted: "Waiting",
       error: "Error",
       running: "Running"
-    }
+    },
+    stop: "Stop",
+    stopping: "Stopping",
+    stopDescription: "End this run without undoing completed actions",
+    pausingDescription: "Waiting for the current step and checkpoint; you can still stop the run"
   },
   fileActivity: {
     textLineChanges: "Text line changes",
@@ -2199,6 +2218,11 @@ var zh_CN_default = {
       clientCommandUnavailable: "\u672A\u914D\u7F6E\u5BA2\u6237\u7AEF\u547D\u4EE4 {{commandKey}} \u7684\u5904\u7406\u5668\u3002"
     },
     externalAssistants: {
+      cancel: "\u53D6\u6D88\u6267\u884C",
+      cancelRun: "\u53D6\u6D88\u6267\u884C\uFF1A{{name}}",
+      cancelling: "\u6B63\u5728\u53D6\u6D88\u2026",
+      cancelRequested: "\u5DF2\u8BF7\u6C42\u53D6\u6D88",
+      cancelFailed: "\u53D6\u6D88\u6267\u884C\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
       title: "\u5916\u90E8\u52A9\u624B",
       openRun: "\u67E5\u770B\u6267\u884C\uFF1A{{name}}",
       back: "\u8FD4\u56DE\u6267\u884C\u5217\u8868",
@@ -2607,6 +2631,7 @@ var zh_CN_default = {
       select: "\u9009\u62E9\u9879\u76EE",
       none: "\u4E0D\u4F7F\u7528\u9879\u76EE",
       autoNew: "\u65B0\u9879\u76EE \xB7 \u53D1\u9001\u540E\u81EA\u52A8\u521B\u5EFA",
+      confirmNew: "\u65B0\u9879\u76EE \xB7 \u786E\u8BA4\u914D\u7F6E\u540E\u521B\u5EFA",
       search: "\u641C\u7D22\u9879\u76EE",
       new: "\u65B0\u5EFA\u9879\u76EE",
       create: "\u521B\u5EFA",
@@ -2972,6 +2997,9 @@ var zh_CN_default = {
       moreTags: "+{{count}}"
     },
     mcpApp: {
+      openProjectFailed: "\u6682\u65F6\u65E0\u6CD5\u6253\u5F00\u6B64\u9879\u76EE\u3002",
+      refresh: "\u5237\u65B0\u6570\u636E",
+      refreshFailed: "\u6570\u636E\u5237\u65B0\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
       loading: "\u6B63\u5728\u52A0\u8F7D MCP App",
       fullscreen: "\u5168\u5C4F\u663E\u793A",
       pictureInPicture: "\u753B\u4E2D\u753B\u663E\u793A",
@@ -3012,7 +3040,13 @@ var zh_CN_default = {
         replied: "\u5DF2\u56DE\u590D",
         pending: "\u7B49\u5F85\u4E2D",
         interrupted: "\u5DF2\u4E2D\u65AD",
-        timeout: "\u5DF2\u8D85\u65F6"
+        timeout: "\u5DF2\u8D85\u65F6",
+        business_accepted: "\u5DF2\u9A8C\u6536",
+        business_already_completed: "\u5DF2\u5B8C\u6210\uFF0C\u65E0\u9700\u91CD\u590D",
+        business_not_claimed: "\u672A\u9886\u53D6",
+        business_blocked: "\u53D7\u963B",
+        business_failed: "\u4EFB\u52A1\u5931\u8D25",
+        business_incomplete: "\u672A\u9A8C\u6536"
       },
       counts: {
         messages: {
@@ -3128,7 +3162,7 @@ var zh_CN_default = {
     pause: "\u6682\u505C\u6D41\u7A0B",
     resume: "\u6062\u590D\u6D41\u7A0B",
     cancelRun: "\u505C\u6B62\u4EFB\u52A1",
-    pausing: "\u6B63\u5728\u4FDD\u5B58\u5E76\u6682\u505C\u2026",
+    pausing: "\u6B63\u5728\u6682\u505C",
     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",
@@ -3142,7 +3176,11 @@ var zh_CN_default = {
       interrupted: "\u7B49\u5F85\u5904\u7406",
       error: "\u51FA\u9519",
       running: "\u8FD0\u884C\u4E2D"
-    }
+    },
+    stop: "\u505C\u6B62",
+    stopping: "\u6B63\u5728\u505C\u6B62",
+    stopDescription: "\u7EC8\u6B62\u672C\u6B21\u8FD0\u884C\uFF0C\u4E0D\u64A4\u9500\u5DF2\u7ECF\u5B8C\u6210\u7684\u64CD\u4F5C",
+    pausingDescription: "\u6B63\u5728\u7B49\u5F85\u5F53\u524D\u6B65\u9AA4\u5B8C\u6210\u5E76\u4FDD\u5B58\u8FDB\u5EA6\uFF1B\u4ECD\u53EF\u505C\u6B62\u8FD0\u884C"
   },
   fileActivity: {
     textLineChanges: "\u6587\u672C\u884C\u53D8\u66F4",
@@ -4335,39 +4373,6 @@ import { ChevronRight, Laptop, Monitor } from "lucide-react";
 // src/providers/Stream.tsx
 import { useEffect as useEffect6, useRef as useRef6, useState as useState5 } from "react";
 
-// src/lib/api-config.ts
-function hasConfiguredValue(value) {
-  return typeof value === "string" && value.trim().length > 0;
-}
-function getMissingApiConfigurationKind({
-  apiUrl,
-  clientSecret
-}) {
-  const hasApiUrl = hasConfiguredValue(apiUrl);
-  const hasClientSecret = hasConfiguredValue(clientSecret);
-  if (hasApiUrl && hasClientSecret) {
-    return null;
-  }
-  if (!hasApiUrl && !hasClientSecret) {
-    return "apiUrlAndClientSecret";
-  }
-  return hasApiUrl ? "clientSecret" : "apiUrl";
-}
-
-// src/providers/stream/context.ts
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var StreamContext = createContext3(
-  void 0
-);
-var useStreamContext = () => {
-  const context = useContext3(StreamContext);
-  if (!context) {
-    throw new Error("useStreamContext must be used within a StreamProvider");
-  }
-  return context;
-};
-var context_default = StreamContext;
-
 // src/lib/follow-ups.ts
 function getVisiblePendingFollowUpPriority(item) {
   return item.mode === "steer" || item.queuedFromSteer ? 0 : 1;
@@ -5141,6 +5146,39 @@ function agentRunLevel(run, messages) {
   return level;
 }
 
+// src/lib/api-config.ts
+function hasConfiguredValue(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function getMissingApiConfigurationKind({
+  apiUrl,
+  clientSecret
+}) {
+  const hasApiUrl = hasConfiguredValue(apiUrl);
+  const hasClientSecret = hasConfiguredValue(clientSecret);
+  if (hasApiUrl && hasClientSecret) {
+    return null;
+  }
+  if (!hasApiUrl && !hasClientSecret) {
+    return "apiUrlAndClientSecret";
+  }
+  return hasApiUrl ? "clientSecret" : "apiUrl";
+}
+
+// src/providers/stream/context.ts
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var StreamContext = createContext3(
+  void 0
+);
+var useStreamContext = () => {
+  const context = useContext3(StreamContext);
+  if (!context) {
+    throw new Error("useStreamContext must be used within a StreamProvider");
+  }
+  return context;
+};
+var context_default = StreamContext;
+
 // src/lib/runtime-capabilities.ts
 function isRuntimeSkillSource(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
@@ -5543,12 +5581,12 @@ async function loadConversationRuntimeCapabilities({
   client,
   threadId,
   xpertId,
-  projectId,
+  projectId: projectId2,
   capabilities
 }) {
   const conversation = await findConversationByThreadId(client, threadId, {
     xpertId,
-    projectId
+    projectId: projectId2
   });
   const persistedSelection = getConversationOptions(conversation)?.runtimeCapabilities ?? null;
   if (!persistedSelection) {
@@ -5571,7 +5609,7 @@ async function persistConversationRuntimeCapabilities({
   client,
   threadId,
   xpertId,
-  projectId,
+  projectId: projectId2,
   capabilities,
   selection
 }) {
@@ -5582,7 +5620,7 @@ async function persistConversationRuntimeCapabilities({
   const conversation = await findConversationByThreadIdWithRetry(
     client,
     threadId,
-    { xpertId, projectId }
+    { xpertId, projectId: projectId2 }
   );
   if (!conversation?.id) {
     return {
@@ -5729,14 +5767,14 @@ function createAssistantThreadPayload(assistantId, threadId) {
     ...threadId ? { threadId, ifExists: "raise" } : {}
   };
 }
-function createConversationPayload(threadId, xpertId, projectId, connectorBindingIds = [], conversationId, runtimeCapabilities) {
+function createConversationPayload(threadId, xpertId, projectId2, connectorBindingIds = [], conversationId, runtimeCapabilities) {
   const baseOptions = runtimeCapabilities ? { runtimeCapabilities } : void 0;
   const options = connectorBindingIds.length ? withConnectorBindingIds(baseOptions, connectorBindingIds) : baseOptions;
   return {
     ...conversationId ? { id: conversationId } : {},
     threadId,
     xpertId,
-    ...projectId ? { projectId } : {},
+    ...projectId2 ? { projectId: projectId2 } : {},
     ...options ? { options } : {}
   };
 }
@@ -5817,7 +5855,7 @@ async function executeThreadGoalCommand({
   goal,
   threadId,
   assistantId,
-  projectId,
+  projectId: projectId2,
   command,
   runtimeCapabilities,
   signal
@@ -5863,7 +5901,7 @@ async function executeThreadGoalCommand({
       const result2 = await goal.setGoal({
         threadId: null,
         assistantId,
-        projectId,
+        projectId: projectId2,
         objective,
         runtimeCapabilities,
         signal
@@ -5882,7 +5920,7 @@ async function executeThreadGoalCommand({
   const result = await goal.setGoal({
     threadId: normalizedThreadId,
     assistantId,
-    projectId,
+    projectId: projectId2,
     objective,
     runtimeCapabilities,
     signal
@@ -6534,7 +6572,7 @@ function ComputerRow({
 
 // src/components/chat.tsx
 import { ArrowDown as ArrowDown2 } from "lucide-react";
-import * as React123 from "react";
+import * as React124 from "react";
 
 // src/lib/composer-parts.ts
 var COMPOSER_CAPABILITY_TOKEN_LENGTH = 1;
@@ -7557,7 +7595,7 @@ function getRemovedComposerCapabilityParts(previousParts, nextParts) {
 function useRuntimeCapabilitiesState({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   threadId,
   disabled
 }) {
@@ -7593,7 +7631,7 @@ function useRuntimeCapabilitiesState({
           client,
           threadId: nextThreadId,
           xpertId: assistantId,
-          projectId,
+          projectId: projectId2,
           capabilities: runtimeCapabilities,
           selection
         });
@@ -7608,7 +7646,7 @@ function useRuntimeCapabilitiesState({
         );
       }
     },
-    [assistantId, client, projectId, runtimeCapabilities]
+    [assistantId, client, projectId2, runtimeCapabilities]
   );
   const applyExternalRuntimeCapabilities = React15.useCallback(
     (selection) => {
@@ -7728,7 +7766,7 @@ function useRuntimeCapabilitiesState({
     setRuntimeCapabilities(null);
     setRuntimeCapabilityPalette(null);
     void client.assistants.getRuntimeCapabilities(assistantId, {
-      ...projectId ? { projectId } : {},
+      ...projectId2 ? { projectId: projectId2 } : {},
       signal: controller.signal
     }).then((payload) => {
       setRuntimeCapabilities(payload);
@@ -7761,7 +7799,7 @@ function useRuntimeCapabilitiesState({
       setRunRuntimeCapabilities(createEmptyRuntimeCapabilitiesSelection());
     });
     return () => controller.abort();
-  }, [assistantId, client, disabled, projectId]);
+  }, [assistantId, client, disabled, projectId2]);
   React15.useEffect(() => {
     const emptyRunSelection = createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities);
     const pendingExternalSelection = pendingExternalRuntimeCapabilitiesRef.current;
@@ -7797,7 +7835,7 @@ function useRuntimeCapabilitiesState({
       client,
       threadId: normalizedThreadId,
       xpertId: assistantId,
-      projectId,
+      projectId: projectId2,
       capabilities: runtimeCapabilities
     }).then(({ selection, missing }) => {
       if (cancelled || runtimeCapabilityPreferenceLoadRef.current !== requestId) {
@@ -7821,7 +7859,7 @@ function useRuntimeCapabilitiesState({
   }, [
     assistantId,
     client,
-    projectId,
+    projectId2,
     runtimeCapabilities,
     runtimeCapabilitiesReady,
     threadId
@@ -8566,7 +8604,7 @@ function useRuntimeResources({
   client,
   enabled,
   assistantId,
-  projectId,
+  projectId: projectId2,
   conversationId,
   threadId
 }) {
@@ -8589,8 +8627,8 @@ function useRuntimeResources({
     const current = ++generation.current;
     const pending = submission.current;
     const isDraft = !conversationId && !threadId;
-    const isHandoff = !!pending && pending.assistantId === assistantId && pending.projectId === projectId && (!!conversationId && conversationId === pending.conversationId || !!threadId && threadId === pending.threadId);
-    if (pending && !isHandoff && (!isDraft || pending.complete || pending.assistantId !== assistantId || pending.projectId !== projectId)) {
+    const isHandoff = !!pending && pending.assistantId === assistantId && pending.projectId === projectId2 && (!!conversationId && conversationId === pending.conversationId || !!threadId && threadId === pending.threadId);
+    if (pending && !isHandoff && (!isDraft || pending.complete || pending.assistantId !== assistantId || pending.projectId !== projectId2)) {
       submission.current = null;
       if (!isDraft || pending.complete) draft.current = null;
     }
@@ -8609,7 +8647,7 @@ function useRuntimeResources({
     void (async () => {
       const id = conversationId ?? (threadId ? (await findConversationByThreadId(client, threadId, {
         xpertId: assistantId,
-        projectId
+        projectId: projectId2
       }))?.id : null);
       if (!isDraft && !id) throw new Error(conversationUnavailable);
       const value = id ? await client.conversations.getRuntimeResources(id) : local;
@@ -8617,7 +8655,7 @@ function useRuntimeResources({
         await client.assistants.validateResources(
           assistantId,
           value,
-          projectId ?? void 0
+          projectId2 ?? void 0
         );
       if (generation.current === current) {
         if (isHandoff && submission.current === pending)
@@ -8639,7 +8677,7 @@ function useRuntimeResources({
     client,
     enabled,
     assistantId,
-    projectId,
+    projectId2,
     conversationId,
     threadId,
     reload,
@@ -8669,7 +8707,7 @@ function useRuntimeResources({
         const saved = resolvedId ? await client.conversations.updateRuntimeResources(resolvedId, next) : await client.assistants.validateResources(
           assistantId,
           next,
-          projectId ?? void 0
+          projectId2 ?? void 0
         );
         if (current === generation.current) {
           setSelection(saved);
@@ -8699,14 +8737,14 @@ function useRuntimeResources({
       selection,
       resolvedId,
       assistantId,
-      projectId
+      projectId2
     ]
   );
   const beginSubmission = React19.useCallback(() => {
     if (!enabled || !assistantId || conversationId || threadId) return;
     const pending = {
       assistantId,
-      projectId,
+      projectId: projectId2,
       selection,
       complete: false
     };
@@ -8724,7 +8762,7 @@ function useRuntimeResources({
         else submission.current = null;
       }
     };
-  }, [enabled, assistantId, projectId, conversationId, threadId, selection]);
+  }, [enabled, assistantId, projectId2, conversationId, threadId, selection]);
   return {
     selection,
     busy,
@@ -9017,7 +9055,7 @@ import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var ThreadMentionPalette = React21.forwardRef(function ThreadMentionPalette2({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   threadId,
   query,
   selectedThreadIds,
@@ -9042,7 +9080,7 @@ var ThreadMentionPalette = React21.forwardRef(function ThreadMentionPalette2({
     const timer = setTimeout(() => {
       void client.conversations.search(
         {
-          where: { xpertId: assistantId, projectId: projectId ?? null },
+          where: { xpertId: assistantId, projectId: projectId2 ?? null },
           search: query.trim(),
           limit: 30,
           order: { updatedAt: "DESC", id: "DESC" }
@@ -9060,7 +9098,7 @@ var ThreadMentionPalette = React21.forwardRef(function ThreadMentionPalette2({
       clearTimeout(timer);
       controller.abort();
     };
-  }, [client, assistantId, projectId, query]);
+  }, [client, assistantId, projectId2, query]);
   const visible = items.filter(
     (item) => item.threadId && item.threadId !== threadId && !selectedThreadIds.has(item.threadId)
   );
@@ -11170,11 +11208,11 @@ function invalidateConnectionCatalogs(client) {
     notify(entry);
   }
 }
-function useConnectorCatalog(client, assistantId, projectId, enabled = true) {
+function useConnectorCatalog(client, assistantId, projectId2, enabled = true) {
   const entry = React37.useMemo(() => {
     let scopes = clients.get(client);
     if (!scopes) clients.set(client, scopes = /* @__PURE__ */ new Map());
-    const key = JSON.stringify([assistantId, projectId ?? null]);
+    const key = JSON.stringify([assistantId, projectId2 ?? null]);
     let cached = scopes.get(key);
     if (!cached)
       scopes.set(
@@ -11187,7 +11225,7 @@ function useConnectorCatalog(client, assistantId, projectId, enabled = true) {
         }
       );
     return cached;
-  }, [client, assistantId, projectId]);
+  }, [client, assistantId, projectId2]);
   const revision = React37.useSyncExternalStore(
     React37.useCallback(
       (listener) => {
@@ -11207,7 +11245,7 @@ function useConnectorCatalog(client, assistantId, projectId, enabled = true) {
     notify(entry);
     const startedAt = entry.revision;
     void client.connectors.runtimeOptions(assistantId, {
-      projectId: projectId ?? void 0,
+      projectId: projectId2 ?? void 0,
       includeWorkspace: true
     }).then((data) => {
       entry.data = data;
@@ -11218,7 +11256,7 @@ function useConnectorCatalog(client, assistantId, projectId, enabled = true) {
       entry.loaded = entry.revision === startedAt;
       notify(entry);
     });
-  }, [entry, client, assistantId, projectId, enabled, revision]);
+  }, [entry, client, assistantId, projectId2, enabled, revision]);
   React37.useEffect(() => {
     if (!enabled) return;
     const refresh = () => {
@@ -11469,13 +11507,13 @@ function ConnectorMenuPanel(props) {
 function ConnectorList({
   client,
   xpertId,
-  projectId,
+  projectId: projectId2,
   selectedBindingIds = [],
   onSelectionChange,
   apiUrl
 }) {
   const { t, i18n: i18n2 } = useChatkitTranslation();
-  const catalog = useConnectorCatalog(client, xpertId, projectId);
+  const catalog = useConnectorCatalog(client, xpertId, projectId2);
   const [query, setQuery] = React39.useState("");
   const [target, setTarget] = React39.useState(null);
   const latest = React39.useRef({ selectedBindingIds, onSelectionChange });
@@ -12708,6 +12746,7 @@ function ProjectSelector({
   activeProjectId,
   selection,
   autoNewEnabled = false,
+  autoNewMode = "on-send",
   allowNone = true,
   disabled = false,
   locked = false,
@@ -13000,7 +13039,7 @@ function ProjectSelector({
                 "aria-label": t("composer.projects.select"),
                 children: [
                   /* @__PURE__ */ jsx48(Folder, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ jsx48("span", { className: "truncate", children: activeProject?.name ?? activeLabel ?? (selection?.mode === "auto-new" ? t("composer.projects.autoNew") : selection?.mode === "none" ? t("composer.projects.none") : void 0) ?? t("composer.projects.select") }),
+                  /* @__PURE__ */ jsx48("span", { className: "truncate", children: activeProject?.name ?? activeLabel ?? (selection?.mode === "auto-new" ? t(autoNewMode === "after-confirmation" ? "composer.projects.confirmNew" : "composer.projects.autoNew") : selection?.mode === "none" ? t("composer.projects.none") : void 0) ?? t("composer.projects.select") }),
                   /* @__PURE__ */ jsx48(ChevronDown4, { className: "size-3.5 shrink-0" })
                 ]
               }
@@ -13262,7 +13301,7 @@ function ProjectSelector({
                                         setOpen(false);
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx48("span", { className: "flex-1", children: t("composer.projects.autoNew") }),
+                                        /* @__PURE__ */ jsx48("span", { className: "flex-1", children: t(autoNewMode === "after-confirmation" ? "composer.projects.confirmNew" : "composer.projects.autoNew") }),
                                         !activeProjectId && selection?.mode === "auto-new" ? /* @__PURE__ */ jsx48(Check2, { className: "size-4 shrink-0" }) : null
                                       ]
                                     }
@@ -13764,7 +13803,7 @@ var fullCatalog = { search: "", allPages: true };
 function useRuntimeResourceCatalog({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   enabled,
   query,
   kind,
@@ -13773,7 +13812,7 @@ function useRuntimeResourceCatalog({
   const { t } = useChatkitTranslation();
   const cache = React47.useMemo(
     () => ({
-      scope: { client, assistantId, projectId },
+      scope: { client, assistantId, projectId: projectId2 },
       entries: /* @__PURE__ */ new Map(),
       known: /* @__PURE__ */ new Map(),
       // Historical metadata is presentation-only; it is never proof of availability.
@@ -13781,7 +13820,7 @@ function useRuntimeResourceCatalog({
       verified: /* @__PURE__ */ new Map(),
       controllers: /* @__PURE__ */ new Set()
     }),
-    [client, assistantId, projectId]
+    [client, assistantId, projectId2]
   );
   const [revision, redraw] = React47.useReducer((value) => value + 1, 0);
   const [actionError, setLoadError] = React47.useState(null);
@@ -13808,7 +13847,7 @@ function useRuntimeResourceCatalog({
   }, [cache, refresh]);
   const load = React47.useCallback(
     async (target, more = false) => {
-      const { client: client2, assistantId: assistantId2, projectId: projectId2 } = cache.scope;
+      const { client: client2, assistantId: assistantId2, projectId: projectId3 } = cache.scope;
       const key2 = catalogKey(target);
       const existing = cache.entries.get(key2);
       if (existing?.loading || !more && (existing?.loaded || existing?.error))
@@ -13830,7 +13869,7 @@ function useRuntimeResourceCatalog({
       try {
         do {
           const result = await client2.assistants.getResources(assistantId2, {
-            projectId: projectId2 ?? void 0,
+            projectId: projectId3 ?? void 0,
             search: target.search || void 0,
             kind: target.kind,
             offset: entry2.offset,
@@ -13902,7 +13941,7 @@ function useRuntimeResourceCatalog({
             { bindingId: resource.bindingId, version: resource.version }
           ]
         },
-        projectId ?? void 0
+        projectId2 ?? void 0
       ).then(() => {
         if (!abort.signal.aborted)
           cache.verified.set(key2, "previous_version");
@@ -13923,7 +13962,7 @@ function useRuntimeResourceCatalog({
     selectedResources,
     client,
     assistantId,
-    projectId,
+    projectId2,
     revision
   ]);
   const selectedItems = selectedResources.map(
@@ -13991,7 +14030,7 @@ function useCompactMenu() {
 function RuntimeResourceSelector({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   selection,
   busy,
   canEditResources = true,
@@ -14028,7 +14067,7 @@ function RuntimeResourceSelector({
   const connectors = useConnectorCatalog(
     client,
     assistantId,
-    projectId,
+    projectId2,
     connectorsEnabled && (open || expanded || connectorBindingIds.length > 0)
   );
   const latest = React48.useRef({
@@ -14046,7 +14085,7 @@ function RuntimeResourceSelector({
   const catalog = useRuntimeResourceCatalog({
     client,
     assistantId,
-    projectId,
+    projectId: projectId2,
     enabled: open || expanded || selection.resources.length > 0,
     query: active || expanded ? query : rootQuery,
     kind: expanded ? browseKind : active ?? void 0,
@@ -14060,7 +14099,7 @@ function RuntimeResourceSelector({
     setQuery("");
     setRootQuery("");
     setAuthorization(null);
-  }, [assistantId, projectId]);
+  }, [assistantId, projectId2]);
   const selected = new Set(selection.resources.map((item) => item.bindingId));
   const selectedItems = catalog.selectedItems;
   const selectedResources = selectedItems.filter(
@@ -14174,7 +14213,7 @@ function RuntimeResourceSelector({
       bindingId: item.bindingId,
       version: item.version,
       serverName,
-      projectId: projectId ?? void 0
+      projectId: projectId2 ?? void 0
     }),
     onAuthorized: async (signal) => {
       let offset = 0;
@@ -14182,7 +14221,7 @@ function RuntimeResourceSelector({
       let fresh;
       do {
         const page = await client.assistants.getResources(assistantId, {
-          projectId: projectId ?? void 0,
+          projectId: projectId2 ?? void 0,
           kind: "agent_plugin",
           search: item.title,
           signal,
@@ -14648,7 +14687,7 @@ function RuntimeResourceSelector({
 }
 
 // src/components/composer/SendButton.tsx
-import { ArrowUp, Play, Square } from "lucide-react";
+import { ArrowUp, Pause, Play, Square } from "lucide-react";
 import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
 function SendButton({
   disabled = false,
@@ -14657,6 +14696,7 @@ function SendButton({
   stopDisabled = false,
   onStop,
   stopLabel = "Stop",
+  stopIcon = "stop",
   showResume = false,
   resumeDisabled = false,
   onResume,
@@ -14666,7 +14706,7 @@ function SendButton({
 }) {
   if (showStop || showResume) {
     const label = showStop ? stopLabel : resumeLabel;
-    const Icon = showStop ? Square : Play;
+    const Icon = showStop ? stopIcon === "pause" ? Pause : Square : Play;
     return /* @__PURE__ */ jsx53(
       "button",
       {
@@ -14763,7 +14803,7 @@ function flattenWorkspaceFiles(files) {
 var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMentionPalette2({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   query,
   selectedFilePaths,
   onSelect,
@@ -14779,7 +14819,7 @@ var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMenti
   const optionRefs = React49.useRef([]);
   const loadErrorMessage = t("composer.fileMentions.loadError");
   React49.useEffect(() => {
-    if (!client || !projectId && !assistantId) {
+    if (!client || !projectId2 && !assistantId) {
       setFiles([]);
       setLoading(false);
       setError(null);
@@ -14788,7 +14828,7 @@ var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMenti
     const controller = new AbortController();
     setLoading(true);
     setError(null);
-    const request = projectId ? client.projects.listFiles(projectId, {
+    const request = projectId2 ? client.projects.listFiles(projectId2, {
       depth: WORKSPACE_FILE_LIST_DEPTH,
       signal: controller.signal
     }) : client.xperts.listWorkspaceFiles(assistantId, {
@@ -14808,7 +14848,7 @@ var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMenti
       if (!controller.signal.aborted) setLoading(false);
     });
     return () => controller.abort();
-  }, [assistantId, client, loadErrorMessage, projectId]);
+  }, [assistantId, client, loadErrorMessage, projectId2]);
   const normalizedQuery = query.trim().toLocaleLowerCase();
   const visibleFiles = React49.useMemo(
     () => files.filter((file) => {
@@ -14847,7 +14887,7 @@ var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMenti
     }),
     [onSelect, visibleFiles]
   );
-  const unavailable = !client || !projectId && !assistantId;
+  const unavailable = !client || !projectId2 && !assistantId;
   return /* @__PURE__ */ jsxs38(
     "div",
     {
@@ -15345,7 +15385,7 @@ function ChatComposerForm({
   isChangingBranch,
   handleComposerRunControl,
   isRunPaused,
-  canRevealPausedDisplay,
+  isStoppingRun,
   isRunPausing,
   isResumingRun,
   currentRunControl,
@@ -15561,17 +15601,18 @@ function ChatComposerForm({
                           }
                         }
                       ),
+                      isRunPausing && /* @__PURE__ */ jsx58("span", { role: "status", className: "text-xs text-muted-foreground", title: t("threadControl.pausingDescription"), children: t("threadControl.pausing") }),
                       /* @__PURE__ */ jsx58(
                         SendButton,
                         {
                           disabled: isSendDisabled,
                           isLoading: stream.isLoading,
                           showStop: !isPauseActive && (stream.isLoading || canPauseRun) && (!hasComposerInput || hasPendingInteractiveRequest),
-                          stopDisabled: isChangingBranch || !canPauseRun,
+                          stopDisabled: isChangingBranch || isStoppingRun || !canPauseRun,
                           onStop: () => void handleComposerRunControl("pause"),
-                          stopLabel: t("threadControl.pause"),
+                          stopLabel: t("threadControl.stop"),
                           showResume: isPauseActive && !hasComposerInput,
-                          resumeDisabled: !isRunPaused && !canRevealPausedDisplay || isRunPausing || isResumingRun || isChangingBranch || !currentRunControl?.pauseId && !canRevealPausedDisplay,
+                          resumeDisabled: !isRunPaused || isStoppingRun || isRunPausing || isResumingRun || isChangingBranch || !currentRunControl?.pauseId,
                           onResume: () => void handleComposerRunControl("resume"),
                           resumeLabel: t("threadControl.resume"),
                           sendLabel: t("chat.send"),
@@ -15604,6 +15645,7 @@ function ChatComposerForm({
                   activeProjectId,
                   selection: projectSelection,
                   autoNewEnabled: options?.composer?.projects?.autoNewEnabled,
+                  autoNewMode: options?.composer?.projects?.autoNewMode,
                   allowNone: options?.composer?.projects?.allowNone,
                   locked: isProjectScopeLocked,
                   label: options?.composer?.projects?.label,
@@ -19357,6 +19399,7 @@ function useChatSubmission({
   composerPartsRef,
   stream,
   isRunPaused,
+  clearRunControlError,
   planModeEnabled,
   getRuntimeCapabilitiesForSubmit,
   promptWorkflow,
@@ -19402,6 +19445,7 @@ function useChatSubmission({
       if (!humanInput) {
         return;
       }
+      clearRunControlError();
       const {
         runtimeCapabilitiesForSubmit,
         runtimeCapabilityOptionsForMessage
@@ -19541,6 +19585,7 @@ function useChatSubmission({
       promptWorkflow,
       isSubmissionBlocked,
       isRunPaused,
+      clearRunControlError,
       options?.request,
       persistSessionRuntimeCapabilities,
       resourcesEnabled,
@@ -20287,7 +20332,7 @@ function useChatFiles({
 import {
   ChevronDown as ChevronDown10,
   Loader2 as Loader210,
-  Pause,
+  Pause as Pause2,
   Pencil as Pencil4,
   Play as Play2,
   Target as Target3,
@@ -20394,7 +20439,7 @@ function ChatGoalStatus({
                     executionType: "insert_invocation"
                   }
                 }),
-                children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx72(Play2, { className: "size-3" }) : /* @__PURE__ */ jsx72(Pause, { className: "size-3" })
+                children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx72(Play2, { className: "size-3" }) : /* @__PURE__ */ jsx72(Pause2, { className: "size-3" })
               }
             ) }),
             /* @__PURE__ */ jsx72(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
@@ -20497,7 +20542,7 @@ function createXpertThreadGoalAdapter(client, scope) {
     async setGoal({
       threadId,
       assistantId,
-      projectId,
+      projectId: projectId2,
       objective,
       runtimeCapabilities,
       signal
@@ -20517,7 +20562,7 @@ function createXpertThreadGoalAdapter(client, scope) {
           normalizedThreadId,
           {
             xpertId: scope.xpertId,
-            projectId: projectId ?? scope.projectId
+            projectId: projectId2 ?? scope.projectId
           }
         );
         const goal = await setGoal(
@@ -20549,7 +20594,7 @@ function createXpertThreadGoalAdapter(client, scope) {
           },
           {
             assistantId,
-            projectId,
+            projectId: projectId2,
             runtimeCapabilities,
             onThreadCreated: (resolvedThreadId) => {
               createdThreadId = resolvedThreadId;
@@ -21817,13 +21862,13 @@ var PAGE_SIZE = 50;
 function useMessageHistory({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   enabled,
   query,
   scope
 }) {
   const { t } = useChatkitTranslation();
-  const filterProjectId = scope === "no-project" ? null : scope === "current-project" ? projectId : void 0;
+  const filterProjectId = scope === "no-project" ? null : scope === "current-project" ? projectId2 : void 0;
   const search = query.trim();
   const request = React74.useMemo(
     () => ({
@@ -22054,7 +22099,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
     client,
     threadId,
     assistantId,
-    projectId,
+    projectId: projectId2,
     isReady,
     isLoading: isStreamLoading,
     error: streamError
@@ -22062,7 +22107,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
   const [threadRecords, setThreadRecords] = React75.useState([]);
   const [isLoading, setIsLoading] = React75.useState(false);
   const [error, setError] = React75.useState(null);
-  const filterProjectId = scope === "no-project" ? null : scope === "current-project" ? projectId : void 0;
+  const filterProjectId = scope === "no-project" ? null : scope === "current-project" ? projectId2 : void 0;
   const searchRequest = React75.useRef(null);
   React75.useEffect(() => {
     setThreadRecords([]);
@@ -22113,7 +22158,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
       setError(null);
       const payload = {
         xpertId: assistantId,
-        ...projectId ? { projectId } : {}
+        ...projectId2 ? { projectId: projectId2 } : {}
       };
       if (input?.recordId) payload.id = input.recordId;
       if (input?.threadId) payload.threadId = input.threadId;
@@ -22123,7 +22168,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
       upsertThreadRecord(created);
       return created;
     },
-    [assistantId, client, projectId, upsertThreadRecord]
+    [assistantId, client, projectId2, upsertThreadRecord]
   );
   const updateThread = React75.useCallback(
     async (recordId, payload) => {
@@ -22213,7 +22258,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
     client,
     isReady,
     isStreamLoading,
-    projectId,
+    projectId2,
     threadId,
     upsertThreadRecord
   ]);
@@ -25640,7 +25685,7 @@ function getVisibleHumanAttachments(attachments, references) {
 }
 
 // src/components/thread/messages/assistant-blocks.tsx
-import * as React101 from "react";
+import * as React102 from "react";
 import { Brain as Brain3, ChevronDown as ChevronDown12, ChevronRight as ChevronRight13, Clock3 as Clock33 } from "lucide-react";
 
 // src/lib/scroll.ts
@@ -26966,7 +27011,7 @@ function formatStepDuration2(durationMs) {
   }
   return `${minutes}m ${seconds}s`;
 }
-function getAgentRunStatusConfig(status, hasReply = false) {
+function getAgentRunStatusConfig(status, hasReply = false, outcome) {
   const normalized = normalizeRunStatus(status);
   if (normalized === "running") {
     return {
@@ -26976,6 +27021,14 @@ function getAgentRunStatusConfig(status, hasReply = false) {
       spin: true
     };
   }
+  if ((normalized === "success" || normalized === "succeeded") && outcome) {
+    return {
+      icon: outcome.accepted ? CheckCircle24 : outcome.status === "failed" ? XCircle3 : Info6,
+      iconClass: outcome.accepted ? "text-muted-foreground" : "text-destructive",
+      labelKey: `business_${outcome.status}`,
+      spin: false
+    };
+  }
   if (normalized === "success" || normalized === "succeeded") {
     return {
       icon: CheckCircle24,
@@ -27078,7 +27131,8 @@ function AgentRunGroup({
   const counts = getAgentRunCounts(node);
   const statusConfig = getAgentRunStatusConfig(
     node.info.status,
-    counts.text > 0
+    counts.text > 0,
+    node.info.businessOutcome
   );
   const StatusIcon = statusConfig.icon;
   const isRunning = isRunningRunStatus(node.info.status);
@@ -27739,7 +27793,7 @@ function hasLegacySurface(surface) {
 
 // src/components/thread/messages/mcp-app.tsx
 import {
-  resolveLocalizedText as resolveLocalizedText3
+  resolveLocalizedText as resolveLocalizedText4
 } from "@xpert-ai/chatkit-types";
 import { isEqual } from "lodash-es";
 import {
@@ -27748,9 +27802,10 @@ import {
   Maximize2,
   Minimize2,
   PictureInPicture2,
+  RefreshCw as RefreshCw4,
   ShieldAlert
 } from "lucide-react";
-import * as React100 from "react";
+import * as React101 from "react";
 
 // src/components/thread/messages/mcp-app/resource/values.ts
 function isRecord6(value) {
@@ -28006,6 +28061,7 @@ function normalizeMcpAppResourceResponse(value, data) {
     html,
     appInstanceToken: readString4(raw.appInstanceToken),
     resourceUri: readString4(raw.resourceUri),
+    refresh: readRefresh(raw.refresh),
     title: resourceInfo.title,
     description: resourceInfo.description,
     icon: resourceInfo.icon,
@@ -28023,6 +28079,13 @@ function normalizeMcpAppResourceResponse(value, data) {
 function isMcpAppComponentData(data) {
   return isRecord6(data) && data.type === "McpApp" && typeof data.appInstanceId === "string" && typeof data.resourceUri === "string";
 }
+function readRefresh(value) {
+  const raw = readRecord(value);
+  const toolName = raw && readString4(raw.toolName);
+  if (!raw || !toolName) return void 0;
+  if (raw.arguments !== void 0 && !isRecord6(raw.arguments)) return void 0;
+  return { toolName, arguments: readRecord(raw.arguments) };
+}
 
 // src/components/thread/messages/mcp-app/sandbox/policy.ts
 function domains(values) {
@@ -28573,7 +28636,29 @@ function useMcpAppApprovals({
   return { clearPendingApproval, dispatchHostRpc, resolvePendingApproval };
 }
 
+// src/components/thread/messages/mcp-app/bridge/project-link.ts
+import { z as z2 } from "zod";
+var projectId = z2.string().uuid();
+function parseMcpAppProjectLink(href) {
+  try {
+    const url = new URL(href);
+    if (url.protocol !== "xpert:" || url.hostname !== "project" || url.username || url.password || url.port || url.hash)
+      return null;
+    const id = projectId.safeParse(decodeURIComponent(url.pathname.slice(1)));
+    const viewKey = url.searchParams.get("viewKey");
+    if (!id.success || !viewKey || !/^[\w.-]+__[\w.-]+$/.test(viewKey))
+      return null;
+    if (url.searchParams.size !== 1) return null;
+    return { projectId: id.data, viewKey };
+  } catch {
+    return null;
+  }
+}
+
 // src/components/thread/messages/mcp-app/bridge/useMcpAppBridge.ts
+import {
+  resolveLocalizedText as resolveLocalizedText3
+} from "@xpert-ai/chatkit-types";
 import * as React96 from "react";
 
 // src/components/thread/messages/mcp-app/sandbox/html.ts
@@ -28727,6 +28812,10 @@ function buildMcpAppTheme(element) {
     "--mcp-app-font-mono": sanitizeCssValue(
       readHostCssVariable(source, "--font-mono") || "ui-monospace, SFMono-Regular, Menlo, monospace"
     ),
+    // Resolve rem-based host typography before crossing the iframe boundary.
+    "--mcp-app-font-size": sanitizeCssValue(
+      window.getComputedStyle(document.documentElement).fontSize || "16px"
+    ),
     "--mcp-app-radius": sanitizeCssValue(
       readHostCssVariable(source, "--radius") || "0.5rem"
     )
@@ -28745,7 +28834,7 @@ function buildMcpAppTheme(element) {
 }
 function injectMcpAppTheme(html, theme) {
   const declarations = Object.entries(theme.cssVariables).map(([name, value]) => `${name}: ${sanitizeCssValue(value)};`).join("");
-  const style = `<style id="mcp-app-host-theme">:root{font-size:14px;color-scheme:${theme.mode};${declarations}}</style>`;
+  const style = `<style id="mcp-app-host-theme">:root{font-size:var(--mcp-app-font-size,16px);color-scheme:${theme.mode};${declarations}}</style>`;
   return injectHeadContent(html, style);
 }
 
@@ -28754,6 +28843,7 @@ function standardMcpAppStyles(legacy) {
   const mapping = {
     "--font-sans": "--mcp-app-font-sans",
     "--font-mono": "--mcp-app-font-mono",
+    "--font-text-md-size": "--mcp-app-font-size",
     "--border-radius-md": "--mcp-app-radius",
     "--color-background-primary": "--mcp-app-color-background",
     "--color-background-secondary": "--mcp-app-color-card",
@@ -28766,7 +28856,9 @@ function standardMcpAppStyles(legacy) {
     "--color-border-primary": "--mcp-app-color-border",
     "--color-ring-primary": "--mcp-app-color-ring"
   };
-  return Object.fromEntries(Object.entries(mapping).filter(([, source]) => legacy[source]).map(([key, source]) => [key, legacy[source]]));
+  return Object.fromEntries(
+    Object.entries(mapping).filter(([, source]) => legacy[source]).map(([key, source]) => [key, legacy[source]])
+  );
 }
 
 // src/components/thread/messages/mcp-app/bridge/chat-input.ts
@@ -28921,6 +29013,7 @@ function useMcpAppBridge({
   streamIsLoading,
   dispatchHostRpc
 }) {
+  const { openProject } = useWorkbench();
   React96.useEffect(() => {
     if (!initializedRef.current) return;
     postToApp({
@@ -28932,6 +29025,27 @@ function useMcpAppBridge({
       }
     });
   }, [displayMode, height, postToApp]);
+  React96.useEffect(() => {
+    const notifyTheme = () => {
+      if (!initializedRef.current) return;
+      const theme = buildMcpAppTheme(containerRef.current);
+      postToApp({
+        jsonrpc: "2.0",
+        method: "ui/notifications/host-context-changed",
+        params: {
+          theme: theme.mode,
+          styles: { variables: standardMcpAppStyles(theme.cssVariables) },
+          themeCssVariables: theme.cssVariables
+        }
+      });
+    };
+    const observer = new MutationObserver(notifyTheme);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["style", "class", "data-theme"]
+    });
+    return () => observer.disconnect();
+  }, [postToApp]);
   React96.useEffect(() => {
     const handleMessage = async (event) => {
       if (event.source !== iframeRef.current?.contentWindow) {
@@ -29008,7 +29122,18 @@ function useMcpAppBridge({
         initializedRef.current = true;
         const permissions = resource?.permissions ?? data.permissions;
         const csp = resource?.csp ?? data.csp;
-        const toolInfo = resource?.toolInfo ?? normalizeMcpAppToolInfo(void 0, data);
+        const rawToolInfo = resource?.toolInfo ?? normalizeMcpAppToolInfo(void 0, data);
+        const toolInfo = {
+          ...rawToolInfo,
+          tool: {
+            ...rawToolInfo.tool,
+            title: resolveLocalizedText3(rawToolInfo.tool.title, i18n2.language) ?? rawToolInfo.tool.name,
+            description: resolveLocalizedText3(
+              rawToolInfo.tool.description,
+              i18n2.language
+            ) ?? void 0
+          }
+        };
         const theme = buildMcpAppTheme(containerRef.current);
         const hostLocale = normalizeHostLocale(i18n2.language);
         const hostLanguage = getLocaleLanguage(hostLocale);
@@ -29025,6 +29150,7 @@ function useMcpAppBridge({
               serverTools: {},
               serverResources: {},
               openLinks: {},
+              ...openProject ? { experimental: { "xpert/workbench": { openProject: true } } } : {},
               logging: {},
               message: {
                 text: {},
@@ -29092,6 +29218,28 @@ function useMcpAppBridge({
       }
       if (request.method === "ui/open-link") {
         const href = isRecord6(request.params) && typeof request.params.url === "string" ? request.params.url : isRecord6(request.params) && typeof request.params.href === "string" ? request.params.href : null;
+        const projectLink = href ? parseMcpAppProjectLink(href) : null;
+        if (projectLink) {
+          try {
+            const response = await openProject?.(
+              projectLink.projectId,
+              projectLink.viewKey
+            );
+            if (!isRecord6(response) || response.success !== true) {
+              postToApp(
+                jsonRpcError(
+                  request.id,
+                  i18n2.t("message.mcpApp.openProjectFailed")
+                )
+              );
+            } else {
+              postToApp(jsonRpcResult(request.id, {}));
+            }
+          } catch (cause) {
+            postToApp(jsonRpcError(request.id, getErrorMessage2(cause)));
+          }
+          return;
+        }
         if (!href || !isHttpUrl(href)) {
           if (request.id !== void 0) {
             postToApp(jsonRpcError(request.id, "Invalid URL"));
@@ -29195,6 +29343,7 @@ function useMcpAppBridge({
     client,
     data,
     dispatchHostRpc,
+    openProject,
     displayMode,
     i18n2.language,
     messageId,
@@ -29212,8 +29361,68 @@ function useMcpAppBridge({
   ]);
 }
 
-// src/components/thread/messages/mcp-app/resource/useMcpAppResource.ts
+// src/components/thread/messages/mcp-app/resource/useMcpAppRefresh.ts
 import * as React97 from "react";
+function useMcpAppRefresh(options) {
+  const [refreshing, setRefreshing] = React97.useState(false);
+  const [error, setError] = React97.useState(null);
+  const active = React97.useRef(null);
+  React97.useEffect(() => {
+    active.current = null;
+    setRefreshing(false);
+    setError(null);
+    return () => {
+      active.current = null;
+    };
+  }, [options.identity]);
+  const refresh = async () => {
+    if (!options.refresh || !options.ready.current || active.current) return;
+    const operation = /* @__PURE__ */ Symbol();
+    active.current = operation;
+    setRefreshing(true);
+    setError(null);
+    try {
+      const response = await options.call({
+        jsonrpc: "2.0",
+        id: `refresh-${Date.now()}`,
+        method: "tools/call",
+        params: {
+          name: options.refresh.toolName,
+          arguments: options.refresh.arguments ?? {}
+        }
+      });
+      if (active.current !== operation) return;
+      if (!isRecord6(response) || response.error || !("result" in response))
+        throw Error(options.failureMessage);
+      const result = normalizeCallToolResult(response.result);
+      if (result.isError) {
+        const text = result.content.find(
+          (item) => item.type === "text" && typeof item.text === "string"
+        )?.text;
+        throw Error(typeof text === "string" ? text : options.failureMessage);
+      }
+      options.post({
+        jsonrpc: "2.0",
+        method: "ui/notifications/tool-result",
+        params: result
+      });
+    } catch (cause) {
+      if (active.current === operation)
+        setError(
+          cause instanceof Error ? cause.message : options.failureMessage
+        );
+    } finally {
+      if (active.current === operation) {
+        active.current = null;
+        setRefreshing(false);
+      }
+    }
+  };
+  return { refresh, refreshing, error };
+}
+
+// src/components/thread/messages/mcp-app/resource/useMcpAppResource.ts
+import * as React98 from "react";
 function useMcpAppResource({
   initializedRef,
   sentInitialResultRef,
@@ -29239,7 +29448,7 @@ function useMcpAppResource({
   i18n: i18n2,
   containerRef
 }) {
-  const sendInitialToolNotifications = React97.useCallback(() => {
+  const sendInitialToolNotifications = React98.useCallback(() => {
     if (!initializedRef.current || sentInitialResultRef.current || !resource) {
       return;
     }
@@ -29266,7 +29475,7 @@ function useMcpAppResource({
       }
     });
   }, [data.toolCallId, data.toolName, postToApp, resource]);
-  React97.useEffect(() => {
+  React98.useEffect(() => {
     const controller = new AbortController();
     initializedRef.current = false;
     sentInitialResultRef.current = false;
@@ -29335,37 +29544,37 @@ function useMcpAppResource({
 }
 
 // src/components/thread/messages/mcp-app/session/useMcpAppState.ts
-import * as React98 from "react";
+import * as React99 from "react";
 function useMcpAppState({ data }) {
-  const iframeRef = React98.useRef(null);
-  const appWindowRef = React98.useRef(null);
-  const containerRef = React98.useRef(null);
-  const initializedRef = React98.useRef(false);
-  const sentInitialResultRef = React98.useRef(false);
-  const modelContextRef = React98.useRef(null);
-  const pendingApprovalRef = React98.useRef(null);
-  const approvalActionRef = React98.useRef(null);
-  const runtimeAppInstanceTokenRef = React98.useRef(
+  const iframeRef = React99.useRef(null);
+  const appWindowRef = React99.useRef(null);
+  const containerRef = React99.useRef(null);
+  const initializedRef = React99.useRef(false);
+  const sentInitialResultRef = React99.useRef(false);
+  const modelContextRef = React99.useRef(null);
+  const pendingApprovalRef = React99.useRef(null);
+  const approvalActionRef = React99.useRef(null);
+  const runtimeAppInstanceTokenRef = React99.useRef(
     data.appInstanceToken
   );
-  const teardownGenerationRef = React98.useRef(0);
-  const teardownStartedRef = React98.useRef(false);
-  const activeAppInstanceIdRef = React98.useRef(data.appInstanceId);
-  const [resource, setResource] = React98.useState(null);
-  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React98.useState(data.appInstanceToken);
-  const [srcDoc, setSrcDoc] = React98.useState(null);
-  const [height, setHeight] = React98.useState(420);
-  const [displayMode, setDisplayMode] = React98.useState("inline");
-  const [pendingApproval, setPendingApproval] = React98.useState(null);
-  const [approvalAction, setApprovalAction] = React98.useState(null);
-  const [approvalError, setApprovalError] = React98.useState(null);
-  const [error, setError] = React98.useState(null);
-  const [isLoading, setIsLoading] = React98.useState(true);
-  const [isTornDown, setIsTornDown] = React98.useState(false);
-  React98.useEffect(() => {
+  const teardownGenerationRef = React99.useRef(0);
+  const teardownStartedRef = React99.useRef(false);
+  const activeAppInstanceIdRef = React99.useRef(data.appInstanceId);
+  const [resource, setResource] = React99.useState(null);
+  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React99.useState(data.appInstanceToken);
+  const [srcDoc, setSrcDoc] = React99.useState(null);
+  const [height, setHeight] = React99.useState(420);
+  const [displayMode, setDisplayMode] = React99.useState("inline");
+  const [pendingApproval, setPendingApproval] = React99.useState(null);
+  const [approvalAction, setApprovalAction] = React99.useState(null);
+  const [approvalError, setApprovalError] = React99.useState(null);
+  const [error, setError] = React99.useState(null);
+  const [isLoading, setIsLoading] = React99.useState(true);
+  const [isTornDown, setIsTornDown] = React99.useState(false);
+  React99.useEffect(() => {
     runtimeAppInstanceTokenRef.current = runtimeAppInstanceToken;
   }, [runtimeAppInstanceToken]);
-  const bindIframeRef = React98.useCallback(
+  const bindIframeRef = React99.useCallback(
     (iframe) => {
       iframeRef.current = iframe;
       if (iframe?.contentWindow) {
@@ -29414,7 +29623,7 @@ function useMcpAppState({ data }) {
 }
 
 // src/components/thread/messages/mcp-app/session/useMcpAppTeardown.ts
-import * as React99 from "react";
+import * as React100 from "react";
 function useMcpAppTeardown({
   teardownGenerationRef,
   activeAppInstanceIdRef,
@@ -29427,11 +29636,11 @@ function useMcpAppTeardown({
   teardownStartedRef,
   client
 }) {
-  const isSupersededStrictModeTeardown = React99.useCallback(
+  const isSupersededStrictModeTeardown = React100.useCallback(
     (generation, appInstanceId) => teardownGenerationRef.current !== generation && activeAppInstanceIdRef.current === appInstanceId,
     []
   );
-  React99.useEffect(() => {
+  React100.useEffect(() => {
     const generation = ++teardownGenerationRef.current;
     activeAppInstanceIdRef.current = data.appInstanceId;
     return () => {
@@ -29488,7 +29697,7 @@ function McpAppMessage({
   className,
   mcpApps
 }) {
-  const dataRef = React100.useRef(incomingData);
+  const dataRef = React101.useRef(incomingData);
   if (!isEqual(dataRef.current, incomingData)) dataRef.current = incomingData;
   const data = dataRef.current;
   const { i18n: i18n2 } = useChatkitTranslation();
@@ -29500,11 +29709,11 @@ function McpAppMessage({
     conversationId
   } = useStreamContext();
   const state = useMcpAppState({ data });
-  const sandboxProxy = React100.useMemo(
+  const sandboxProxy = React101.useMemo(
     () => resolveMcpAppSandboxProxy(mcpApps, state.resource?.domain ?? data.domain),
     [data.domain, mcpApps, state.resource?.domain]
   );
-  const postToApp = React100.useCallback(
+  const postToApp = React101.useCallback(
     (message) => {
       state.iframeRef.current?.contentWindow?.postMessage(
         message,
@@ -29513,7 +29722,7 @@ function McpAppMessage({
     },
     [sandboxProxy?.origin]
   );
-  const callHostRpc = React100.useCallback(
+  const callHostRpc = React101.useCallback(
     async (request) => {
       return client.mcp.apps.rpc(
         data.appInstanceId,
@@ -29531,6 +29740,14 @@ function McpAppMessage({
     },
     [client, data, messageId, state.runtimeAppInstanceToken]
   );
+  const refresh = useMcpAppRefresh({
+    identity: data.appInstanceId,
+    refresh: state.resource?.refresh,
+    ready: state.initializedRef,
+    call: callHostRpc,
+    post: postToApp,
+    failureMessage: i18n2.t("message.mcpApp.refreshFailed")
+  });
   const approvals = useMcpAppApprovals({
     ...state,
     postToApp,
@@ -29549,7 +29766,7 @@ function McpAppMessage({
   });
   useMcpAppTeardown({ ...state, data, sandboxProxy, messageId, client });
   useMcpAppApprovalExpiry({ ...state, ...approvals, postToApp });
-  React100.useEffect(() => {
+  React101.useEffect(() => {
     resourceLifecycle.sendInitialToolNotifications();
   }, [resourceLifecycle.sendInitialToolNotifications]);
   useMcpAppBridge({
@@ -29569,14 +29786,14 @@ function McpAppMessage({
     streamIsLoading
   });
   const iframePermissions = state.resource?.permissions ?? data.permissions;
-  const iframeAllow = React100.useMemo(
+  const iframeAllow = React101.useMemo(
     () => buildIframeAllow(iframePermissions),
     [iframePermissions]
   );
   const sandbox = sandboxProxy ? "allow-scripts allow-same-origin" : buildSandboxAttribute();
   const prefersBorder = state.resource?.prefersBorder ?? data.prefersBorder ?? true;
-  const displayTitle = resolveLocalizedText3(state.resource?.title ?? data.title, i18n2.language) ?? data.toolName;
-  const displayDescription = resolveLocalizedText3(
+  const displayTitle = resolveLocalizedText4(state.resource?.title ?? data.title, i18n2.language) ?? data.toolName;
+  const displayDescription = resolveLocalizedText4(
     state.resource?.description ?? data.description,
     i18n2.language
   );
@@ -29623,6 +29840,24 @@ function McpAppMessage({
               ] })
             ] }),
             /* @__PURE__ */ jsxs80("div", { className: "flex shrink-0 items-center gap-1", children: [
+              state.resource?.refresh ? /* @__PURE__ */ jsx105(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-xs",
+                  title: i18n2.t("message.mcpApp.refresh"),
+                  "aria-label": i18n2.t("message.mcpApp.refresh"),
+                  disabled: state.isLoading || refresh.refreshing || !!state.pendingApproval,
+                  onClick: () => void refresh.refresh(),
+                  children: /* @__PURE__ */ jsx105(
+                    RefreshCw4,
+                    {
+                      className: cn(refresh.refreshing && "animate-spin")
+                    }
+                  )
+                }
+              ) : null,
               state.displayMode !== "fullscreen" ? /* @__PURE__ */ jsx105(
                 Button,
                 {
@@ -29661,6 +29896,7 @@ function McpAppMessage({
               ) : null
             ] })
           ] }),
+          refresh.error ? /* @__PURE__ */ jsx105("div", { role: "alert", className: "px-3 py-2 text-sm text-destructive", children: refresh.error }) : null,
           state.pendingApproval ? /* @__PURE__ */ jsx105(
             "div",
             {
@@ -29839,11 +30075,11 @@ function ReasoningBlock({
   isReasoning = false
 }) {
   const { t } = useChatkitTranslation();
-  const [expanded, setExpanded] = React101.useState(isReasoning);
-  React101.useEffect(() => {
+  const [expanded, setExpanded] = React102.useState(isReasoning);
+  React102.useEffect(() => {
     setExpanded(isReasoning);
   }, [isReasoning]);
-  const contentId = React101.useId();
+  const contentId = React102.useId();
   const blocks = reasoning.filter((item) => item.text?.trim());
   if (blocks.length === 0) return null;
   return /* @__PURE__ */ jsxs82("div", { className: "space-y-2 px-1 py-1", children: [
@@ -29947,11 +30183,11 @@ function formatStepDuration3(durationMs) {
 }
 function ComponentBlock({ content }) {
   const { i18n: i18n2 } = useChatkitTranslation();
-  const [isExpanded, setIsExpanded] = React101.useState(false);
-  const contentRef = React101.useRef(null);
-  const shouldAutoScrollRef = React101.useRef(true);
-  const previousScrollTopRef = React101.useRef(0);
-  const [durationNow, setDurationNow] = React101.useState(() => Date.now());
+  const [isExpanded, setIsExpanded] = React102.useState(false);
+  const contentRef = React102.useRef(null);
+  const shouldAutoScrollRef = React102.useRef(true);
+  const previousScrollTopRef = React102.useRef(0);
+  const [durationNow, setDurationNow] = React102.useState(() => Date.now());
   const data = getToolStepData(content);
   const category = data.category ?? "Component";
   const title = getToolActivityLabel(content, i18n2.language);
@@ -29965,10 +30201,10 @@ function ComponentBlock({ content }) {
   const endedAt = parseStepDate2(data.end_date);
   const durationMs = createdAt === null ? null : Math.max(0, (endedAt ?? durationNow) - createdAt);
   const durationLabel = durationMs === null ? null : formatStepDuration3(durationMs);
-  React101.useEffect(() => {
+  React102.useEffect(() => {
     if (status === "running" && output !== null) setIsExpanded(true);
   }, [status, output]);
-  React101.useEffect(() => {
+  React102.useEffect(() => {
     if (status !== "running" || createdAt === null || endedAt !== null) {
       return;
     }
@@ -29980,7 +30216,7 @@ function ComponentBlock({ content }) {
       window.clearInterval(timer);
     };
   }, [createdAt, endedAt, status]);
-  React101.useEffect(() => {
+  React102.useEffect(() => {
     const element = contentRef.current;
     if (!element) return;
     previousScrollTopRef.current = element.scrollTop;
@@ -30002,7 +30238,7 @@ function ComponentBlock({ content }) {
       element.removeEventListener("scroll", updateAutoScrollState);
     };
   }, [isExpanded]);
-  React101.useEffect(() => {
+  React102.useEffect(() => {
     if (status !== "running") {
       shouldAutoScrollRef.current = true;
       return;
@@ -30176,7 +30412,7 @@ import "react";
 import { Loader2 as Loader220 } from "lucide-react";
 
 // src/components/thread/messages/resource-cards.tsx
-import * as React102 from "react";
+import * as React103 from "react";
 import { Box, Loader2 as Loader218 } from "lucide-react";
 import {
   parseResourceCardContent as parseResourceCardContent2,
@@ -30199,8 +30435,8 @@ function ResourceCard({
 }) {
   const workbench = useWorkbench();
   const { t } = useChatkitTranslation();
-  const [busy, setBusy] = React102.useState(false);
-  const [error, setError] = React102.useState(null);
+  const [busy, setBusy] = React103.useState(false);
+  const [error, setError] = React103.useState(null);
   const available = workbench.enabled && !!workbench.openResourceCard;
   const open = async () => {
     if (!available || busy) return;
@@ -30273,51 +30509,92 @@ function MessageResourceCards({
 import "react";
 
 // src/components/thread/messages/external-assistant-run-row.tsx
-import * as React103 from "react";
+import * as React104 from "react";
 import { Bot as Bot8, ChevronRight as ChevronRight14, Clock3 as Clock34 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx109, jsxs as jsxs84 } from "react/jsx-runtime";
+
+// src/components/thread/messages/external-assistant-cancel-button.tsx
+import { LoaderCircle as LoaderCircle3, Square as Square3 } from "lucide-react";
+import { jsx as jsx109, jsxs as jsxs84 } from "react/jsx-runtime";
+function ExternalAssistantCancelButton({
+  name,
+  onCancel,
+  pending,
+  requested
+}) {
+  const { t } = useChatkitTranslation();
+  const label = t(
+    pending ? "workbench.externalAssistants.cancelling" : requested ? "workbench.externalAssistants.cancelRequested" : "workbench.externalAssistants.cancel"
+  );
+  return /* @__PURE__ */ jsxs84(
+    "button",
+    {
+      type: "button",
+      onClick: onCancel,
+      disabled: pending || requested,
+      "aria-label": t("workbench.externalAssistants.cancelRun", { name }),
+      title: label,
+      className: "inline-flex shrink-0 items-center gap-1 rounded-md border px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-default disabled:opacity-50",
+      children: [
+        pending ? /* @__PURE__ */ jsx109(LoaderCircle3, { className: "size-3 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx109(Square3, { className: "size-3", "aria-hidden": "true" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/components/thread/messages/external-assistant-run-row.tsx
+import { Fragment as Fragment18, jsx as jsx110, jsxs as jsxs85 } from "react/jsx-runtime";
 function ExternalAssistantAvatar({ info }) {
   const { t } = useChatkitTranslation();
-  return info.avatar ? /* @__PURE__ */ jsx109(
+  return info.avatar ? /* @__PURE__ */ jsx110(
     ChatkitAvatar,
     {
       avatar: info.avatar,
       label: getAgentRunTitle(info, t("message.agentRun.defaultTitle")) ?? "",
       className: "size-5 shrink-0"
     }
-  ) : /* @__PURE__ */ jsx109(Bot8, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" });
+  ) : /* @__PURE__ */ jsx110(Bot8, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" });
 }
 function AgentRunStatus({ info }) {
   const { t } = useChatkitTranslation();
-  const [now, setNow] = React103.useState(Date.now);
+  const [now, setNow] = React104.useState(Date.now);
   const running = isRunningRunStatus(info.status);
-  React103.useEffect(() => {
+  React104.useEffect(() => {
     if (!running) return;
     const timer = window.setInterval(() => setNow(Date.now()), 1e3);
     return () => window.clearInterval(timer);
   }, [running]);
-  const config = getAgentRunStatusConfig(info.status);
+  const config = getAgentRunStatusConfig(
+    info.status,
+    false,
+    info.businessOutcome
+  );
   const StatusIcon = config.icon;
   const duration = getAgentRunDuration(info, now);
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     "span",
     {
       className: "inline-flex shrink-0 items-center gap-1.5 text-xs text-muted-foreground",
       role: "status",
+      title: info.businessOutcome?.message,
       children: [
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx110(
           StatusIcon,
           {
-            className: cn("h-3.5 w-3.5", config.spin && "animate-spin"),
+            className: cn(
+              "h-3.5 w-3.5",
+              config.iconClass,
+              config.spin && "animate-spin"
+            ),
             "aria-hidden": "true"
           }
         ),
         t(`message.agentRun.status.${config.labelKey}`, {
           defaultValue: info.status ?? config.labelKey
         }),
-        duration !== null && /* @__PURE__ */ jsxs84(Fragment18, { children: [
-          /* @__PURE__ */ jsx109(Clock34, { className: "ml-1 h-3 w-3", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx109("span", { className: "tabular-nums", children: formatStepDuration2(duration) })
+        duration !== null && /* @__PURE__ */ jsxs85(Fragment18, { children: [
+          /* @__PURE__ */ jsx110(Clock34, { className: "ml-1 h-3 w-3", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx110("span", { className: "tabular-nums", children: formatStepDuration2(duration) })
         ] })
       ]
     }
@@ -30325,31 +30602,45 @@ function AgentRunStatus({ info }) {
 }
 function ExternalAssistantRunRow({
   info,
-  onOpen
+  onOpen,
+  onCancel,
+  cancelPending,
+  cancelRequested
 }) {
   const { t } = useChatkitTranslation();
   const title = getAgentRunTitle(info, t("message.agentRun.defaultTitle"));
-  return /* @__PURE__ */ jsxs84(
-    "button",
-    {
-      type: "button",
-      onClick: () => onOpen(info.id),
-      "aria-label": t("workbench.externalAssistants.openRun", { name: title }),
-      className: "group flex w-full min-w-0 items-center gap-2 rounded-lg px-2 py-2 text-left text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      children: [
-        /* @__PURE__ */ jsx109(ExternalAssistantAvatar, { info }),
-        /* @__PURE__ */ jsx109("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsx109(AgentRunStatus, { info }),
-        /* @__PURE__ */ jsx109(ChevronRight14, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs85("div", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxs85(
+      "button",
+      {
+        type: "button",
+        onClick: () => onOpen(info.id),
+        "aria-label": t("workbench.externalAssistants.openRun", { name: title }),
+        className: "group flex min-w-0 flex-1 items-center gap-2 rounded-lg px-2 py-2 text-left text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        children: [
+          /* @__PURE__ */ jsx110(ExternalAssistantAvatar, { info }),
+          /* @__PURE__ */ jsx110("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: title }),
+          /* @__PURE__ */ jsx110(AgentRunStatus, { info }),
+          /* @__PURE__ */ jsx110(ChevronRight14, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    onCancel && isRunningRunStatus(info.status) && /* @__PURE__ */ jsx110(
+      ExternalAssistantCancelButton,
+      {
+        name: title ?? "",
+        onCancel,
+        pending: cancelPending,
+        requested: cancelRequested
+      }
+    )
+  ] });
 }
 
 // src/components/thread/messages/assistant-process.tsx
-import * as React104 from "react";
+import * as React105 from "react";
 import { ChevronRight as ChevronRight15, Loader2 as Loader219 } from "lucide-react";
-import { jsx as jsx110, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs86 } from "react/jsx-runtime";
 function AssistantProcess({
   enabled = true,
   renderContent,
@@ -30360,22 +30651,22 @@ function AssistantProcess({
   durationMs
 }) {
   const { t } = useChatkitTranslation();
-  const [userExpanded, setUserExpanded] = React104.useState(null);
+  const [userExpanded, setUserExpanded] = React105.useState(null);
   const expanded = forceExpanded || (userExpanded ?? running);
-  const contentId = React104.useId();
+  const contentId = React105.useId();
   const seconds = durationMs === void 0 ? null : Math.floor(durationMs / 1e3);
   const duration = seconds === null ? null : seconds >= 60 ? t("message.process.minutesSeconds", {
     minutes: Math.floor(seconds / 60),
     seconds: seconds % 60
   }) : t("message.process.seconds", { seconds });
-  return /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsxs86(
     "div",
     {
       className: "space-y-3 in-data-[density=compact]:space-y-2 in-data-[density=spacious]:space-y-4",
       "data-assistant-presentation": enabled ? "final-answer" : void 0,
       children: [
-        /* @__PURE__ */ jsxs85("div", { hidden: !enabled, children: [
-          /* @__PURE__ */ jsx110("div", { className: "border-b border-border/60 pb-2", children: /* @__PURE__ */ jsxs85(
+        /* @__PURE__ */ jsxs86("div", { hidden: !enabled, children: [
+          /* @__PURE__ */ jsx111("div", { className: "border-b border-border/60 pb-2", children: /* @__PURE__ */ jsxs86(
             "button",
             {
               type: "button",
@@ -30387,15 +30678,15 @@ function AssistantProcess({
                 if (!forceExpanded) setUserExpanded(!expanded);
               },
               children: [
-                running && /* @__PURE__ */ jsx110(
+                running && /* @__PURE__ */ jsx111(
                   Loader219,
                   {
                     "aria-hidden": "true",
                     className: "mr-1 h-3.5 w-3.5 animate-spin"
                   }
                 ),
-                /* @__PURE__ */ jsx110("span", { children: running ? t("message.process.running") : duration ? t("message.process.duration", { duration }) : t("message.process.title") }),
-                /* @__PURE__ */ jsx110(
+                /* @__PURE__ */ jsx111("span", { children: running ? t("message.process.running") : duration ? t("message.process.duration", { duration }) : t("message.process.title") }),
+                /* @__PURE__ */ jsx111(
                   ChevronRight15,
                   {
                     "aria-hidden": "true",
@@ -30408,9 +30699,9 @@ function AssistantProcess({
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx110("div", { id: contentId, hidden: !expanded, className: "mt-3 space-y-3", children: process })
+          /* @__PURE__ */ jsx111("div", { id: contentId, hidden: !expanded, className: "mt-3 space-y-3", children: process })
         ] }),
-        renderContent ? /* @__PURE__ */ jsx110(
+        renderContent ? /* @__PURE__ */ jsx111(
           "div",
           {
             id: `${contentId}-content`,
@@ -30424,7 +30715,7 @@ function AssistantProcess({
 }
 
 // src/components/thread/messages/assistant-content.tsx
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 function groupAdjacentReasoning(units) {
   const groups = [];
   for (const unit of units) {
@@ -30450,11 +30741,11 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
   const bubbles = mode === "bubbles";
   if (unit.type === "reasoning-group") {
     if (bubbles) return null;
-    return /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsx112(
       "div",
       {
         hidden: bubbles,
-        children: !bubbles && /* @__PURE__ */ jsx111(
+        children: !bubbles && /* @__PURE__ */ jsx112(
           ReasoningBlock,
           {
             reasoning: unit.items,
@@ -30471,7 +30762,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
     const hidden = bubbles && (kind === "process" || kind === "omitted");
     if (hidden) return null;
     const key = typeof content === "string" ? `text-${unit.index}` : content.id ?? `item-${unit.index}`;
-    return /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsx112(
       MessageBubble,
       {
         mode,
@@ -30488,11 +30779,11 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
     );
   }
   if (bubbles && !unit.items.some(hasBubbleToolResult)) return null;
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     "div",
     {
       className: bubbles ? "space-y-3 empty:hidden" : void 0,
-      children: bubbles ? /* @__PURE__ */ jsx111(BubbleToolResults, { items: unit.items, messageStatus: message.status }) : /* @__PURE__ */ jsx111(
+      children: bubbles ? /* @__PURE__ */ jsx112(BubbleToolResults, { items: unit.items, messageStatus: message.status }) : /* @__PURE__ */ jsx112(
         ToolComponentGroup,
         {
           items: unit.items,
@@ -30522,7 +30813,7 @@ function renderEntryBatch(entries, message, lookupMessages, hasFollowingItem, op
     const sourceIndex = entry.index;
     const mapped = unit.type === "item" ? { ...unit, index: sourceIndex } : { ...unit, startIndex: sourceIndex };
     const key = unit.type === "item" ? `entry-${entry.source}-${typeof unit.item === "string" ? sourceIndex : unit.item.id ?? sourceIndex}` : `${unit.type}-${entry.source}-${unit.items[0]?.id ?? sourceIndex}`;
-    return /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsx112(
       "div",
       {
         hidden: options?.hiddenOrders?.has(entry.order),
@@ -30565,12 +30856,12 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     flushEntries(true);
     if (unit.node.info.invocationKind === "external_assistant" && options?.onOpenExternalAssistant) {
       rendered.push(
-        /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsx112(
           MessageBubble,
           {
             mode: options.mode,
             hidden: options.hiddenOrders?.has(unit.order),
-            children: /* @__PURE__ */ jsx111(
+            children: /* @__PURE__ */ jsx112(
               ExternalAssistantRunRow,
               {
                 info: unit.node.info,
@@ -30584,13 +30875,13 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
       return;
     }
     rendered.push(
-      /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx112(
         MessageBubble,
         {
           mode: options?.mode,
           hidden: options?.hiddenOrders?.has(unit.order),
           "data-quote-source": unit.node.info.xpertName ?? unit.node.info.title,
-          children: /* @__PURE__ */ jsx111(
+          children: /* @__PURE__ */ jsx112(
             AgentRunGroup,
             {
               mode: options?.mode,
@@ -30621,7 +30912,7 @@ function AssistantContent({
   const tree = buildAssistantRenderTree(message);
   const presentation = getAssistantPresentation(message);
   const canSeparate = options.mode !== "bubbles" && options.collapseProcess && presentation.canSeparate && Boolean(presentation.process.length || options.processPrefix);
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     AssistantProcess,
     {
       enabled: Boolean(canSeparate),
@@ -30638,7 +30929,7 @@ function AssistantContent({
 }
 
 // src/components/thread/messages/ai.tsx
-import { Fragment as Fragment19, jsx as jsx112, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx113, jsxs as jsxs87 } from "react/jsx-runtime";
 function AssistantStreamingIndicator({
   status,
   className
@@ -30649,7 +30940,7 @@ function AssistantStreamingIndicator({
     thinking: t("message.thinking"),
     answering: t("message.answering")
   };
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87(
     "div",
     {
       className: cn(
@@ -30657,18 +30948,18 @@ function AssistantStreamingIndicator({
         className
       ),
       children: [
-        status === "loading" && /* @__PURE__ */ jsx112(Loader220, { className: "h-3.5 w-3.5 animate-spin" }),
-        status === "thinking" && /* @__PURE__ */ jsxs86("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx112("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
-          /* @__PURE__ */ jsx112("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
-          /* @__PURE__ */ jsx112("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
+        status === "loading" && /* @__PURE__ */ jsx113(Loader220, { className: "h-3.5 w-3.5 animate-spin" }),
+        status === "thinking" && /* @__PURE__ */ jsxs87("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx113("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
+          /* @__PURE__ */ jsx113("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
+          /* @__PURE__ */ jsx113("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
         ] }),
-        status === "answering" && /* @__PURE__ */ jsxs86("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx112("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
-          /* @__PURE__ */ jsx112("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
-          /* @__PURE__ */ jsx112("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
+        status === "answering" && /* @__PURE__ */ jsxs87("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx113("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
+          /* @__PURE__ */ jsx113("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
+          /* @__PURE__ */ jsx113("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx112("span", { children: labelMap[status] })
+        /* @__PURE__ */ jsx113("span", { children: labelMap[status] })
       ]
     }
   );
@@ -30700,7 +30991,7 @@ function AssistantMessage({
   const isReasoning = isStreaming && message.status !== "answering" && resolvedStreamingStatus === "thinking";
   const lookupMessages = messages?.length ? messages : [message];
   const inlinePetState = resolvedStreamingStatus ? resolvedStreamingStatus === "loading" ? "running" : "review" : null;
-  const inlinePet = inlinePetState ? /* @__PURE__ */ jsx112(InlinePetStatus, { pet, state: inlinePetState }) : null;
+  const inlinePet = inlinePetState ? /* @__PURE__ */ jsx113(InlinePetStatus, { pet, state: inlinePetState }) : null;
   const contentOptions = {
     mode,
     collapseProcess,
@@ -30714,7 +31005,7 @@ function AssistantMessage({
     apiUrl,
     mcpApps
   };
-  const answerNode = /* @__PURE__ */ jsx112(
+  const answerNode = /* @__PURE__ */ jsx113(
     AssistantContent,
     {
       message,
@@ -30735,21 +31026,21 @@ function AssistantMessage({
   if (!hasContent && !hasReasoning && !resolvedStreamingStatus && !showCompletion)
     return null;
   const streamingClass = isStreaming ? "streaming-active" : "";
-  return /* @__PURE__ */ jsxs86("div", { className: cn("space-y-3", streamingClass, className), children: [
+  return /* @__PURE__ */ jsxs87("div", { className: cn("space-y-3", streamingClass, className), children: [
     answerNode,
-    !isStreaming && /* @__PURE__ */ jsxs86(Fragment19, { children: [
-      /* @__PURE__ */ jsx112(
+    !isStreaming && /* @__PURE__ */ jsxs87(Fragment19, { children: [
+      /* @__PURE__ */ jsx113(
         MessageBubble,
         {
           mode,
           hidden: !hasRenderableFileActivity(message),
-          children: /* @__PURE__ */ jsx112(MessageFileActivity, { message })
+          children: /* @__PURE__ */ jsx113(MessageFileActivity, { message })
         }
       ),
-      /* @__PURE__ */ jsx112(MessageResourceCards, { message, mode })
+      /* @__PURE__ */ jsx113(MessageResourceCards, { message, mode })
     ] }),
-    showCompletion && /* @__PURE__ */ jsx112(MessageBubble, { mode, kind: "status", role: "status", children: t(`message.bubbles.${completion}`) }),
-    resolvedStreamingStatus ? /* @__PURE__ */ jsxs86(
+    showCompletion && /* @__PURE__ */ jsx113(MessageBubble, { mode, kind: "status", role: "status", children: t(`message.bubbles.${completion}`) }),
+    resolvedStreamingStatus ? /* @__PURE__ */ jsxs87(
       MessageBubble,
       {
         mode,
@@ -30757,7 +31048,7 @@ function AssistantMessage({
         className: "flex items-center gap-2",
         children: [
           inlinePet,
-          /* @__PURE__ */ jsx112(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
+          /* @__PURE__ */ jsx113(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
         ]
       }
     ) : null
@@ -30765,32 +31056,32 @@ function AssistantMessage({
 }
 
 // src/components/thread/MessageActions.tsx
-import * as React108 from "react";
+import * as React109 from "react";
 import {
   Check as Check10,
   Copy as Copy3,
   Pencil as Pencil7,
-  RefreshCw as RefreshCw4,
+  RefreshCw as RefreshCw5,
   GitBranch as GitBranch2,
   Loader2 as Loader221
 } from "lucide-react";
 
 // src/components/thread/MessageSkills.tsx
-import * as React107 from "react";
+import * as React108 from "react";
 import { BookOpen as BookOpen3 } from "lucide-react";
 import {
   chatSkillUsageKey
 } from "@xpert-ai/chatkit-types";
-import { jsx as jsx113, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs88 } from "react/jsx-runtime";
 function MessageSkills({
   usages,
   onOpen
 }) {
   const { t } = useChatkitTranslation();
-  const [open, setOpen] = React107.useState(false);
-  const pinned = React107.useRef(false);
-  const timer = React107.useRef(void 0);
-  const titleId = React107.useId();
+  const [open, setOpen] = React108.useState(false);
+  const pinned = React108.useRef(false);
+  const timer = React108.useRef(void 0);
+  const titleId = React108.useId();
   const cancelClose = () => clearTimeout(timer.current);
   const show = () => {
     cancelClose();
@@ -30808,8 +31099,8 @@ function MessageSkills({
       if (!pinned.current) setOpen(false);
     }, 150);
   };
-  React107.useEffect(() => () => clearTimeout(timer.current), []);
-  return /* @__PURE__ */ jsxs87(
+  React108.useEffect(() => () => clearTimeout(timer.current), []);
+  return /* @__PURE__ */ jsxs88(
     Popover,
     {
       open,
@@ -30817,7 +31108,7 @@ function MessageSkills({
         if (!next) close();
       },
       children: [
-        /* @__PURE__ */ jsx113(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx113(
+        /* @__PURE__ */ jsx114(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx114(
           "button",
           {
             type: "button",
@@ -30837,10 +31128,10 @@ function MessageSkills({
                 show();
               }
             },
-            children: /* @__PURE__ */ jsx113(BookOpen3, { size: 14, "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx114(BookOpen3, { size: 14, "aria-hidden": "true" })
           }
         ) }),
-        /* @__PURE__ */ jsxs87(
+        /* @__PURE__ */ jsxs88(
           PopoverContent,
           {
             side: "top",
@@ -30853,14 +31144,14 @@ function MessageSkills({
             onPointerEnter: cancelClose,
             onPointerLeave: scheduleClose,
             children: [
-              /* @__PURE__ */ jsx113("div", { id: titleId, className: "mb-2 text-sm font-medium", children: t("messageActions.skills.title") }),
-              /* @__PURE__ */ jsx113("ul", { className: "max-h-64 space-y-1 overflow-y-auto text-sm", children: usages.map((usage) => /* @__PURE__ */ jsxs87(
+              /* @__PURE__ */ jsx114("div", { id: titleId, className: "mb-2 text-sm font-medium", children: t("messageActions.skills.title") }),
+              /* @__PURE__ */ jsx114("ul", { className: "max-h-64 space-y-1 overflow-y-auto text-sm", children: usages.map((usage) => /* @__PURE__ */ jsxs88(
                 "li",
                 {
                   className: "flex items-start justify-between gap-4",
                   children: [
-                    /* @__PURE__ */ jsx113("span", { className: "min-w-0 break-words", children: usage.name }),
-                    /* @__PURE__ */ jsx113("span", { className: "shrink-0 text-muted-foreground", children: t(`messageActions.skills.sources.${usage.source.type}`) })
+                    /* @__PURE__ */ jsx114("span", { className: "min-w-0 break-words", children: usage.name }),
+                    /* @__PURE__ */ jsx114("span", { className: "shrink-0 text-muted-foreground", children: t(`messageActions.skills.sources.${usage.source.type}`) })
                   ]
                 },
                 chatSkillUsageKey(usage)
@@ -30874,7 +31165,7 @@ function MessageSkills({
 }
 
 // src/components/thread/MessageTimestamp.tsx
-import { jsx as jsx114, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs89 } from "react/jsx-runtime";
 function formatCompactTime(date, language, now = /* @__PURE__ */ new Date()) {
   const time = new Intl.DateTimeFormat(language, {
     hour: "2-digit",
@@ -30913,8 +31204,8 @@ function MessageTimestamp({
       timeZoneName: "short"
     }).format(date)
   });
-  return /* @__PURE__ */ jsxs88(Tooltip, { children: [
-    /* @__PURE__ */ jsx114(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsxs89(Tooltip, { children: [
+    /* @__PURE__ */ jsx115(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx115(
       "time",
       {
         dateTime: date.toISOString(),
@@ -30924,12 +31215,12 @@ function MessageTimestamp({
         children: formatCompactTime(date, i18n2.language)
       }
     ) }),
-    /* @__PURE__ */ jsx114(TooltipContent, { side: "bottom", children: label })
+    /* @__PURE__ */ jsx115(TooltipContent, { side: "bottom", children: label })
   ] });
 }
 
 // src/components/thread/MessageActions.tsx
-import { jsx as jsx115, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs90 } from "react/jsx-runtime";
 function MessageActionButton({
   label,
   tooltip = label,
@@ -30938,7 +31229,7 @@ function MessageActionButton({
   className,
   ...props
 }) {
-  const button = /* @__PURE__ */ jsx115(
+  const button = /* @__PURE__ */ jsx116(
     "button",
     {
       ...props,
@@ -30951,7 +31242,7 @@ function MessageActionButton({
       )
     }
   );
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs90(
     Tooltip,
     {
       delayDuration: 200,
@@ -30959,7 +31250,7 @@ function MessageActionButton({
         if (open) onTooltipOpen?.();
       },
       children: [
-        /* @__PURE__ */ jsx115(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx116(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ jsx116(
           "span",
           {
             tabIndex: 0,
@@ -30969,7 +31260,7 @@ function MessageActionButton({
             children: button
           }
         ) : button }),
-        /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx116(
           TooltipContent,
           {
             side: "bottom",
@@ -31000,7 +31291,7 @@ function MessageActions({
   skillUsages
 }) {
   const { t } = useChatkitTranslation();
-  const [copied, setCopied] = React108.useState(false);
+  const [copied, setCopied] = React109.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -31013,8 +31304,8 @@ function MessageActions({
   if (isStreaming) return null;
   const branchLabel = t("messageActions.branch");
   const branchTooltip = isBranching ? t("messageActions.branching") : branching && !branching.available ? `${branchLabel}\uFF1A${t(`messageActions.branchReasons.${branching.reason ?? "checkpoint_unavailable"}`)}` : branchLabel;
-  return /* @__PURE__ */ jsxs89("div", { className: cn("flex items-center gap-1 mt-2", className), children: [
-    /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs90("div", { className: cn("flex items-center gap-1 mt-2", className), children: [
+    /* @__PURE__ */ jsxs90(
       "div",
       {
         className: cn(
@@ -31022,35 +31313,35 @@ function MessageActions({
           !alwaysVisible && "sm:opacity-0 sm:group-hover/message:opacity-100 sm:focus-within:opacity-100"
         ),
         children: [
-          /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116(
             MessageActionButton,
             {
               label: copied ? t("messageActions.copied") : t("messageActions.copy"),
               onClick: handleCopy,
               onTooltipOpen: onActionTooltipOpen,
               className: cn(copied && "text-green-500"),
-              children: copied ? /* @__PURE__ */ jsx115(Check10, { size: 14 }) : /* @__PURE__ */ jsx115(Copy3, { size: 14 })
+              children: copied ? /* @__PURE__ */ jsx116(Check10, { size: 14 }) : /* @__PURE__ */ jsx116(Copy3, { size: 14 })
             }
           ),
-          !isAssistant && onEdit && /* @__PURE__ */ jsx115(
+          !isAssistant && onEdit && /* @__PURE__ */ jsx116(
             MessageActionButton,
             {
               label: t("threadControl.editMessage"),
               onClick: onEdit,
               onTooltipOpen: onActionTooltipOpen,
-              children: /* @__PURE__ */ jsx115(Pencil7, { size: 14 })
+              children: /* @__PURE__ */ jsx116(Pencil7, { size: 14 })
             }
           ),
-          isAssistant && onRetry && /* @__PURE__ */ jsx115(
+          isAssistant && onRetry && /* @__PURE__ */ jsx116(
             MessageActionButton,
             {
               label: t("messageActions.regenerate"),
               onClick: onRetry,
               onTooltipOpen: onActionTooltipOpen,
-              children: /* @__PURE__ */ jsx115(RefreshCw4, { size: 14 })
+              children: /* @__PURE__ */ jsx116(RefreshCw5, { size: 14 })
             }
           ),
-          isAssistant && onBranch && branching && /* @__PURE__ */ jsx115(
+          isAssistant && onBranch && branching && /* @__PURE__ */ jsx116(
             MessageActionButton,
             {
               label: branchLabel,
@@ -31059,29 +31350,29 @@ function MessageActions({
               onTooltipOpen: onActionTooltipOpen,
               disabled: isBranching || branchDisabled || !branching.available,
               "aria-busy": isBranching,
-              children: isBranching ? /* @__PURE__ */ jsx115(Loader221, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx115(GitBranch2, { size: 14 })
+              children: isBranching ? /* @__PURE__ */ jsx116(Loader221, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx116(GitBranch2, { size: 14 })
             }
           ),
-          isAssistant && skillUsages && skillUsages.length > 0 && /* @__PURE__ */ jsx115(MessageSkills, { usages: skillUsages, onOpen: onActionTooltipOpen })
+          isAssistant && skillUsages && skillUsages.length > 0 && /* @__PURE__ */ jsx116(MessageSkills, { usages: skillUsages, onOpen: onActionTooltipOpen })
         ]
       }
     ),
-    /* @__PURE__ */ jsx115(MessageTimestamp, { updatedAt })
+    /* @__PURE__ */ jsx116(MessageTimestamp, { updatedAt })
   ] });
 }
 
 // src/components/thread/MessageEditor.tsx
-import { useState as useState65 } from "react";
-import { jsx as jsx116, jsxs as jsxs90 } from "react/jsx-runtime";
+import { useState as useState66 } from "react";
+import { jsx as jsx117, jsxs as jsxs91 } from "react/jsx-runtime";
 function MessageEditor({
   initialText,
   onSave,
   onCancel
 }) {
   const { t } = useChatkitTranslation();
-  const [text, setText] = useState65(initialText);
-  const [busy, setBusy] = useState65(false);
-  const [error, setError] = useState65(null);
+  const [text, setText] = useState66(initialText);
+  const [busy, setBusy] = useState66(false);
+  const [error, setError] = useState66(null);
   async function save() {
     setBusy(true);
     setError(null);
@@ -31093,8 +31384,8 @@ function MessageEditor({
       setBusy(false);
     }
   }
-  return /* @__PURE__ */ jsxs90("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
-    /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsxs91("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
+    /* @__PURE__ */ jsx117(
       "textarea",
       {
         "aria-label": t("threadControl.editMessage"),
@@ -31106,9 +31397,9 @@ function MessageEditor({
         className: "w-full resize-y bg-transparent text-sm leading-relaxed text-foreground outline-none"
       }
     ),
-    error && /* @__PURE__ */ jsx116("p", { role: "alert", className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ jsxs90("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx116(
+    error && /* @__PURE__ */ jsx117("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ jsxs91("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx117(
         Button,
         {
           type: "button",
@@ -31119,7 +31410,7 @@ function MessageEditor({
           children: t("threadControl.discardEdit")
         }
       ),
-      /* @__PURE__ */ jsx116(
+      /* @__PURE__ */ jsx117(
         Button,
         {
           type: "button",
@@ -31134,7 +31425,7 @@ function MessageEditor({
 }
 
 // src/components/thread/MessageList.tsx
-import { Fragment as Fragment20, jsx as jsx117, jsxs as jsxs91 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx118, jsxs as jsxs92 } from "react/jsx-runtime";
 function formatMessageContent(content) {
   if (typeof content === "string") {
     return content;
@@ -31209,16 +31500,16 @@ function MessageList({
   const approvalIndex = foldedIndexes.has(toolAnchor) ? [...processGroups].find(
     ([, indexes]) => indexes.includes(toolAnchor)
   )?.[0] ?? lastAssistantIndex : toolAnchor >= 0 ? toolAnchor : lastAssistantIndex;
-  return /* @__PURE__ */ jsx117(PresentationScrollAnchor, { mode, children: /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsx118(PresentationScrollAnchor, { mode, children: /* @__PURE__ */ jsxs92(
     "div",
     {
       "data-slot": "chatkit-message-list",
       "data-message-presentation": mode,
       className: "space-y-4",
       children: [
-        canLoadMoreMessages && /* @__PURE__ */ jsxs91("div", { className: "flex items-center gap-3 py-1", children: [
-          /* @__PURE__ */ jsx117("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-          /* @__PURE__ */ jsx117(
+        canLoadMoreMessages && /* @__PURE__ */ jsxs92("div", { className: "flex items-center gap-3 py-1", children: [
+          /* @__PURE__ */ jsx118("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+          /* @__PURE__ */ jsx118(
             Button,
             {
               type: "button",
@@ -31230,20 +31521,20 @@ function MessageList({
               children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
             }
           ),
-          /* @__PURE__ */ jsx117("div", { className: "h-px min-w-8 flex-1 bg-border" })
+          /* @__PURE__ */ jsx118("div", { className: "h-px min-w-8 flex-1 bg-border" })
         ] }),
         messages.map((message, index) => {
           if (foldedIndexes.has(index)) return null;
           const call = Array.isArray(message.content) ? message.content.find(isCallEndedContent) : void 0;
           if (call)
-            return /* @__PURE__ */ jsx117(
+            return /* @__PURE__ */ jsx118(
               "div",
               {
                 "data-message-id": message.id,
                 ref: (node) => {
                   if (message.id) onMessageAnchor?.(message.id, node);
                 },
-                children: /* @__PURE__ */ jsx117(CallEndedMessage, { call })
+                children: /* @__PURE__ */ jsx118(CallEndedMessage, { call })
               },
               message.id ?? index
             );
@@ -31293,7 +31584,7 @@ function MessageList({
           if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
             return null;
           }
-          return /* @__PURE__ */ jsx117(
+          return /* @__PURE__ */ jsx118(
             "div",
             {
               ref: (node) => {
@@ -31315,7 +31606,7 @@ function MessageList({
                 "group group/message flex gap-3",
                 isHumanMessage ? "justify-end" : embedded ? "justify-start" : "justify-start -ml-1"
               ),
-              children: /* @__PURE__ */ jsx117(
+              children: /* @__PURE__ */ jsx118(
                 "div",
                 {
                   className: cn(
@@ -31325,7 +31616,7 @@ function MessageList({
                     !embedded && "px-3",
                     (isAssistantMessage || isEditingMessage) && "min-w-0 flex-1"
                   ),
-                  children: isEditingMessage && editing ? /* @__PURE__ */ jsx117(
+                  children: isEditingMessage && editing ? /* @__PURE__ */ jsx118(
                     MessageEditor,
                     {
                       initialText: messageContent,
@@ -31333,8 +31624,8 @@ function MessageList({
                       onSave: (text) => editing.onSave(humanMessage, text)
                     },
                     message.id
-                  ) : /* @__PURE__ */ jsxs91(Fragment20, { children: [
-                    /* @__PURE__ */ jsx117(
+                  ) : /* @__PURE__ */ jsxs92(Fragment20, { children: [
+                    /* @__PURE__ */ jsx118(
                       "div",
                       {
                         "data-human-bubble": isHumanMessage ? "" : void 0,
@@ -31348,12 +31639,12 @@ function MessageList({
                           isHumanMessage ? "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__ */ jsx117(
+                        children: isAssistantMessage ? /* @__PURE__ */ jsx118(
                           AssistantMessage,
                           {
                             mode,
                             collapseProcess,
-                            processPrefix: processIndexes?.length ? /* @__PURE__ */ jsx117(
+                            processPrefix: processIndexes?.length ? /* @__PURE__ */ jsx118(
                               MessageList,
                               {
                                 messages: processIndexes.map(
@@ -31388,14 +31679,14 @@ function MessageList({
                             pet,
                             mcpApps
                           }
-                        ) : /* @__PURE__ */ jsxs91(Fragment20, { children: [
-                          isHumanMessage && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx117(
+                        ) : /* @__PURE__ */ jsxs92(Fragment20, { children: [
+                          isHumanMessage && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx118(
                             HumanRuntimeCapabilityChips,
                             {
                               options: humanRuntimeCapabilityOptions
                             }
                           ),
-                          isHumanMessage && humanReferences.length > 0 && /* @__PURE__ */ jsx117("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx117(
+                          isHumanMessage && humanReferences.length > 0 && /* @__PURE__ */ jsx118("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx118(
                             ReferenceChip,
                             {
                               reference,
@@ -31403,29 +31694,29 @@ function MessageList({
                             },
                             getReferenceKey(reference)
                           )) }),
-                          isHumanMessage && humanAttachments.length > 0 && /* @__PURE__ */ jsx117("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs91(
+                          isHumanMessage && humanAttachments.length > 0 && /* @__PURE__ */ jsx118("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs92(
                             "div",
                             {
                               className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                               children: [
-                                /* @__PURE__ */ jsx117(FileText8, { size: 12 }),
-                                /* @__PURE__ */ jsx117("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                /* @__PURE__ */ jsx118(FileText8, { size: 12 }),
+                                /* @__PURE__ */ jsx118("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                               ]
                             },
                             fileIndex
                           )) }),
-                          Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx117(
+                          Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx118(
                             "p",
                             {
                               className: "wrap-break-word text-sm leading-relaxed",
                               children: formatMessageContent(part)
                             },
                             `${part.type}-${partIndex}`
-                          )) : /* @__PURE__ */ jsx117("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                          )) : /* @__PURE__ */ jsx118("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                         ] })
                       }
                     ),
-                    showActions && /* @__PURE__ */ jsx117(
+                    showActions && /* @__PURE__ */ jsx118(
                       MessageActions,
                       {
                         updatedAt: isAssistantMessage || isHumanMessage ? message.updatedAt : void 0,
@@ -31450,8 +31741,8 @@ function MessageList({
                         onRetry: onRetry && isAssistantMessage && !isLoading && index === messages.length - 1 ? () => onRetry(index) : void 0
                       }
                     ),
-                    index === approvalIndex && approval && /* @__PURE__ */ jsx117(MessageBubble, { mode, children: approval }),
-                    !showActions && !isStreamingMessage && (isAssistantMessage || isHumanMessage) && /* @__PURE__ */ jsx117(MessageTimestamp, { updatedAt: message.updatedAt })
+                    index === approvalIndex && approval && /* @__PURE__ */ jsx118(MessageBubble, { mode, children: approval }),
+                    !showActions && !isStreamingMessage && (isAssistantMessage || isHumanMessage) && /* @__PURE__ */ jsx118(MessageTimestamp, { updatedAt: message.updatedAt })
                   ] })
                 }
               )
@@ -31459,7 +31750,7 @@ function MessageList({
             message.id ?? `${message.type}-${index}`
           );
         }),
-        approvalIndex < 0 && approval && /* @__PURE__ */ jsx117(MessageBubble, { mode, children: approval }),
+        approvalIndex < 0 && approval && /* @__PURE__ */ jsx118(MessageBubble, { mode, children: approval }),
         showLoadingDots && (() => {
           const lastMessage = messages[messages.length - 1];
           const lastMessageType = lastMessage ? String(lastMessage.type) : "";
@@ -31482,13 +31773,13 @@ function MessageList({
             isLoading,
             { now: streamingNow }
           );
-          return /* @__PURE__ */ jsx117("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx117(
+          return /* @__PURE__ */ jsx118("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx118(
             MessageBubble,
             {
               mode,
               kind: "status",
               className: "max-w-full py-2.5",
-              children: /* @__PURE__ */ jsx117(
+              children: /* @__PURE__ */ jsx118(
                 AssistantStreamingIndicator,
                 {
                   status: fallbackStreamingStatus ?? "loading"
@@ -31515,18 +31806,18 @@ import {
   Sparkles as Sparkles3,
   Zap
 } from "lucide-react";
-import { jsx as jsx118, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs93 } from "react/jsx-runtime";
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ jsx118(HelpCircle, { size: 20 }),
-    lightbulb: /* @__PURE__ */ jsx118(Lightbulb2, { size: 20 }),
-    sparkle: /* @__PURE__ */ jsx118(Sparkles3, { size: 20 }),
-    write: /* @__PURE__ */ jsx118(Pencil8, { size: 20 }),
-    search: /* @__PURE__ */ jsx118(Search4, { size: 20 }),
-    globe: /* @__PURE__ */ jsx118(Globe2, { size: 20 }),
-    "book-open": /* @__PURE__ */ jsx118(BookOpen4, { size: 20 }),
-    compass: /* @__PURE__ */ jsx118(Compass, { size: 20 }),
-    bolt: /* @__PURE__ */ jsx118(Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ jsx119(HelpCircle, { size: 20 }),
+    lightbulb: /* @__PURE__ */ jsx119(Lightbulb2, { size: 20 }),
+    sparkle: /* @__PURE__ */ jsx119(Sparkles3, { size: 20 }),
+    write: /* @__PURE__ */ jsx119(Pencil8, { size: 20 }),
+    search: /* @__PURE__ */ jsx119(Search4, { size: 20 }),
+    globe: /* @__PURE__ */ jsx119(Globe2, { size: 20 }),
+    "book-open": /* @__PURE__ */ jsx119(BookOpen4, { size: 20 }),
+    compass: /* @__PURE__ */ jsx119(Compass, { size: 20 }),
+    bolt: /* @__PURE__ */ jsx119(Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -31543,7 +31834,7 @@ function StartScreen({
   const prompts = startScreen?.prompts ?? [];
   const hasPrompts = startScreen?.promptsLayout !== "list" && prompts.length > 0;
   const editPromptLabel = t("startScreen.editPrompt");
-  return /* @__PURE__ */ jsxs92(
+  return /* @__PURE__ */ jsxs93(
     "div",
     {
       className: cn(
@@ -31551,8 +31842,8 @@ function StartScreen({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx118("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ jsx118("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
-        hasPrompts && /* @__PURE__ */ jsx118("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx118("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs92(
+        /* @__PURE__ */ jsx119("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ jsx119("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
+        hasPrompts && /* @__PURE__ */ jsx119("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx119("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs93(
           "div",
           {
             className: cn(
@@ -31561,7 +31852,7 @@ function StartScreen({
               "focus-within:ring-2 focus-within:ring-primary/20"
             ),
             children: [
-              /* @__PURE__ */ jsxs92(
+              /* @__PURE__ */ jsxs93(
                 "button",
                 {
                   type: "button",
@@ -31572,8 +31863,8 @@ function StartScreen({
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx118("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__ */ jsx118(
+                    /* @__PURE__ */ jsx119("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__ */ jsx119(
                       "div",
                       {
                         className: "text-sm font-medium text-foreground line-clamp-3 overflow-hidden",
@@ -31584,7 +31875,7 @@ function StartScreen({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx118(
+              /* @__PURE__ */ jsx119(
                 "button",
                 {
                   type: "button",
@@ -31597,7 +31888,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__ */ jsx118(Pencil8, { size: 16 })
+                  children: /* @__PURE__ */ jsx119(Pencil8, { size: 16 })
                 }
               )
             ]
@@ -31610,7 +31901,7 @@ function StartScreen({
 }
 
 // src/components/chat/messages/ChatTranscript.tsx
-import { jsx as jsx119, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs94 } from "react/jsx-runtime";
 function ChatTranscript({
   isInitialComposer,
   chatColumnStyle,
@@ -31657,7 +31948,7 @@ function ChatTranscript({
   const needsUserInput = Boolean(
     stream.pendingHITLRequest || stream.pendingRequestUserInput
   );
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs94(
     "div",
     {
       "data-slot": "chatkit-chat-content",
@@ -31667,23 +31958,23 @@ function ChatTranscript({
       ),
       style: chatColumnStyle,
       children: [
-        errorMessage && /* @__PURE__ */ jsx119("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__ */ jsx119("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
-        conversationBranch.error && /* @__PURE__ */ jsxs93(
+        errorMessage && /* @__PURE__ */ jsx120("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__ */ jsx120("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+        conversationBranch.error && /* @__PURE__ */ jsxs94(
           "div",
           {
             role: "alert",
             className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",
             children: [
               t("messageActions.branchFailed"),
-              /* @__PURE__ */ jsx119("p", { className: "mt-1 text-xs", children: /^(?:failed to fetch|network\s*(?:request\s*)?(?:failed|error)|load failed)$/i.test(
+              /* @__PURE__ */ jsx120("p", { className: "mt-1 text-xs", children: /^(?:failed to fetch|network\s*(?:request\s*)?(?:failed|error)|load failed)$/i.test(
                 conversationBranch.error
               ) ? t("messageActions.branchNetworkError") : conversationBranch.error })
             ]
           }
         ),
-        showMissingConfig && /* @__PURE__ */ jsx119("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__ */ jsx119(
+        showMissingConfig && /* @__PURE__ */ jsx120("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__ */ jsx120(
           ThreadHistoryStatus,
           {
             state: stream.historyLoad,
@@ -31693,7 +31984,7 @@ function ChatTranscript({
             }
           }
         ),
-        !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx119(
+        !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx120(
           StartScreen,
           {
             startScreen,
@@ -31703,7 +31994,7 @@ function ChatTranscript({
             promptEditDisabled: isPromptEditDisabled,
             className: "px-4 pb-4 pt-2"
           }
-        ) : /* @__PURE__ */ jsx119(
+        ) : /* @__PURE__ */ jsx120(
           MessageList,
           {
             approval: inlineApproval.card,
@@ -31750,14 +32041,14 @@ function ChatTranscript({
             onMessageAnchor: setMessageNavigationAnchor
           }
         ),
-        needsUserInput && !stream.isDisplayPaused && /* @__PURE__ */ jsx119("p", { role: "status", className: "mt-3 text-sm text-muted-foreground", children: t("thread.waitingForInput") })
+        needsUserInput && !stream.isDisplayPaused && /* @__PURE__ */ jsx120("p", { role: "status", className: "mt-3 text-sm text-muted-foreground", children: t("thread.waitingForInput") })
       ]
     }
   );
 }
 
 // src/components/chat/messages/useChatQuotes.ts
-import * as React110 from "react";
+import * as React111 from "react";
 
 // src/components/chat/messages/quote-selection.ts
 function getClosestQuoteContainer(node) {
@@ -31778,13 +32069,13 @@ function useChatQuotes({
   composerInputRef,
   workbench
 }) {
-  const [quoteSelection, setQuoteSelection] = React110.useState(null);
-  const [isOpeningSideChat, setIsOpeningSideChat] = React110.useState(false);
-  const [sideChatError, setSideChatError] = React110.useState(null);
-  const clearQuoteSelection = React110.useCallback(() => {
+  const [quoteSelection, setQuoteSelection] = React111.useState(null);
+  const [isOpeningSideChat, setIsOpeningSideChat] = React111.useState(false);
+  const [sideChatError, setSideChatError] = React111.useState(null);
+  const clearQuoteSelection = React111.useCallback(() => {
     setQuoteSelection(null);
   }, []);
-  const syncQuoteSelection = React110.useCallback(() => {
+  const syncQuoteSelection = React111.useCallback(() => {
     if (surface !== "main") {
       clearQuoteSelection();
       return;
@@ -31833,13 +32124,13 @@ function useChatQuotes({
       left
     });
   }, [clearQuoteSelection, surface]);
-  React110.useEffect(() => {
+  React111.useEffect(() => {
     document.addEventListener("selectionchange", syncQuoteSelection);
     return () => {
       document.removeEventListener("selectionchange", syncQuoteSelection);
     };
   }, [syncQuoteSelection]);
-  React110.useEffect(() => {
+  React111.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       return;
@@ -31856,10 +32147,10 @@ function useChatQuotes({
       window.removeEventListener("resize", handleViewportScroll);
     };
   }, [clearQuoteSelection]);
-  React110.useEffect(() => {
+  React111.useEffect(() => {
     clearQuoteSelection();
   }, [messages.length, stream.threadId, clearQuoteSelection]);
-  const handleQuoteSelection = React110.useCallback(() => {
+  const handleQuoteSelection = React111.useCallback(() => {
     if (!quoteSelection) {
       return;
     }
@@ -31872,7 +32163,7 @@ function useChatQuotes({
     }
     composerInputRef.current?.focus();
   }, [clearQuoteSelection, quoteSelection]);
-  const handleAskInSideChat = React110.useCallback(async () => {
+  const handleAskInSideChat = React111.useCallback(async () => {
     if (!quoteSelection || !workbench.sideChatEnabled || !stream.threadId || stream.isLoading)
       return;
     setIsOpeningSideChat(true);
@@ -31904,7 +32195,7 @@ function useChatQuotes({
 }
 
 // src/components/chat/messages/useChatStreamingFeedback.ts
-import * as React111 from "react";
+import * as React112 from "react";
 function useChatStreamingFeedback({
   surface,
   setStream,
@@ -31912,14 +32203,14 @@ function useChatStreamingFeedback({
 }) {
   const LOADING_DOTS_MIN_DURATION = 800;
   const STREAMING_STATUS_REFRESH_MS = 250;
-  const [showLoadingDots, setShowLoadingDots] = React111.useState(false);
-  const [streamingNow, setStreamingNow] = React111.useState(() => Date.now());
-  const loadingStartTimeRef = React111.useRef(null);
-  const lastStreamOutputAtRef = React111.useRef(null);
-  React111.useEffect(() => {
+  const [showLoadingDots, setShowLoadingDots] = React112.useState(false);
+  const [streamingNow, setStreamingNow] = React112.useState(() => Date.now());
+  const loadingStartTimeRef = React112.useRef(null);
+  const lastStreamOutputAtRef = React112.useRef(null);
+  React112.useEffect(() => {
     if (surface === "main") setStream(stream);
   }, [setStream, stream, surface]);
-  React111.useEffect(() => {
+  React112.useEffect(() => {
     if (stream.isLoading) {
       if (!loadingStartTimeRef.current) {
         loadingStartTimeRef.current = Date.now();
@@ -31942,7 +32233,7 @@ function useChatStreamingFeedback({
       }
     }
   }, [stream.isLoading]);
-  React111.useEffect(() => {
+  React112.useEffect(() => {
     if (!stream.isLoading) {
       lastStreamOutputAtRef.current = null;
       setStreamingNow(Date.now());
@@ -31952,7 +32243,7 @@ function useChatStreamingFeedback({
     lastStreamOutputAtRef.current = now;
     setStreamingNow(now);
   }, [stream.messages, stream.isLoading]);
-  React111.useEffect(() => {
+  React112.useEffect(() => {
     if (!stream.isLoading) {
       return;
     }
@@ -31965,7 +32256,7 @@ function useChatStreamingFeedback({
 }
 
 // src/components/chat/messages/useChatViewport.ts
-import * as React112 from "react";
+import * as React113 from "react";
 function useChatViewport({
   t,
   assistantTitle,
@@ -31978,20 +32269,20 @@ function useChatViewport({
   clearQuoteSelection,
   setHistoryError
 }) {
-  const [isAtBottom, setIsAtBottom] = React112.useState(true);
-  const [hasUpdatesBelow, setHasUpdatesBelow] = React112.useState(false);
-  const messageNavigationAnchorsRef = React112.useRef(
+  const [isAtBottom, setIsAtBottom] = React113.useState(true);
+  const [hasUpdatesBelow, setHasUpdatesBelow] = React113.useState(false);
+  const messageNavigationAnchorsRef = React113.useRef(
     /* @__PURE__ */ new Map()
   );
-  const shouldAutoScrollRef = React112.useRef(true);
-  const forceFollowRef = React112.useRef(false);
-  const previousMessageCountRef = React112.useRef(0);
-  const previousScrollTopRef = React112.useRef(0);
-  const isPrependingHistoryMessagesRef = React112.useRef(false);
-  const autoScrollFrameRef = React112.useRef(null);
-  const isPointerDownRef = React112.useRef(false);
-  const lastTouchYRef = React112.useRef(null);
-  const messageNavigationLabels = React112.useMemo(
+  const shouldAutoScrollRef = React113.useRef(true);
+  const forceFollowRef = React113.useRef(false);
+  const previousMessageCountRef = React113.useRef(0);
+  const previousScrollTopRef = React113.useRef(0);
+  const isPrependingHistoryMessagesRef = React113.useRef(false);
+  const autoScrollFrameRef = React113.useRef(null);
+  const isPointerDownRef = React113.useRef(false);
+  const lastTouchYRef = React113.useRef(null);
+  const messageNavigationLabels = React113.useMemo(
     () => ({
       user: t("chat.youLabel"),
       assistant: assistantTitle,
@@ -32011,7 +32302,7 @@ function useChatViewport({
     [assistantTitle, t]
   );
   const presentationMode = resolveMessagePresentation(messagePresentation).mode;
-  const messageNavigationItems = React112.useMemo(
+  const messageNavigationItems = React113.useMemo(
     () => messageNavigationEnabled ? buildMessageNavigationItems(
       messages,
       {
@@ -32036,23 +32327,23 @@ function useChatViewport({
     historyMessagePagination?.isLoadingMore
   );
   const canLoadMoreMessages = Boolean(historyMessagePagination?.hasMore);
-  const cancelPendingAutoScroll = React112.useCallback(() => {
+  const cancelPendingAutoScroll = React113.useCallback(() => {
     if (autoScrollFrameRef.current !== null) {
       cancelAnimationFrame(autoScrollFrameRef.current);
       autoScrollFrameRef.current = null;
     }
   }, []);
-  const disableAutoFollow = React112.useCallback(() => {
+  const disableAutoFollow = React113.useCallback(() => {
     forceFollowRef.current = false;
     shouldAutoScrollRef.current = false;
     cancelPendingAutoScroll();
   }, [cancelPendingAutoScroll]);
-  const enableAutoFollow = React112.useCallback(() => {
+  const enableAutoFollow = React113.useCallback(() => {
     forceFollowRef.current = true;
     shouldAutoScrollRef.current = true;
     setHasUpdatesBelow(false);
   }, []);
-  const scrollToBottom = React112.useCallback(
+  const scrollToBottom = React113.useCallback(
     (smooth = false, force = false) => {
       if (force) {
         enableAutoFollow();
@@ -32079,7 +32370,7 @@ function useChatViewport({
     },
     [cancelPendingAutoScroll, enableAutoFollow]
   );
-  const setMessageNavigationAnchor = React112.useCallback(
+  const setMessageNavigationAnchor = React113.useCallback(
     (id, node) => {
       if (node) {
         messageNavigationAnchorsRef.current.set(id, node);
@@ -32089,15 +32380,15 @@ function useChatViewport({
     },
     []
   );
-  const getMessageNavigationAnchor = React112.useCallback(
+  const getMessageNavigationAnchor = React113.useCallback(
     (item) => messageNavigationAnchorsRef.current.get(item.id) ?? null,
     []
   );
-  const handleMessageNavigationNavigate = React112.useCallback(() => {
+  const handleMessageNavigationNavigate = React113.useCallback(() => {
     disableAutoFollow();
     clearQuoteSelection();
   }, [clearQuoteSelection, disableAutoFollow]);
-  React112.useEffect(() => {
+  React113.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     previousScrollTopRef.current = viewport.scrollTop;
@@ -32178,14 +32469,14 @@ function useChatViewport({
       window.removeEventListener("pointercancel", stopPointerTracking);
     };
   }, [cancelPendingAutoScroll, disableAutoFollow]);
-  React112.useEffect(() => {
+  React113.useEffect(() => {
     shouldAutoScrollRef.current = true;
     forceFollowRef.current = false;
     previousScrollTopRef.current = 0;
     setIsAtBottom(true);
     setHasUpdatesBelow(false);
   }, [stream.threadId]);
-  React112.useEffect(() => {
+  React113.useEffect(() => {
     const messageCountChanged = messages.length !== previousMessageCountRef.current;
     previousMessageCountRef.current = messages.length;
     if (isPrependingHistoryMessagesRef.current) {
@@ -32202,7 +32493,7 @@ function useChatViewport({
       scrollToBottom();
     }
   }, [stream.isLoading, messages, scrollToBottom]);
-  const handleLoadMoreMessages = React112.useCallback(async () => {
+  const handleLoadMoreMessages = React113.useCallback(async () => {
     if (!canLoadMoreMessages || isLoadingMoreMessages) {
       return;
     }
@@ -32254,7 +32545,7 @@ function useChatViewport({
 }
 
 // src/components/chat/models/useChatModels.ts
-import * as React113 from "react";
+import * as React114 from "react";
 
 // src/components/chat/session/errors.ts
 function toError(value) {
@@ -32277,7 +32568,7 @@ function useChatModels({
   availableModels,
   hostedModelCatalog
 }) {
-  React113.useEffect(() => {
+  React114.useEffect(() => {
     if (modelAssistantIdRef.current !== modelAssistantId) {
       modelAssistantIdRef.current = modelAssistantId;
       requestedModelIdRef.current = void 0;
@@ -32326,7 +32617,7 @@ function useChatModels({
     sendParentEvent,
     setSelectedModelId
   ]);
-  const handleModelSelect = React113.useCallback(
+  const handleModelSelect = React114.useCallback(
     (modelId) => {
       const nextModelId = resolveSelectedModelId(availableModels, modelId);
       if (!nextModelId) return;
@@ -32355,22 +32646,22 @@ function useChatModels({
 }
 
 // src/components/chat/models/useChatModelState.ts
-import * as React114 from "react";
+import * as React115 from "react";
 function useChatModelState({ stream }) {
-  const [availableModels, setAvailableModels] = React114.useState(
+  const [availableModels, setAvailableModels] = React115.useState(
     []
   );
-  const [hostedModelCatalog, setHostedModelCatalog] = React114.useState(null);
+  const [hostedModelCatalog, setHostedModelCatalog] = React115.useState(null);
   const modelAssistantId = stream.assistantId;
   const modelClient = stream.client;
   const selectedModelId = stream.selectedModelId;
   const setSelectedModelId = stream.setSelectedModelId;
-  const selectedModelIdRef = React114.useRef(selectedModelId);
+  const selectedModelIdRef = React115.useRef(selectedModelId);
   selectedModelIdRef.current = selectedModelId;
-  const requestedModelIdRef = React114.useRef(
+  const requestedModelIdRef = React115.useRef(
     void 0
   );
-  const modelAssistantIdRef = React114.useRef(modelAssistantId);
+  const modelAssistantIdRef = React115.useRef(modelAssistantId);
   return {
     requestedModelIdRef,
     setSelectedModelId,
@@ -32386,24 +32677,24 @@ function useChatModelState({ stream }) {
 }
 
 // src/components/chat/pet/useChatPetSettings.ts
-import * as React115 from "react";
+import * as React116 from "react";
 function useChatPetSettings({ options }) {
-  const [petSettingsOpen, setPetSettingsOpen] = React115.useState(false);
-  const [petLocalSettings, setPetLocalSettings] = React115.useState(() => readPetLocalSettings());
+  const [petSettingsOpen, setPetSettingsOpen] = React116.useState(false);
+  const [petLocalSettings, setPetLocalSettings] = React116.useState(() => readPetLocalSettings());
   const petRequired = options?.displayMode === "pet";
   const petDisabled = options?.pet === false && !petRequired;
-  const basePetSettings = React115.useMemo(
+  const basePetSettings = React116.useMemo(
     () => derivePetLocalSettings(options?.pet),
     [options?.pet]
   );
-  const displayedPetSettings = React115.useMemo(
+  const displayedPetSettings = React116.useMemo(
     () => ({
       ...petLocalSettings ?? basePetSettings,
       ...petRequired ? { enabled: true } : {}
     }),
     [basePetSettings, petLocalSettings, petRequired]
   );
-  const effectivePet = React115.useMemo(() => {
+  const effectivePet = React116.useMemo(() => {
     if (petDisabled) return false;
     if (petRequired || petLocalSettings) {
       return buildPetOptionsFromLocalSettings(displayedPetSettings);
@@ -32416,7 +32707,7 @@ function useChatPetSettings({ options }) {
     petLocalSettings,
     petRequired
   ]);
-  const savePetLocalSettings = React115.useCallback(
+  const savePetLocalSettings = React116.useCallback(
     (settings) => {
       if (petDisabled) return;
       const nextSettings = petRequired ? { ...settings, enabled: true } : settings;
@@ -32425,7 +32716,7 @@ function useChatPetSettings({ options }) {
     },
     [petDisabled, petRequired]
   );
-  const handlePetCommand = React115.useCallback(
+  const handlePetCommand = React116.useCallback(
     (mode) => {
       if (petDisabled) return;
       if (mode === "settings") {
@@ -32453,7 +32744,7 @@ function useChatPetSettings({ options }) {
       savePetLocalSettings
     ]
   );
-  const handleSetPetEnabled = React115.useCallback(
+  const handleSetPetEnabled = React116.useCallback(
     (enabled) => {
       if (petRequired) return;
       savePetLocalSettings({ ...displayedPetSettings, enabled });
@@ -32477,16 +32768,16 @@ function useChatPetSettings({ options }) {
 import { useMemo as useMemo33 } from "react";
 
 // src/hooks/useAssistantInfo.ts
-import { useContext as useContext13, useEffect as useEffect68, useState as useState71 } from "react";
+import { useContext as useContext13, useEffect as useEffect69, useState as useState72 } from "react";
 function useAssistantInfo(client, assistantId) {
   const messenger = useContext13(ParentMessengerContext);
-  const [revision, setRevision] = useState71(0);
+  const [revision, setRevision] = useState72(0);
   const registerOnSetOptions = messenger?.registerOnSetOptions;
-  useEffect68(
+  useEffect69(
     () => registerOnSetOptions?.(() => setRevision((value) => value + 1)),
     [registerOnSetOptions]
   );
-  useEffect68(() => {
+  useEffect69(() => {
     const refresh = () => {
       if (document.visibilityState === "visible")
         setRevision((value) => value + 1);
@@ -32500,8 +32791,8 @@ function useAssistantInfo(client, assistantId) {
       window.clearInterval(timer);
     };
   }, []);
-  const [profile, setProfile] = useState71(null);
-  useEffect68(() => {
+  const [profile, setProfile] = useState72(null);
+  useEffect69(() => {
     if (!client || !assistantId) {
       setProfile(null);
       return;
@@ -32570,16 +32861,16 @@ function useChatAssistant({
 }
 
 // src/components/chat/session/useChatBranchState.ts
-import * as React116 from "react";
+import * as React117 from "react";
 
 // src/hooks/useThreadBranches.ts
-import { useCallback as useCallback41, useEffect as useEffect69, useRef as useRef45, useState as useState72 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect70, useRef as useRef46, useState as useState73 } from "react";
 function useThreadBranches(client, conversationId, threadId, enabled, isLoading) {
-  const scope = useRef45(threadId);
+  const scope = useRef46(threadId);
   scope.current = threadId;
-  const [snapshot, setSnapshot] = useState72(null);
-  const [error, setError] = useState72(null);
-  const generation = useRef45(0);
+  const [snapshot, setSnapshot] = useState73(null);
+  const [error, setError] = useState73(null);
+  const generation = useRef46(0);
   const refresh = useCallback41(async () => {
     if (!threadId || !conversationId || !enabled) return;
     const request = ++generation.current;
@@ -32600,13 +32891,28 @@ function useThreadBranches(client, conversationId, threadId, enabled, isLoading)
   }, [client, conversationId, enabled, threadId]);
   const branches = enabled && snapshot?.threadId === threadId ? snapshot.branches : [];
   const current = branches.find((branch) => branch.thread_id === threadId);
-  useEffect69(() => {
+  useEffect70(() => {
     setError(null);
     void refresh();
     return () => {
       generation.current += 1;
     };
   }, [refresh, isLoading]);
+  useEffect70(() => {
+    if (!enabled || !threadId || !["busy", "pausing"].includes(current?.status ?? ""))
+      return;
+    let disposed = false;
+    let timer;
+    const poll = async () => {
+      await refresh();
+      if (!disposed) timer = setTimeout(poll, 1e3);
+    };
+    timer = setTimeout(poll, 1e3);
+    return () => {
+      disposed = true;
+      clearTimeout(timer);
+    };
+  }, [enabled, threadId, current?.status, refresh]);
   return { branches, current, error, refresh };
 }
 
@@ -32619,14 +32925,14 @@ function useChatBranchState({ stream }) {
     Boolean(stream.isReady && stream.client?.conversations?.listThreads),
     stream.isLoading
   );
-  const [editingMessageId, setEditingMessageId] = React116.useState(
+  const [editingMessageId, setEditingMessageId] = React117.useState(
     null
   );
-  const editRequestRef = React116.useRef(null);
-  const [isChangingBranch, setIsChangingBranch] = React116.useState(false);
-  const activeBranchRef = React116.useRef(stream.threadId);
+  const editRequestRef = React117.useRef(null);
+  const [isChangingBranch, setIsChangingBranch] = React117.useState(false);
+  const activeBranchRef = React117.useRef(stream.threadId);
   activeBranchRef.current = stream.threadId;
-  React116.useEffect(() => {
+  React117.useEffect(() => {
     setEditingMessageId(null);
     editRequestRef.current = null;
   }, [stream.threadId]);
@@ -32642,10 +32948,10 @@ function useChatBranchState({ stream }) {
 }
 
 // src/components/chat/session/useChatConversationActions.ts
-import * as React117 from "react";
+import * as React118 from "react";
 
 // src/hooks/useConversationBranch.ts
-import { useEffect as useEffect71, useRef as useRef47, useState as useState74 } from "react";
+import { useEffect as useEffect72, useRef as useRef48, useState as useState75 } from "react";
 function useConversationBranch({
   client,
   conversationId,
@@ -32654,10 +32960,10 @@ function useConversationBranch({
   onReady,
   refresh
 }) {
-  const request = useRef47(null);
-  const inFlight = useRef47(null);
-  const mounted = useRef47(true);
-  const selection = useRef47({ threadId, epoch: 0 });
+  const request = useRef48(null);
+  const inFlight = useRef48(null);
+  const mounted = useRef48(true);
+  const selection = useRef48({ threadId, epoch: 0 });
   if (selection.current.threadId !== threadId) {
     selection.current = { threadId, epoch: selection.current.epoch + 1 };
     if (request.current?.expectedThreadId === threadId) {
@@ -32665,9 +32971,9 @@ function useConversationBranch({
       request.current.expectedThreadId = void 0;
     }
   }
-  const [pending, setPending] = useState74(null);
-  const [error, setError] = useState74(null);
-  useEffect71(() => {
+  const [pending, setPending] = useState75(null);
+  const [error, setError] = useState75(null);
+  useEffect72(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -32766,8 +33072,33 @@ function useChatConversationActions({
   setIsChangingBranch,
   options
 }) {
-  const handleProjectSelectionChange = React117.useCallback(
-    (projectId, selection) => {
+  const previousProjectRef = React118.useRef(activeProjectId);
+  React118.useLayoutEffect(() => {
+    if (previousProjectRef.current === activeProjectId) return;
+    previousProjectRef.current = activeProjectId;
+    commitComposerParts(composerPartsRef.current.filter((part) => part.type === "text"), {
+      resetDom: true,
+      syncRemovedCapabilityTokens: false
+    });
+    attachmentsRef.current?.clear();
+    setReferences([]);
+    setReferencedWorkspaceFiles([]);
+    setThreadMention(null);
+    setSelectedTool(null);
+    setEditingMessageId(null);
+    editRequestRef.current = null;
+    activeBranchRef.current = null;
+    setIsChangingBranch(false);
+    setHistoryError(null);
+    setRuntimeCapabilityPalette(null);
+    resetRunRuntimeCapabilities();
+  }, [activeProjectId, commitComposerParts, resetRunRuntimeCapabilities]);
+  const handleProjectSelectionChange = React118.useCallback(
+    (projectId2, selection) => {
+      if (stream.threadId || stream.conversationId) {
+        onProjectChange?.(projectId2, selection);
+        return;
+      }
       const textParts = composerPartsRef.current.filter(
         (part) => part.type === "text"
       );
@@ -32788,7 +33119,7 @@ function useChatConversationActions({
         );
       });
       onConnectorsChange?.([]);
-      onProjectChange?.(projectId, selection);
+      onProjectChange?.(projectId2, selection);
     },
     [
       commitComposerParts,
@@ -32823,7 +33154,7 @@ function useChatConversationActions({
     },
     refresh: refreshThreads
   });
-  const handlePromptEdit = React117.useCallback(
+  const handlePromptEdit = React118.useCallback(
     (prompt) => {
       if (isPromptEditDisabled) return;
       setComposerText(prompt, prompt.length);
@@ -32837,7 +33168,7 @@ function useChatConversationActions({
       setRuntimeCapabilityPalette
     ]
   );
-  const loadThreadHistory = React117.useCallback(
+  const loadThreadHistory = React118.useCallback(
     async (threadId) => {
       if (missingConfig) {
         setHistoryError(missingConfigShortMessage);
@@ -32984,7 +33315,7 @@ function useChatConversationActions({
 }
 
 // src/components/chat/session/useChatEnvironment.ts
-import * as React118 from "react";
+import * as React119 from "react";
 var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 function useChatEnvironment({
   options,
@@ -33011,7 +33342,7 @@ function useChatEnvironment({
     clientSecret: effectiveClientSecret
   });
   const missingConfig = Boolean(missingConfigKind);
-  const missingConfigShortMessage = React118.useMemo(() => {
+  const missingConfigShortMessage = React119.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlShort");
@@ -33023,7 +33354,7 @@ function useChatEnvironment({
         return t("chat.missingConfigShort");
     }
   }, [missingConfigKind, t]);
-  const missingConfigDetailMessage = React118.useMemo(() => {
+  const missingConfigDetailMessage = React119.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlDetail");
@@ -33037,7 +33368,7 @@ function useChatEnvironment({
   }, [missingConfigKind, t]);
   const isHistoryLoading = stream.historyLoad?.status === "loading";
   const isHistoryUnavailable = isHistoryLoading || stream.historyLoad?.status === "error";
-  const [historyError, setHistoryError] = React118.useState(null);
+  const [historyError, setHistoryError] = React119.useState(null);
   const showMissingConfig = !isClientSecretInitializing && missingConfig;
   return {
     stream,
@@ -33066,43 +33397,49 @@ function useChatEnvironment({
 }
 
 // src/components/chat/session/useChatRunControl.ts
-import * as React119 from "react";
+import * as React120 from "react";
 function useChatRunControl({
   branchState,
   stream,
   isChangingBranch,
   activeBranchRef
 }) {
-  const [runControlRequest, setRunControlRequest] = React119.useState(null);
-  const runControlRequestRef = React119.useRef(null);
-  const [runControlError, setRunControlError] = React119.useState(null);
+  const [runControlRequest, setRunControlRequest] = React120.useState(null);
+  const runControlRequestRef = React120.useRef(null);
+  const [runControlError, setRunControlError] = React120.useState(null);
+  const errorGenerationRef = React120.useRef(0);
+  const clearRunControlError = React120.useCallback(() => {
+    errorGenerationRef.current += 1;
+    setRunControlError(null);
+  }, []);
+  React120.useEffect(clearRunControlError, [stream.threadId, clearRunControlError]);
   const currentRunControl = branchState.current?.runControl;
-  const pauseRunId = stream.activeRunId ?? currentRunControl?.executionId ?? stream.displayPause?.executionId ?? null;
+  const pauseRunId = stream.isLoading ? stream.activeRunId ?? currentRunControl?.executionId ?? null : currentRunControl?.executionId ?? stream.activeRunId ?? null;
   const canPauseRun = Boolean(
     stream.threadId && pauseRunId && !stream.isThreadInterrupted && (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;
+  const isStoppingRun = runControlRequest?.threadId === stream.threadId && runControlRequest.action === "stop";
+  const canStopRun = Boolean(
+    stream.threadId && pauseRunId && (stream.isLoading || ["busy", "pausing", "paused"].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 && !stream.isThreadInterrupted;
+  const isVisibleStreaming = stream.isLoading && !stream.isThreadInterrupted;
   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;
+    if (!sourceThreadId || !pauseRunId || isChangingBranch || isStoppingRun || isResumingRun)
+      return;
+    if (action === "resume" && (!isRunPaused || !currentRunControl?.pauseId))
+      return;
+    if (action === "pause" && (isRunPaused || isRunPausing)) return;
+    if (action === "stop" && !canStopRun) return;
+    if (action !== "stop" && runControlRequestRef.current?.threadId === sourceThreadId)
+      return;
     const runId = pauseRunId;
-    if (!runId) return;
     const request = {
       action,
       threadId: sourceThreadId,
@@ -33110,26 +33447,26 @@ function useChatRunControl({
     };
     runControlRequestRef.current = request;
     setRunControlRequest(request);
-    setRunControlError(null);
+    clearRunControlError();
+    const errorGeneration = errorGenerationRef.current;
     try {
-      if (action === "resume" && canRevealPausedDisplay) {
-        await stream.resumeDisplay();
+      if (action === "stop") {
+        await stream.stop(request.runId);
       } 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) {
+      if (activeBranchRef.current === sourceThreadId && runControlRequestRef.current === request && errorGenerationRef.current === errorGeneration) {
         setRunControlError({
           threadId: sourceThreadId,
           message: error instanceof Error ? error.message : String(error)
         });
       }
     } finally {
+      if (activeBranchRef.current === sourceThreadId)
+        await branchState.refresh();
       if (runControlRequestRef.current === request) {
         runControlRequestRef.current = null;
         setRunControlRequest(null);
@@ -33143,18 +33480,20 @@ function useChatRunControl({
     isVisibleStreaming,
     isPauseActive,
     runControlError,
+    clearRunControlError,
     canPauseRun,
     handleComposerRunControl,
-    canRevealPausedDisplay,
+    canStopRun,
+    isStoppingRun,
     currentRunControl
   };
 }
 
 // src/components/chat/summary/useChatTaskSummary.ts
-import * as React121 from "react";
+import * as React122 from "react";
 
 // src/hooks/useTaskSummary.ts
-import * as React120 from "react";
+import * as React121 from "react";
 function useTaskSummary({
   enabled,
   conversationId,
@@ -33162,23 +33501,23 @@ function useTaskSummary({
   live,
   refreshVersion = 0
 }) {
-  const [loaded, setLoaded] = React120.useState(null);
-  const [historySections, setHistorySections] = React120.useState({});
-  const [historySectionsConversationId, setHistorySectionsConversationId] = React120.useState(null);
-  const [loadingSections, setLoadingSections] = React120.useState({});
-  const [error, setError] = React120.useState(null);
-  const [retryVersion, setRetryVersion] = React120.useState(0);
-  const requestVersionRef = React120.useRef(0);
-  const conversationIdRef = React120.useRef(conversationId);
-  const sectionControllersRef = React120.useRef(
+  const [loaded, setLoaded] = React121.useState(null);
+  const [historySections, setHistorySections] = React121.useState({});
+  const [historySectionsConversationId, setHistorySectionsConversationId] = React121.useState(null);
+  const [loadingSections, setLoadingSections] = React121.useState({});
+  const [error, setError] = React121.useState(null);
+  const [retryVersion, setRetryVersion] = React121.useState(0);
+  const requestVersionRef = React121.useRef(0);
+  const conversationIdRef = React121.useRef(conversationId);
+  const sectionControllersRef = React121.useRef(
     /* @__PURE__ */ new Map()
   );
   conversationIdRef.current = conversationId;
-  const abortSectionRequests = React120.useCallback(() => {
+  const abortSectionRequests = React121.useCallback(() => {
     sectionControllersRef.current.forEach((controller) => controller.abort());
     sectionControllersRef.current.clear();
   }, []);
-  React120.useEffect(() => {
+  React121.useEffect(() => {
     abortSectionRequests();
     setHistorySections({});
     setHistorySectionsConversationId(conversationId);
@@ -33213,11 +33552,11 @@ function useTaskSummary({
     retryVersion
   ]);
   const snapshot = loaded?.conversationId === conversationId ? loaded.snapshot : null;
-  const activeHistorySections = React120.useMemo(
+  const activeHistorySections = React121.useMemo(
     () => historySectionsConversationId === conversationId ? historySections : {},
     [conversationId, historySections, historySectionsConversationId]
   );
-  const loadSection = React120.useCallback(
+  const loadSection = React121.useCallback(
     async (section) => {
       if (!enabled || !conversationId || loadingSections[section]) {
         return;
@@ -33295,12 +33634,12 @@ function useChatTaskSummary({
 }) {
   const taskSummaryEnabled = options?.taskSummary?.enabled === true;
   const taskSummaryConversationId = stream.conversationId ?? null;
-  const [taskSummaryDocked, setTaskSummaryDocked] = React121.useState(false);
-  const [taskSummaryOpen, setTaskSummaryOpen] = React121.useState(false);
-  const manuallyClosedTaskSummaryConversationIdsRef = React121.useRef(
+  const [taskSummaryDocked, setTaskSummaryDocked] = React122.useState(false);
+  const [taskSummaryOpen, setTaskSummaryOpen] = React122.useState(false);
+  const manuallyClosedTaskSummaryConversationIdsRef = React122.useRef(
     /* @__PURE__ */ new Set()
   );
-  const liveTaskSummaryPending = React121.useMemo(() => {
+  const liveTaskSummaryPending = React122.useMemo(() => {
     const followUps = pendingFollowUps.map((item) => ({
       id: `follow-up:${item.id}`,
       kind: "follow_up",
@@ -33335,7 +33674,7 @@ function useChatTaskSummary({
     stream.pendingRequestUserInput,
     t
   ]);
-  const liveTaskSummaryRunning = React121.useMemo(
+  const liveTaskSummaryRunning = React122.useMemo(
     () => stream.runtimeActivities.sandboxServices.services.filter(
       (service) => service.status === "starting" || service.status === "running" || service.status === "stopping"
     ).map((service) => ({
@@ -33352,7 +33691,7 @@ function useChatTaskSummary({
     })),
     [stream.runtimeActivities.sandboxServices.services]
   );
-  const taskSummaryAgentNames = React121.useMemo(() => {
+  const taskSummaryAgentNames = React122.useMemo(() => {
     const names = /* @__PURE__ */ new Map();
     runtimeCapabilityOptions.forEach((option) => {
       if (option.type !== "subAgent") return;
@@ -33364,7 +33703,7 @@ function useChatTaskSummary({
     });
     return names;
   }, [runtimeCapabilityOptions]);
-  const liveTaskSummary = React121.useMemo(
+  const liveTaskSummary = React122.useMemo(
     () => collectLiveTaskSummary({
       messages: messages.map(
         (message) => ({
@@ -33402,7 +33741,7 @@ function useChatTaskSummary({
     live: liveTaskSummary,
     refreshVersion: stream.historyMessageLoadVersion
   });
-  const navigateToTaskSummaryMessage = React121.useCallback(
+  const navigateToTaskSummaryMessage = React122.useCallback(
     async (messageId) => {
       try {
         let anchor = messageNavigationAnchorsRef.current.get(messageId);
@@ -33430,7 +33769,7 @@ function useChatTaskSummary({
     taskSummary.summary.outputs,
     taskSummaryConversationId ?? void 0
   );
-  React121.useLayoutEffect(() => {
+  React122.useLayoutEffect(() => {
     if (characterPresentation) {
       setTaskSummaryDocked(true);
       return;
@@ -33469,7 +33808,7 @@ function useChatTaskSummary({
   const taskSummaryAvailable = Boolean(
     taskSummaryEnabled && (characterPresentation || stream.threadId && taskSummaryConversationId)
   );
-  const handleTaskSummaryOpenChange = React121.useCallback(
+  const handleTaskSummaryOpenChange = React122.useCallback(
     (open) => {
       setTaskSummaryOpen(open);
       if (!taskSummaryConversationId) return;
@@ -33485,7 +33824,7 @@ function useChatTaskSummary({
     },
     [taskSummaryConversationId]
   );
-  React121.useEffect(() => {
+  React122.useEffect(() => {
     if (characterPresentation) {
       setTaskSummaryOpen(false);
       return;
@@ -33494,7 +33833,7 @@ function useChatTaskSummary({
       setTaskSummaryOpen(false);
     }
   }, [taskSummaryDocked, characterPresentation, stream.assistantId]);
-  React121.useEffect(() => {
+  React122.useEffect(() => {
     if (characterPresentation || !taskSummaryDocked || !taskSummaryAvailable || !taskSummaryConversationId || manuallyClosedTaskSummaryConversationIdsRef.current.has(
       taskSummaryConversationId
     )) {
@@ -33533,7 +33872,7 @@ function useChatTaskSummary({
 import { CHATKIT_ASSISTANT_CUSTOMIZE_EFFECT } from "@xpert-ai/chatkit-types";
 
 // src/components/chat/header/AssistantPresence.tsx
-import * as React122 from "react";
+import * as React123 from "react";
 import * as Dialog5 from "@radix-ui/react-dialog";
 import { Pencil as Pencil9, X as X17 } from "lucide-react";
 import {
@@ -33542,7 +33881,7 @@ import {
   useIsPresent,
   useReducedMotion as useReducedMotion2
 } from "framer-motion";
-import { jsx as jsx120, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs95 } from "react/jsx-runtime";
 var PRESENCE_EASE = [0.22, 1, 0.36, 1];
 function PresenceCharacter({
   presence,
@@ -33550,7 +33889,7 @@ function PresenceCharacter({
 }) {
   const systemReducedMotion = useReducedMotion2();
   const still = presence.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     motion.div,
     {
       "data-slot": "assistant-presence-character",
@@ -33558,7 +33897,7 @@ function PresenceCharacter({
       className: "relative z-10 shrink-0",
       style: { width: size2, height: size2 },
       transition: { layout: { duration: 0.34, ease: PRESENCE_EASE } },
-      children: /* @__PURE__ */ jsx120(AssistantCharacter, { ...presence, size: size2 })
+      children: /* @__PURE__ */ jsx121(AssistantCharacter, { ...presence, size: size2 })
     }
   );
 }
@@ -33569,7 +33908,7 @@ function PresenceStatus({
 }) {
   const { t } = useChatkitTranslation();
   const key = waitingForInput ? "approval" : state === "failed" ? "failed" : state === "review" ? "thinking" : state === "running" ? "running" : state === "waiting" ? "loading" : "idle";
-  return /* @__PURE__ */ jsxs94(
+  return /* @__PURE__ */ jsxs95(
     "span",
     {
       role: "status",
@@ -33587,12 +33926,12 @@ function AssistantPresence(props) {
   const { t } = useChatkitTranslation();
   const systemReducedMotion = useReducedMotion2();
   const still = props.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     "div",
     {
       "data-slot": "assistant-presence",
       className: "chatkit-presence pointer-events-none relative z-20 col-start-1 row-start-1 flex shrink-0 flex-col items-center self-start",
-      children: /* @__PURE__ */ jsxs94(
+      children: /* @__PURE__ */ jsxs95(
         "button",
         {
           id: props.motionId ? `${props.motionId}-trigger` : void 0,
@@ -33606,8 +33945,8 @@ function AssistantPresence(props) {
           className: "chatkit-presence-trigger pointer-events-auto grid justify-items-center rounded-2xl outline-offset-4",
           onClick: () => props.onOpenChange(true),
           children: [
-            /* @__PURE__ */ jsx120("span", { className: "block size-20", children: !props.open && /* @__PURE__ */ jsx120(PresenceCharacter, { presence: props }) }),
-            /* @__PURE__ */ jsxs94(
+            /* @__PURE__ */ jsx121("span", { className: "block size-20", children: !props.open && /* @__PURE__ */ jsx121(PresenceCharacter, { presence: props }) }),
+            /* @__PURE__ */ jsxs95(
               motion.span,
               {
                 initial: false,
@@ -33619,8 +33958,8 @@ function AssistantPresence(props) {
                 transition: { duration: still ? 0 : 0.18, ease: PRESENCE_EASE },
                 className: "chatkit-presence-bubble max-w-64 rounded-2xl border border-border/60 bg-popover/95 shadow-sm backdrop-blur-sm",
                 children: [
-                  /* @__PURE__ */ jsx120("span", { className: "block truncate text-sm font-medium", children: props.name }),
-                  /* @__PURE__ */ jsx120(PresenceStatus, { ...props })
+                  /* @__PURE__ */ jsx121("span", { className: "block truncate text-sm font-medium", children: props.name }),
+                  /* @__PURE__ */ jsx121(PresenceStatus, { ...props })
                 ]
               }
             )
@@ -33637,11 +33976,11 @@ function AssistantSummaryDialog({
   voice
 }) {
   const { t } = useChatkitTranslation();
-  const dialog = React122.useRef(null);
-  const opener = React122.useRef(null);
-  const restoreFocus = React122.useRef(true);
-  const wasOpen = React122.useRef(false);
-  React122.useLayoutEffect(() => {
+  const dialog = React123.useRef(null);
+  const opener = React123.useRef(null);
+  const restoreFocus = React123.useRef(true);
+  const wasOpen = React123.useRef(false);
+  React123.useLayoutEffect(() => {
     if (presence.open && !wasOpen.current) {
       restoreFocus.current = true;
       const active = document.activeElement;
@@ -33655,7 +33994,7 @@ function AssistantSummaryDialog({
     }
     wasOpen.current = presence.open;
   }, [presence.open, presence.motionId]);
-  React122.useEffect(() => {
+  React123.useEffect(() => {
     if (!presence.open || voice?.panel) return;
     const dismiss = () => {
       restoreFocus.current = false;
@@ -33664,15 +34003,15 @@ function AssistantSummaryDialog({
     window.addEventListener("blur", dismiss);
     return () => window.removeEventListener("blur", dismiss);
   }, [presence.open, presence.onOpenChange, voice?.panel]);
-  return /* @__PURE__ */ jsxs94("div", { className: "chatkit-presence-stack pointer-events-none absolute z-30 flex max-h-[calc(100%-1.5rem)] flex-col gap-3", children: [
+  return /* @__PURE__ */ jsxs95("div", { className: "chatkit-presence-stack pointer-events-none absolute z-30 flex max-h-[calc(100%-1.5rem)] flex-col gap-3", children: [
     voice?.panel,
-    /* @__PURE__ */ jsx120(
+    /* @__PURE__ */ jsx121(
       Dialog5.Root,
       {
         open: presence.open,
         onOpenChange: presence.onOpenChange,
         modal: false,
-        children: /* @__PURE__ */ jsx120(AnimatePresence, { initial: false, children: presence.open && /* @__PURE__ */ jsxs94(
+        children: /* @__PURE__ */ jsx121(AnimatePresence, { initial: false, children: presence.open && /* @__PURE__ */ jsxs95(
           PresenceDialogSurface,
           {
             presence,
@@ -33696,40 +34035,40 @@ function AssistantSummaryDialog({
               event.preventDefault();
             },
             children: [
-              /* @__PURE__ */ jsx120(Dialog5.Title, { className: "sr-only", children: t("assistantPresence.details") }),
-              /* @__PURE__ */ jsxs94("div", { className: "chatkit-presence-header flex shrink-0 items-start", children: [
-                /* @__PURE__ */ jsx120(PresenceCharacter, { presence, size: "4rem" }),
-                /* @__PURE__ */ jsxs94("div", { className: "chatkit-presence-details min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx120("h2", { className: "truncate font-semibold", children: presence.name }),
-                  /* @__PURE__ */ jsx120(PresenceStatus, { ...presence }),
-                  presence.onCustomize && /* @__PURE__ */ jsxs94(
+              /* @__PURE__ */ jsx121(Dialog5.Title, { className: "sr-only", children: t("assistantPresence.details") }),
+              /* @__PURE__ */ jsxs95("div", { className: "chatkit-presence-header flex shrink-0 items-start", children: [
+                /* @__PURE__ */ jsx121(PresenceCharacter, { presence, size: "4rem" }),
+                /* @__PURE__ */ jsxs95("div", { className: "chatkit-presence-details min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx121("h2", { className: "truncate font-semibold", children: presence.name }),
+                  /* @__PURE__ */ jsx121(PresenceStatus, { ...presence }),
+                  presence.onCustomize && /* @__PURE__ */ jsxs95(
                     "button",
                     {
                       type: "button",
                       className: "chatkit-presence-customize flex items-center text-xs text-muted-foreground hover:text-foreground",
                       onClick: presence.onCustomize,
                       children: [
-                        /* @__PURE__ */ jsx120(Pencil9, { className: "size-3 shrink-0" }),
+                        /* @__PURE__ */ jsx121(Pencil9, { className: "size-3 shrink-0" }),
                         t("assistantPresence.customize")
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx120(
+                /* @__PURE__ */ jsx121(
                   "button",
                   {
                     type: "button",
                     className: "chatkit-presence-close flex shrink-0 items-center justify-center rounded-lg text-muted-foreground hover:bg-muted",
                     "aria-label": t("assistantPresence.close"),
                     onClick: () => presence.onOpenChange(false),
-                    children: /* @__PURE__ */ jsx120(X17, { className: "size-[1.125rem]" })
+                    children: /* @__PURE__ */ jsx121(X17, { className: "size-[1.125rem]" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs94("div", { className: "min-h-0 overflow-auto rounded-b-3xl", children: [
+              /* @__PURE__ */ jsxs95("div", { className: "min-h-0 overflow-auto rounded-b-3xl", children: [
                 voice?.dial,
                 computers,
-                /* @__PURE__ */ jsx120(TaskSummaryContent, { ...summary })
+                /* @__PURE__ */ jsx121(TaskSummaryContent, { ...summary })
               ] })
             ]
           },
@@ -33739,11 +34078,11 @@ function AssistantSummaryDialog({
     )
   ] });
 }
-var PresenceDialogSurface = React122.forwardRef(function PresenceDialogSurface2({ presence, children, ...props }, ref) {
+var PresenceDialogSurface = React123.forwardRef(function PresenceDialogSurface2({ presence, children, ...props }, ref) {
   const isPresent = useIsPresent();
   const systemReducedMotion = useReducedMotion2();
   const still = presence.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     Dialog5.Content,
     {
       ...props,
@@ -33751,7 +34090,7 @@ var PresenceDialogSurface = React122.forwardRef(function PresenceDialogSurface2(
       asChild: true,
       ref,
       inert: !isPresent || void 0,
-      children: /* @__PURE__ */ jsx120(
+      children: /* @__PURE__ */ jsx121(
         motion.div,
         {
           "data-slot": "assistant-summary-dialog",
@@ -33780,7 +34119,7 @@ var PresenceDialogSurface = React122.forwardRef(function PresenceDialogSurface2(
 });
 
 // src/components/chat.tsx
-import { jsx as jsx121, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs96 } from "react/jsx-runtime";
 function Chat({
   className,
   options,
@@ -33839,19 +34178,19 @@ function Chat({
     options
   });
   const modelState = useChatModelState({ ...session });
-  const [planModeEnabled, setPlanModeEnabled] = React123.useState(false);
+  const [planModeEnabled, setPlanModeEnabled] = React124.useState(false);
   const pet = useChatPetSettings({ options });
-  const headerMoreButtonRef = React123.useRef(null);
-  const restoreHeaderFocus = React123.useCallback((event) => {
+  const headerMoreButtonRef = React124.useRef(null);
+  const restoreHeaderFocus = React124.useCallback((event) => {
     if (headerMoreButtonRef.current) {
       event.preventDefault();
       headerMoreButtonRef.current.focus();
     }
   }, []);
-  const [hasSelectableProjects, setHasSelectableProjects] = React123.useState(false);
+  const [hasSelectableProjects, setHasSelectableProjects] = React124.useState(false);
   const files = useChatFiles({ ...draft, ...session, referenceRequest });
-  const viewportRef = React123.useRef(null);
-  const messages = React123.useMemo(
+  const viewportRef = React124.useRef(null);
+  const messages = React124.useMemo(
     () => mergeCompletedCalls(
       session.stream.messages ?? [],
       options?.realtimeVoice?.completed,
@@ -33879,7 +34218,7 @@ function Chat({
     messages,
     viewportRef
   });
-  const chatColumnRef = React123.useRef(null);
+  const chatColumnRef = React124.useRef(null);
   const capabilities = useChatCapabilities({
     ...runtime,
     ...draft,
@@ -33941,7 +34280,7 @@ function Chat({
     options,
     messages
   });
-  const pendingFollowUps = React123.useMemo(
+  const pendingFollowUps = React124.useMemo(
     () => sortVisiblePendingFollowUps(session.stream.pendingFollowUps ?? []),
     [session.stream.pendingFollowUps]
   );
@@ -33961,7 +34300,10 @@ function Chat({
   const inputPlaceholder = draft.selectedTool?.placeholderOverride ?? session.composer?.placeholder ?? assistant.resolvedPlaceholder;
   const isInitialComposer = !session.stream.threadId && messages.length === 0 && !viewport.canLoadMoreMessages && !session.stream.isLoading;
   const hasPendingFollowUps = pendingFollowUps.length > 0;
-  const isProjectSelectionLocked = Boolean(session.stream.threadId || session.stream.conversationId) || messages.length > 0 || viewport.canLoadMoreMessages;
+  const hasConversationId = Boolean(
+    session.stream.threadId || session.stream.conversationId
+  );
+  const isProjectSelectionLocked = hasConversationId ? !onProjectChange : messages.length > 0 || viewport.canLoadMoreMessages;
   const isProjectScopeLocked = Boolean(session.activeProjectId) && (isProjectSelectionLocked || options?.composer?.projects?.locked === true);
   const isFileSelectorVisible = Boolean(
     session.xpertPlatformClient && (session.activeProjectId || session.stream.assistantId)
@@ -34004,7 +34346,7 @@ function Chat({
     canUploadAttachments
   });
   const streamErrorMessage = session.stream.error instanceof Error ? session.stream.error.message : void 0;
-  const threadErrorMessage = React123.useMemo(() => {
+  const threadErrorMessage = React124.useMemo(() => {
     if (streamErrorMessage?.trim()) return streamErrorMessage.trim();
     if (historyState.currentThread?.status !== "error") return void 0;
     const message = historyState.currentThread.error?.trim();
@@ -34034,14 +34376,14 @@ function Chat({
     historyMessageLoadVersion: session.stream.historyMessageLoadVersion ?? 0,
     fallbackTitle: session.t("history.threadFallback")
   });
-  const chatColumnStyle = React123.useMemo(() => {
+  const chatColumnStyle = React124.useMemo(() => {
     if (layoutMaxWidth === void 0 || layoutMaxWidth === null || layoutMaxWidth === "") {
       return void 0;
     }
     return { maxWidth: layoutMaxWidth };
   }, [layoutMaxWidth]);
   const waitingForInput = !!(session.stream.pendingHITLRequest || session.stream.pendingRequestUserInput);
-  const presenceMotionId = React123.useId();
+  const presenceMotionId = React124.useId();
   const presence = {
     motionId: presenceMotionId,
     avatar: assistant.assistantAvatar,
@@ -34062,13 +34404,13 @@ function Chat({
       ]);
     } : void 0
   };
-  return /* @__PURE__ */ jsxs95(
+  return /* @__PURE__ */ jsxs96(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": summary.taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ jsxs95(
+        /* @__PURE__ */ jsxs96(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -34083,13 +34425,13 @@ function Chat({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs95(
+              /* @__PURE__ */ jsxs96(
                 "div",
                 {
                   "data-window-drag-scope": "",
                   className: characterPresentation ? "pointer-events-none sticky top-0 z-10 grid w-full shrink-0" : "contents",
                   children: [
-                    /* @__PURE__ */ jsx121(
+                    /* @__PURE__ */ jsx122(
                       ChatHeader,
                       {
                         characterPresentation,
@@ -34109,11 +34451,11 @@ function Chat({
                         restoreHeaderFocus
                       }
                     ),
-                    characterPresentation && /* @__PURE__ */ jsx121(AssistantPresence, { ...presence })
+                    characterPresentation && /* @__PURE__ */ jsx122(AssistantPresence, { ...presence })
                   ]
                 }
               ),
-              viewport.showMessageNavigation && /* @__PURE__ */ jsx121(
+              viewport.showMessageNavigation && /* @__PURE__ */ jsx122(
                 MessageNavigator,
                 {
                   items: viewport.messageNavigationItems,
@@ -34124,7 +34466,7 @@ function Chat({
                   tagsOverflowLabel: (count) => session.t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ jsx121(
+              /* @__PURE__ */ jsx122(
                 ChatTranscript,
                 {
                   ...session,
@@ -34150,8 +34492,8 @@ function Chat({
                   messagePresentation
                 }
               ),
-              /* @__PURE__ */ jsx121(ChatQuoteActions, { ...quotes, ...session }),
-              /* @__PURE__ */ jsxs95(
+              /* @__PURE__ */ jsx122(ChatQuoteActions, { ...quotes, ...session }),
+              /* @__PURE__ */ jsxs96(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
@@ -34162,13 +34504,13 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    runControl.runControlError?.threadId === session.stream.threadId && /* @__PURE__ */ jsx121("p", { role: "alert", className: "text-xs text-destructive", children: runControl.runControlError.message }),
-                    !viewport.isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx121(
+                    runControl.runControlError?.threadId === session.stream.threadId && /* @__PURE__ */ jsx122("p", { role: "alert", className: "text-xs text-destructive", children: runControl.runControlError.message }),
+                    !viewport.isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx122(
                       "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__ */ jsx121(
+                        children: /* @__PURE__ */ jsx122(
                           Button,
                           {
                             type: "button",
@@ -34181,14 +34523,14 @@ function Chat({
                             onClick: () => viewport.scrollToBottom(true, true),
                             "aria-label": session.t("chat.scrollToBottom"),
                             title: session.t("chat.scrollToBottom"),
-                            children: /* @__PURE__ */ jsx121(ArrowDown2, { size: 16 })
+                            children: /* @__PURE__ */ jsx122(ArrowDown2, { size: 16 })
                           }
                         )
                       }
                     ),
-                    threadErrorMessage && /* @__PURE__ */ jsx121("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 }),
-                    /* @__PURE__ */ jsx121(ChatGoalStatus, { ...goal, ...session, ...draft }),
-                    /* @__PURE__ */ jsx121(
+                    threadErrorMessage && /* @__PURE__ */ jsx122("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 }),
+                    /* @__PURE__ */ jsx122(ChatGoalStatus, { ...goal, ...session, ...draft }),
+                    /* @__PURE__ */ jsx122(
                       ChatPendingActions,
                       {
                         ...session,
@@ -34199,7 +34541,7 @@ function Chat({
                         pendingFollowUps
                       }
                     ),
-                    isInitialComposer && /* @__PURE__ */ jsx121(
+                    isInitialComposer && /* @__PURE__ */ jsx122(
                       PromptWorkflowShortcuts,
                       {
                         commands: capabilities.promptWorkflow.commands,
@@ -34213,8 +34555,8 @@ function Chat({
                         onBack: capabilities.promptWorkflow.showPrompts
                       }
                     ),
-                    /* @__PURE__ */ jsx121(ChatComposerAttachments, { ...files, ...session }),
-                    draft.threadMention && /* @__PURE__ */ jsx121(
+                    /* @__PURE__ */ jsx122(ChatComposerAttachments, { ...files, ...session }),
+                    draft.threadMention && /* @__PURE__ */ jsx122(
                       ThreadMentionPalette,
                       {
                         ref: draft.threadMentionPaletteRef,
@@ -34234,7 +34576,7 @@ function Chat({
                         onSelect: draft.selectThreadMention
                       }
                     ),
-                    runtime.runtimeCapabilityPalette && !draft.threadMention && /* @__PURE__ */ jsx121(
+                    runtime.runtimeCapabilityPalette && !draft.threadMention && /* @__PURE__ */ jsx122(
                       SlashPalette,
                       {
                         palette: runtime.runtimeCapabilityPalette,
@@ -34248,7 +34590,7 @@ function Chat({
                         onSelect: commands.selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ jsx121(
+                    /* @__PURE__ */ jsx122(
                       ChatComposerForm,
                       {
                         ...commands,
@@ -34287,7 +34629,7 @@ function Chat({
                         runtimeResources
                       }
                     ),
-                    isInitialComposer && session.startScreen?.promptsLayout === "list" && /* @__PURE__ */ jsx121(
+                    isInitialComposer && session.startScreen?.promptsLayout === "list" && /* @__PURE__ */ jsx122(
                       StarterPromptSuggestions,
                       {
                         prompts: session.startScreen.prompts ?? [],
@@ -34297,7 +34639,7 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled
                       }
                     ),
-                    session.disclaimer?.text && /* @__PURE__ */ jsx121(
+                    session.disclaimer?.text && /* @__PURE__ */ jsx122(
                       "p",
                       {
                         className: cn(
@@ -34310,7 +34652,7 @@ function Chat({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx121(
+              /* @__PURE__ */ jsx122(
                 SettingsSheet,
                 {
                   open: !pet.petDisabled && pet.petSettingsOpen,
@@ -34321,17 +34663,17 @@ function Chat({
                   onSave: pet.savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ jsx121(PetBridge, { pet: pet.effectivePet, state: petAutoState })
+              /* @__PURE__ */ jsx122(PetBridge, { pet: pet.effectivePet, state: petAutoState })
             ]
           }
         ),
-        characterPresentation && /* @__PURE__ */ jsx121(
+        characterPresentation && /* @__PURE__ */ jsx122(
           AssistantSummaryDialog,
           {
             presence,
             voice,
             summary: summary.taskSummaryProps,
-            computers: /* @__PURE__ */ jsx121(
+            computers: /* @__PURE__ */ jsx122(
               AssistantComputers,
               {
                 computers: options?.header?.character?.computers,
@@ -34350,7 +34692,7 @@ function Chat({
             )
           }
         ),
-        !characterPresentation && summary.taskSummaryAvailable && summary.taskSummaryDocked && summary.taskSummaryOpen && /* @__PURE__ */ jsx121("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx121(
+        !characterPresentation && summary.taskSummaryAvailable && summary.taskSummaryDocked && summary.taskSummaryOpen && /* @__PURE__ */ jsx122("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx122(
           TaskSummaryPanel,
           {
             ...summary.taskSummaryProps,