@xpert-ai/chatkit-ui 0.11.0 → 0.11.2

package/dist/index.cjs

@@ -1134,6 +1134,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",
@@ -1542,6 +1547,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",
@@ -1907,6 +1913,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",
@@ -1947,7 +1956,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: {
@@ -2063,7 +2078,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.",
@@ -2077,7 +2092,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",
@@ -2253,6 +2272,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",
@@ -2661,6 +2685,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",
@@ -3026,6 +3051,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",
@@ -3066,7 +3094,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: {
@@ -3182,7 +3216,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",
@@ -3196,7 +3230,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",
@@ -4384,39 +4422,6 @@ var import_lucide_react5 = require("lucide-react");
 // src/providers/Stream.tsx
 var import_react4 = require("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
-var import_react2 = require("react");
-var StreamContext = (0, import_react2.createContext)(
-  void 0
-);
-var useStreamContext = () => {
-  const context = (0, import_react2.useContext)(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;
@@ -5188,6 +5193,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
+var import_react2 = require("react");
+var StreamContext = (0, import_react2.createContext)(
+  void 0
+);
+var useStreamContext = () => {
+  const context = (0, import_react2.useContext)(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)) {
@@ -5590,12 +5628,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) {
@@ -5618,7 +5656,7 @@ async function persistConversationRuntimeCapabilities({
   client,
   threadId,
   xpertId,
-  projectId,
+  projectId: projectId2,
   capabilities,
   selection
 }) {
@@ -5629,7 +5667,7 @@ async function persistConversationRuntimeCapabilities({
   const conversation = await findConversationByThreadIdWithRetry(
     client,
     threadId,
-    { xpertId, projectId }
+    { xpertId, projectId: projectId2 }
   );
   if (!conversation?.id) {
     return {
@@ -5776,14 +5814,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 } : {}
   };
 }
@@ -5864,7 +5902,7 @@ async function executeThreadGoalCommand({
   goal,
   threadId,
   assistantId,
-  projectId,
+  projectId: projectId2,
   command,
   runtimeCapabilities,
   signal
@@ -5910,7 +5948,7 @@ async function executeThreadGoalCommand({
       const result2 = await goal.setGoal({
         threadId: null,
         assistantId,
-        projectId,
+        projectId: projectId2,
         objective,
         runtimeCapabilities,
         signal
@@ -5929,7 +5967,7 @@ async function executeThreadGoalCommand({
   const result = await goal.setGoal({
     threadId: normalizedThreadId,
     assistantId,
-    projectId,
+    projectId: projectId2,
     objective,
     runtimeCapabilities,
     signal
@@ -6581,8 +6619,8 @@ function ComputerRow({
 }
 
 // src/components/chat.tsx
-var import_lucide_react75 = require("lucide-react");
-var React123 = __toESM(require("react"), 1);
+var import_lucide_react76 = require("lucide-react");
+var React124 = __toESM(require("react"), 1);
 
 // src/lib/composer-parts.ts
 var COMPOSER_CAPABILITY_TOKEN_LENGTH = 1;
@@ -7605,7 +7643,7 @@ function getRemovedComposerCapabilityParts(previousParts, nextParts) {
 function useRuntimeCapabilitiesState({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   threadId,
   disabled
 }) {
@@ -7641,7 +7679,7 @@ function useRuntimeCapabilitiesState({
           client,
           threadId: nextThreadId,
           xpertId: assistantId,
-          projectId,
+          projectId: projectId2,
           capabilities: runtimeCapabilities,
           selection
         });
@@ -7656,7 +7694,7 @@ function useRuntimeCapabilitiesState({
         );
       }
     },
-    [assistantId, client, projectId, runtimeCapabilities]
+    [assistantId, client, projectId2, runtimeCapabilities]
   );
   const applyExternalRuntimeCapabilities = React15.useCallback(
     (selection) => {
@@ -7776,7 +7814,7 @@ function useRuntimeCapabilitiesState({
     setRuntimeCapabilities(null);
     setRuntimeCapabilityPalette(null);
     void client.assistants.getRuntimeCapabilities(assistantId, {
-      ...projectId ? { projectId } : {},
+      ...projectId2 ? { projectId: projectId2 } : {},
       signal: controller.signal
     }).then((payload) => {
       setRuntimeCapabilities(payload);
@@ -7809,7 +7847,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;
@@ -7845,7 +7883,7 @@ function useRuntimeCapabilitiesState({
       client,
       threadId: normalizedThreadId,
       xpertId: assistantId,
-      projectId,
+      projectId: projectId2,
       capabilities: runtimeCapabilities
     }).then(({ selection, missing }) => {
       if (cancelled || runtimeCapabilityPreferenceLoadRef.current !== requestId) {
@@ -7869,7 +7907,7 @@ function useRuntimeCapabilitiesState({
   }, [
     assistantId,
     client,
-    projectId,
+    projectId2,
     runtimeCapabilities,
     runtimeCapabilitiesReady,
     threadId
@@ -8614,7 +8652,7 @@ function useRuntimeResources({
   client,
   enabled,
   assistantId,
-  projectId,
+  projectId: projectId2,
   conversationId,
   threadId
 }) {
@@ -8637,8 +8675,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;
     }
@@ -8657,7 +8695,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;
@@ -8665,7 +8703,7 @@ function useRuntimeResources({
         await client.assistants.validateResources(
           assistantId,
           value,
-          projectId ?? void 0
+          projectId2 ?? void 0
         );
       if (generation.current === current) {
         if (isHandoff && submission.current === pending)
@@ -8687,7 +8725,7 @@ function useRuntimeResources({
     client,
     enabled,
     assistantId,
-    projectId,
+    projectId2,
     conversationId,
     threadId,
     reload,
@@ -8717,7 +8755,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);
@@ -8747,14 +8785,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
     };
@@ -8772,7 +8810,7 @@ function useRuntimeResources({
         else submission.current = null;
       }
     };
-  }, [enabled, assistantId, projectId, conversationId, threadId, selection]);
+  }, [enabled, assistantId, projectId2, conversationId, threadId, selection]);
   return {
     selection,
     busy,
@@ -9057,7 +9095,7 @@ var import_jsx_runtime24 = require("react/jsx-runtime");
 var ThreadMentionPalette = React21.forwardRef(function ThreadMentionPalette2({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   threadId,
   query,
   selectedThreadIds,
@@ -9082,7 +9120,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" }
@@ -9100,7 +9138,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)
   );
@@ -11173,11 +11211,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(
@@ -11190,7 +11228,7 @@ function useConnectorCatalog(client, assistantId, projectId, enabled = true) {
         }
       );
     return cached;
-  }, [client, assistantId, projectId]);
+  }, [client, assistantId, projectId2]);
   const revision = React37.useSyncExternalStore(
     React37.useCallback(
       (listener) => {
@@ -11210,7 +11248,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;
@@ -11221,7 +11259,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 = () => {
@@ -11472,13 +11510,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 });
@@ -12704,6 +12742,7 @@ function ProjectSelector({
   activeProjectId,
   selection,
   autoNewEnabled = false,
+  autoNewMode = "on-send",
   allowNone = true,
   disabled = false,
   locked = false,
@@ -12996,7 +13035,7 @@ function ProjectSelector({
                 "aria-label": t("composer.projects.select"),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react27.Folder, { className: "size-3.5 shrink-0" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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__ */ (0, import_jsx_runtime48.jsx)("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__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react27.ChevronDown, { className: "size-3.5 shrink-0" })
                 ]
               }
@@ -13258,7 +13297,7 @@ function ProjectSelector({
                                         setOpen(false);
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "flex-1", children: t("composer.projects.autoNew") }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "flex-1", children: t(autoNewMode === "after-confirmation" ? "composer.projects.confirmNew" : "composer.projects.autoNew") }),
                                         !activeProjectId && selection?.mode === "auto-new" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react27.Check, { className: "size-4 shrink-0" }) : null
                                       ]
                                     }
@@ -13748,7 +13787,7 @@ var fullCatalog = { search: "", allPages: true };
 function useRuntimeResourceCatalog({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   enabled,
   query,
   kind,
@@ -13757,7 +13796,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.
@@ -13765,7 +13804,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);
@@ -13792,7 +13831,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))
@@ -13814,7 +13853,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,
@@ -13886,7 +13925,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");
@@ -13907,7 +13946,7 @@ function useRuntimeResourceCatalog({
     selectedResources,
     client,
     assistantId,
-    projectId,
+    projectId2,
     revision
   ]);
   const selectedItems = selectedResources.map(
@@ -13975,7 +14014,7 @@ function useCompactMenu() {
 function RuntimeResourceSelector({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   selection,
   busy,
   canEditResources = true,
@@ -14012,7 +14051,7 @@ function RuntimeResourceSelector({
   const connectors = useConnectorCatalog(
     client,
     assistantId,
-    projectId,
+    projectId2,
     connectorsEnabled && (open || expanded || connectorBindingIds.length > 0)
   );
   const latest = React48.useRef({
@@ -14030,7 +14069,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,
@@ -14044,7 +14083,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(
@@ -14158,7 +14197,7 @@ function RuntimeResourceSelector({
       bindingId: item.bindingId,
       version: item.version,
       serverName,
-      projectId: projectId ?? void 0
+      projectId: projectId2 ?? void 0
     }),
     onAuthorized: async (signal) => {
       let offset = 0;
@@ -14166,7 +14205,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,
@@ -14641,6 +14680,7 @@ function SendButton({
   stopDisabled = false,
   onStop,
   stopLabel = "Stop",
+  stopIcon = "stop",
   showResume = false,
   resumeDisabled = false,
   onResume,
@@ -14650,7 +14690,7 @@ function SendButton({
 }) {
   if (showStop || showResume) {
     const label = showStop ? stopLabel : resumeLabel;
-    const Icon = showStop ? import_lucide_react31.Square : import_lucide_react31.Play;
+    const Icon = showStop ? stopIcon === "pause" ? import_lucide_react31.Pause : import_lucide_react31.Square : import_lucide_react31.Play;
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "button",
       {
@@ -14747,7 +14787,7 @@ function flattenWorkspaceFiles(files) {
 var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMentionPalette2({
   client,
   assistantId,
-  projectId,
+  projectId: projectId2,
   query,
   selectedFilePaths,
   onSelect,
@@ -14763,7 +14803,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);
@@ -14772,7 +14812,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, {
@@ -14792,7 +14832,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) => {
@@ -14831,7 +14871,7 @@ var WorkspaceFileMentionPalette = React49.forwardRef(function WorkspaceFileMenti
     }),
     [onSelect, visibleFiles]
   );
-  const unavailable = !client || !projectId && !assistantId;
+  const unavailable = !client || !projectId2 && !assistantId;
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
@@ -15329,7 +15369,7 @@ function ChatComposerForm({
   isChangingBranch,
   handleComposerRunControl,
   isRunPaused,
-  canRevealPausedDisplay,
+  isStoppingRun,
   isRunPausing,
   isResumingRun,
   currentRunControl,
@@ -15545,17 +15585,18 @@ function ChatComposerForm({
                           }
                         }
                       ),
+                      isRunPausing && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { role: "status", className: "text-xs text-muted-foreground", title: t("threadControl.pausingDescription"), children: t("threadControl.pausing") }),
                       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                         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"),
@@ -15588,6 +15629,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,
@@ -19306,6 +19348,7 @@ function useChatSubmission({
   composerPartsRef,
   stream,
   isRunPaused,
+  clearRunControlError,
   planModeEnabled,
   getRuntimeCapabilitiesForSubmit,
   promptWorkflow,
@@ -19351,6 +19394,7 @@ function useChatSubmission({
       if (!humanInput) {
         return;
       }
+      clearRunControlError();
       const {
         runtimeCapabilitiesForSubmit,
         runtimeCapabilityOptionsForMessage
@@ -19490,6 +19534,7 @@ function useChatSubmission({
       promptWorkflow,
       isSubmissionBlocked,
       isRunPaused,
+      clearRunControlError,
       options?.request,
       persistSessionRuntimeCapabilities,
       resourcesEnabled,
@@ -20438,7 +20483,7 @@ function createXpertThreadGoalAdapter(client, scope) {
     async setGoal({
       threadId,
       assistantId,
-      projectId,
+      projectId: projectId2,
       objective,
       runtimeCapabilities,
       signal
@@ -20458,7 +20503,7 @@ function createXpertThreadGoalAdapter(client, scope) {
           normalizedThreadId,
           {
             xpertId: scope.xpertId,
-            projectId: projectId ?? scope.projectId
+            projectId: projectId2 ?? scope.projectId
           }
         );
         const goal = await setGoal(
@@ -20490,7 +20535,7 @@ function createXpertThreadGoalAdapter(client, scope) {
           },
           {
             assistantId,
-            projectId,
+            projectId: projectId2,
             runtimeCapabilities,
             onThreadCreated: (resolvedThreadId) => {
               createdThreadId = resolvedThreadId;
@@ -21745,13 +21790,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(
     () => ({
@@ -21982,7 +22027,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
     client,
     threadId,
     assistantId,
-    projectId,
+    projectId: projectId2,
     isReady,
     isLoading: isStreamLoading,
     error: streamError
@@ -21990,7 +22035,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([]);
@@ -22041,7 +22086,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;
@@ -22051,7 +22096,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) => {
@@ -22141,7 +22186,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true, scope = "all") {
     client,
     isReady,
     isStreamLoading,
-    projectId,
+    projectId2,
     threadId,
     upsertThreadRecord
   ]);
@@ -22687,7 +22732,7 @@ function ThreadHistoryStatus({
 }
 
 // src/components/thread/MessageList.tsx
-var import_chatkit_types29 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types30 = require("@xpert-ai/chatkit-types");
 
 // src/components/thread/messages/call-ended.tsx
 var import_lucide_react52 = require("lucide-react");
@@ -23216,8 +23261,8 @@ function getBubbleCompletionStatus(status) {
 }
 
 // src/components/thread/MessageList.tsx
-var import_chatkit_types30 = require("@xpert-ai/chatkit-types");
-var import_lucide_react72 = require("lucide-react");
+var import_chatkit_types31 = require("@xpert-ai/chatkit-types");
+var import_lucide_react73 = require("lucide-react");
 
 // src/lib/assistant-presentation.ts
 var import_chatkit_types22 = require("@xpert-ai/chatkit-types");
@@ -25533,7 +25578,7 @@ function getVisibleHumanAttachments(attachments, references) {
 }
 
 // src/components/thread/messages/assistant-blocks.tsx
-var React101 = __toESM(require("react"), 1);
+var React102 = __toESM(require("react"), 1);
 var import_lucide_react65 = require("lucide-react");
 
 // src/lib/scroll.ts
@@ -26831,7 +26876,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 {
@@ -26841,6 +26886,14 @@ function getAgentRunStatusConfig(status, hasReply = false) {
       spin: true
     };
   }
+  if ((normalized === "success" || normalized === "succeeded") && outcome) {
+    return {
+      icon: outcome.accepted ? import_lucide_react62.CheckCircle2 : outcome.status === "failed" ? import_lucide_react62.XCircle : import_lucide_react62.Info,
+      iconClass: outcome.accepted ? "text-muted-foreground" : "text-destructive",
+      labelKey: `business_${outcome.status}`,
+      spin: false
+    };
+  }
   if (normalized === "success" || normalized === "succeeded") {
     return {
       icon: import_lucide_react62.CheckCircle2,
@@ -26943,7 +26996,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);
@@ -27596,10 +27650,10 @@ function hasLegacySurface(surface) {
 }
 
 // src/components/thread/messages/mcp-app.tsx
-var import_chatkit_types26 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types27 = require("@xpert-ai/chatkit-types");
 var import_lodash_es2 = require("lodash-es");
 var import_lucide_react64 = require("lucide-react");
-var React100 = __toESM(require("react"), 1);
+var React101 = __toESM(require("react"), 1);
 
 // src/components/thread/messages/mcp-app/resource/values.ts
 function isRecord6(value) {
@@ -27855,6 +27909,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,
@@ -27872,6 +27927,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) {
@@ -28422,7 +28484,27 @@ function useMcpAppApprovals({
   return { clearPendingApproval, dispatchHostRpc, resolvePendingApproval };
 }
 
+// src/components/thread/messages/mcp-app/bridge/project-link.ts
+var import_zod2 = require("zod");
+var projectId = import_zod2.z.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
+var import_chatkit_types26 = require("@xpert-ai/chatkit-types");
 var React96 = __toESM(require("react"), 1);
 
 // src/components/thread/messages/mcp-app/sandbox/html.ts
@@ -28576,6 +28658,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"
     )
@@ -28594,7 +28680,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);
 }
 
@@ -28603,6 +28689,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",
@@ -28615,7 +28702,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
@@ -28770,6 +28859,7 @@ function useMcpAppBridge({
   streamIsLoading,
   dispatchHostRpc
 }) {
+  const { openProject } = useWorkbench();
   React96.useEffect(() => {
     if (!initializedRef.current) return;
     postToApp({
@@ -28781,6 +28871,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) {
@@ -28857,7 +28968,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: (0, import_chatkit_types26.resolveLocalizedText)(rawToolInfo.tool.title, i18n2.language) ?? rawToolInfo.tool.name,
+            description: (0, import_chatkit_types26.resolveLocalizedText)(
+              rawToolInfo.tool.description,
+              i18n2.language
+            ) ?? void 0
+          }
+        };
         const theme = buildMcpAppTheme(containerRef.current);
         const hostLocale = normalizeHostLocale(i18n2.language);
         const hostLanguage = getLocaleLanguage(hostLocale);
@@ -28874,6 +28996,7 @@ function useMcpAppBridge({
               serverTools: {},
               serverResources: {},
               openLinks: {},
+              ...openProject ? { experimental: { "xpert/workbench": { openProject: true } } } : {},
               logging: {},
               message: {
                 text: {},
@@ -28941,6 +29064,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"));
@@ -29044,6 +29189,7 @@ function useMcpAppBridge({
     client,
     data,
     dispatchHostRpc,
+    openProject,
     displayMode,
     i18n2.language,
     messageId,
@@ -29061,8 +29207,68 @@ function useMcpAppBridge({
   ]);
 }
 
-// src/components/thread/messages/mcp-app/resource/useMcpAppResource.ts
+// src/components/thread/messages/mcp-app/resource/useMcpAppRefresh.ts
 var React97 = __toESM(require("react"), 1);
+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
+var React98 = __toESM(require("react"), 1);
 function useMcpAppResource({
   initializedRef,
   sentInitialResultRef,
@@ -29088,7 +29294,7 @@ function useMcpAppResource({
   i18n: i18n2,
   containerRef
 }) {
-  const sendInitialToolNotifications = React97.useCallback(() => {
+  const sendInitialToolNotifications = React98.useCallback(() => {
     if (!initializedRef.current || sentInitialResultRef.current || !resource) {
       return;
     }
@@ -29115,7 +29321,7 @@ function useMcpAppResource({
       }
     });
   }, [data.toolCallId, data.toolName, postToApp, resource]);
-  React97.useEffect(() => {
+  React98.useEffect(() => {
     const controller = new AbortController();
     initializedRef.current = false;
     sentInitialResultRef.current = false;
@@ -29184,37 +29390,37 @@ function useMcpAppResource({
 }
 
 // src/components/thread/messages/mcp-app/session/useMcpAppState.ts
-var React98 = __toESM(require("react"), 1);
+var React99 = __toESM(require("react"), 1);
 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) {
@@ -29263,7 +29469,7 @@ function useMcpAppState({ data }) {
 }
 
 // src/components/thread/messages/mcp-app/session/useMcpAppTeardown.ts
-var React99 = __toESM(require("react"), 1);
+var React100 = __toESM(require("react"), 1);
 function useMcpAppTeardown({
   teardownGenerationRef,
   activeAppInstanceIdRef,
@@ -29276,11 +29482,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 () => {
@@ -29337,7 +29543,7 @@ function McpAppMessage({
   className,
   mcpApps
 }) {
-  const dataRef = React100.useRef(incomingData);
+  const dataRef = React101.useRef(incomingData);
   if (!(0, import_lodash_es2.isEqual)(dataRef.current, incomingData)) dataRef.current = incomingData;
   const data = dataRef.current;
   const { i18n: i18n2 } = useChatkitTranslation();
@@ -29349,11 +29555,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,
@@ -29362,7 +29568,7 @@ function McpAppMessage({
     },
     [sandboxProxy?.origin]
   );
-  const callHostRpc = React100.useCallback(
+  const callHostRpc = React101.useCallback(
     async (request) => {
       return client.mcp.apps.rpc(
         data.appInstanceId,
@@ -29380,6 +29586,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,
@@ -29398,7 +29612,7 @@ function McpAppMessage({
   });
   useMcpAppTeardown({ ...state, data, sandboxProxy, messageId, client });
   useMcpAppApprovalExpiry({ ...state, ...approvals, postToApp });
-  React100.useEffect(() => {
+  React101.useEffect(() => {
     resourceLifecycle.sendInitialToolNotifications();
   }, [resourceLifecycle.sendInitialToolNotifications]);
   useMcpAppBridge({
@@ -29418,14 +29632,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 = (0, import_chatkit_types26.resolveLocalizedText)(state.resource?.title ?? data.title, i18n2.language) ?? data.toolName;
-  const displayDescription = (0, import_chatkit_types26.resolveLocalizedText)(
+  const displayTitle = (0, import_chatkit_types27.resolveLocalizedText)(state.resource?.title ?? data.title, i18n2.language) ?? data.toolName;
+  const displayDescription = (0, import_chatkit_types27.resolveLocalizedText)(
     state.resource?.description ?? data.description,
     i18n2.language
   );
@@ -29472,6 +29686,24 @@ function McpAppMessage({
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+              state.resource?.refresh ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                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__ */ (0, import_jsx_runtime105.jsx)(
+                    import_lucide_react64.RefreshCw,
+                    {
+                      className: cn(refresh.refreshing && "animate-spin")
+                    }
+                  )
+                }
+              ) : null,
               state.displayMode !== "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                 Button,
                 {
@@ -29510,6 +29742,7 @@ function McpAppMessage({
               ) : null
             ] })
           ] }),
+          refresh.error ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { role: "alert", className: "px-3 py-2 text-sm text-destructive", children: refresh.error }) : null,
           state.pendingApproval ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "div",
             {
@@ -29688,11 +29921,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__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "space-y-2 px-1 py-1", children: [
@@ -29796,11 +30029,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);
@@ -29814,10 +30047,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;
     }
@@ -29829,7 +30062,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;
@@ -29851,7 +30084,7 @@ function ComponentBlock({ content }) {
       element.removeEventListener("scroll", updateAutoScrollState);
     };
   }, [isExpanded]);
-  React101.useEffect(() => {
+  React102.useEffect(() => {
     if (status !== "running") {
       shouldAutoScrollRef.current = true;
       return;
@@ -30021,20 +30254,20 @@ function renderContentItem(content, index, message, lookupMessages, options) {
 }
 
 // src/components/thread/messages/ai.tsx
-var React106 = require("react");
-var import_lucide_react69 = require("lucide-react");
+var React107 = require("react");
+var import_lucide_react70 = require("lucide-react");
 
 // src/components/thread/messages/resource-cards.tsx
-var React102 = __toESM(require("react"), 1);
+var React103 = __toESM(require("react"), 1);
 var import_lucide_react66 = require("lucide-react");
-var import_chatkit_types27 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types28 = require("@xpert-ai/chatkit-types");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function messageResourceCards(message) {
   if (!Array.isArray(message.content)) return [];
   return message.content.reduce(
     (cards, part) => {
-      const card = (0, import_chatkit_types27.parseResourceCardContent)(part);
-      return card ? (0, import_chatkit_types27.upsertResourceCardContent)(cards, card) : cards;
+      const card = (0, import_chatkit_types28.parseResourceCardContent)(part);
+      return card ? (0, import_chatkit_types28.upsertResourceCardContent)(cards, card) : cards;
     },
     []
   );
@@ -30045,8 +30278,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;
@@ -30116,54 +30349,95 @@ function MessageResourceCards({
 }
 
 // src/components/thread/messages/assistant-content.tsx
-var React105 = require("react");
+var React106 = require("react");
 
 // src/components/thread/messages/external-assistant-run-row.tsx
-var React103 = __toESM(require("react"), 1);
+var React104 = __toESM(require("react"), 1);
+var import_lucide_react68 = require("lucide-react");
+
+// src/components/thread/messages/external-assistant-cancel-button.tsx
 var import_lucide_react67 = require("lucide-react");
 var import_jsx_runtime109 = require("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__ */ (0, import_jsx_runtime109.jsxs)(
+    "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__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.LoaderCircle, { className: "size-3 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.Square, { className: "size-3", "aria-hidden": "true" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/components/thread/messages/external-assistant-run-row.tsx
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function ExternalAssistantAvatar({ info }) {
   const { t } = useChatkitTranslation();
-  return info.avatar ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return info.avatar ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     ChatkitAvatar,
     {
       avatar: info.avatar,
       label: getAgentRunTitle(info, t("message.agentRun.defaultTitle")) ?? "",
       className: "size-5 shrink-0"
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.Bot, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Bot, { 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__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     "span",
     {
       className: "inline-flex shrink-0 items-center gap-1.5 text-xs text-muted-foreground",
       role: "status",
+      title: info.businessOutcome?.message,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           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__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.Clock3, { className: "ml-1 h-3 w-3", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "tabular-nums", children: formatStepDuration2(duration) })
+        duration !== null && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Clock3, { className: "ml-1 h-3 w-3", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "tabular-nums", children: formatStepDuration2(duration) })
         ] })
       ]
     }
@@ -30171,31 +30445,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__ */ (0, import_jsx_runtime109.jsxs)(
-    "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__ */ (0, import_jsx_runtime109.jsx)(ExternalAssistantAvatar, { info }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AgentRunStatus, { info }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.ChevronRight, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+      "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__ */ (0, import_jsx_runtime110.jsx)(ExternalAssistantAvatar, { info }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(AgentRunStatus, { info }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.ChevronRight, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    onCancel && isRunningRunStatus(info.status) && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      ExternalAssistantCancelButton,
+      {
+        name: title ?? "",
+        onCancel,
+        pending: cancelPending,
+        requested: cancelRequested
+      }
+    )
+  ] });
 }
 
 // src/components/thread/messages/assistant-process.tsx
-var React104 = __toESM(require("react"), 1);
-var import_lucide_react68 = require("lucide-react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var React105 = __toESM(require("react"), 1);
+var import_lucide_react69 = require("lucide-react");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function AssistantProcess({
   enabled = true,
   renderContent,
@@ -30206,22 +30494,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__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
     "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__ */ (0, import_jsx_runtime110.jsxs)("div", { hidden: !enabled, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "border-b border-border/60 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { hidden: !enabled, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "border-b border-border/60 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
             "button",
             {
               type: "button",
@@ -30233,16 +30521,16 @@ function AssistantProcess({
                 if (!forceExpanded) setUserExpanded(!expanded);
               },
               children: [
-                running && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-                  import_lucide_react68.Loader2,
+                running && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                  import_lucide_react69.Loader2,
                   {
                     "aria-hidden": "true",
                     className: "mr-1 h-3.5 w-3.5 animate-spin"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: running ? t("message.process.running") : duration ? t("message.process.duration", { duration }) : t("message.process.title") }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-                  import_lucide_react68.ChevronRight,
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: running ? t("message.process.running") : duration ? t("message.process.duration", { duration }) : t("message.process.title") }),
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                  import_lucide_react69.ChevronRight,
                   {
                     "aria-hidden": "true",
                     className: cn(
@@ -30254,9 +30542,9 @@ function AssistantProcess({
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { id: contentId, hidden: !expanded, className: "mt-3 space-y-3", children: process })
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { id: contentId, hidden: !expanded, className: "mt-3 space-y-3", children: process })
         ] }),
-        renderContent ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        renderContent ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           "div",
           {
             id: `${contentId}-content`,
@@ -30270,7 +30558,7 @@ function AssistantProcess({
 }
 
 // src/components/thread/messages/assistant-content.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 function groupAdjacentReasoning(units) {
   const groups = [];
   for (const unit of units) {
@@ -30296,11 +30584,11 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
   const bubbles = mode === "bubbles";
   if (unit.type === "reasoning-group") {
     if (bubbles) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "div",
       {
         hidden: bubbles,
-        children: !bubbles && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        children: !bubbles && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           ReasoningBlock,
           {
             reasoning: unit.items,
@@ -30317,7 +30605,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__ */ (0, import_jsx_runtime111.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       MessageBubble,
       {
         mode,
@@ -30334,11 +30622,11 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
     );
   }
   if (bubbles && !unit.items.some(hasBubbleToolResult)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "div",
     {
       className: bubbles ? "space-y-3 empty:hidden" : void 0,
-      children: bubbles ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BubbleToolResults, { items: unit.items, messageStatus: message.status }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      children: bubbles ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BubbleToolResults, { items: unit.items, messageStatus: message.status }) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         ToolComponentGroup,
         {
           items: unit.items,
@@ -30368,7 +30656,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__ */ (0, import_jsx_runtime111.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "div",
       {
         hidden: options?.hiddenOrders?.has(entry.order),
@@ -30411,12 +30699,12 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     flushEntries(true);
     if (unit.node.info.invocationKind === "external_assistant" && options?.onOpenExternalAssistant) {
       rendered.push(
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           MessageBubble,
           {
             mode: options.mode,
             hidden: options.hiddenOrders?.has(unit.order),
-            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               ExternalAssistantRunRow,
               {
                 info: unit.node.info,
@@ -30430,13 +30718,13 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
       return;
     }
     rendered.push(
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         MessageBubble,
         {
           mode: options?.mode,
           hidden: options?.hiddenOrders?.has(unit.order),
           "data-quote-source": unit.node.info.xpertName ?? unit.node.info.title,
-          children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
             AgentRunGroup,
             {
               mode: options?.mode,
@@ -30467,7 +30755,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__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     AssistantProcess,
     {
       enabled: Boolean(canSeparate),
@@ -30484,7 +30772,7 @@ function AssistantContent({
 }
 
 // src/components/thread/messages/ai.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 function AssistantStreamingIndicator({
   status,
   className
@@ -30495,7 +30783,7 @@ function AssistantStreamingIndicator({
     thinking: t("message.thinking"),
     answering: t("message.answering")
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "div",
     {
       className: cn(
@@ -30503,18 +30791,18 @@ function AssistantStreamingIndicator({
         className
       ),
       children: [
-        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_lucide_react69.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-        status === "thinking" && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_lucide_react70.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+        status === "thinking" && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
         ] }),
-        status === "answering" && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
+        status === "answering" && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: labelMap[status] })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: labelMap[status] })
       ]
     }
   );
@@ -30546,7 +30834,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__ */ (0, import_jsx_runtime112.jsx)(InlinePetStatus, { pet, state: inlinePetState }) : null;
+  const inlinePet = inlinePetState ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(InlinePetStatus, { pet, state: inlinePetState }) : null;
   const contentOptions = {
     mode,
     collapseProcess,
@@ -30560,7 +30848,7 @@ function AssistantMessage({
     apiUrl,
     mcpApps
   };
-  const answerNode = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  const answerNode = /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     AssistantContent,
     {
       message,
@@ -30581,21 +30869,21 @@ function AssistantMessage({
   if (!hasContent && !hasReasoning && !resolvedStreamingStatus && !showCompletion)
     return null;
   const streamingClass = isStreaming ? "streaming-active" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
     answerNode,
-    !isStreaming && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    !isStreaming && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         MessageBubble,
         {
           mode,
           hidden: !hasRenderableFileActivity(message),
-          children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(MessageFileActivity, { message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(MessageFileActivity, { message })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(MessageResourceCards, { message, mode })
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(MessageResourceCards, { message, mode })
     ] }),
-    showCompletion && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(MessageBubble, { mode, kind: "status", role: "status", children: t(`message.bubbles.${completion}`) }),
-    resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+    showCompletion && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(MessageBubble, { mode, kind: "status", role: "status", children: t(`message.bubbles.${completion}`) }),
+    resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
       MessageBubble,
       {
         mode,
@@ -30603,7 +30891,7 @@ function AssistantMessage({
         className: "flex items-center gap-2",
         children: [
           inlinePet,
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
         ]
       }
     ) : null
@@ -30611,23 +30899,23 @@ function AssistantMessage({
 }
 
 // src/components/thread/MessageActions.tsx
-var React108 = __toESM(require("react"), 1);
-var import_lucide_react71 = require("lucide-react");
+var React109 = __toESM(require("react"), 1);
+var import_lucide_react72 = require("lucide-react");
 
 // src/components/thread/MessageSkills.tsx
-var React107 = __toESM(require("react"), 1);
-var import_lucide_react70 = require("lucide-react");
-var import_chatkit_types28 = require("@xpert-ai/chatkit-types");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var React108 = __toESM(require("react"), 1);
+var import_lucide_react71 = require("lucide-react");
+var import_chatkit_types29 = require("@xpert-ai/chatkit-types");
+var import_jsx_runtime114 = require("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();
@@ -30645,8 +30933,8 @@ function MessageSkills({
       if (!pinned.current) setOpen(false);
     }, 150);
   };
-  React107.useEffect(() => () => clearTimeout(timer.current), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+  React108.useEffect(() => () => clearTimeout(timer.current), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     Popover,
     {
       open,
@@ -30654,7 +30942,7 @@ function MessageSkills({
         if (!next) close();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           "button",
           {
             type: "button",
@@ -30674,10 +30962,10 @@ function MessageSkills({
                 show();
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_lucide_react70.BookOpen, { size: 14, "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_lucide_react71.BookOpen, { size: 14, "aria-hidden": "true" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
           PopoverContent,
           {
             side: "top",
@@ -30690,17 +30978,17 @@ function MessageSkills({
             onPointerEnter: cancelClose,
             onPointerLeave: scheduleClose,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { id: titleId, className: "mb-2 text-sm font-medium", children: t("messageActions.skills.title") }),
-              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("ul", { className: "max-h-64 space-y-1 overflow-y-auto text-sm", children: usages.map((usage) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { id: titleId, className: "mb-2 text-sm font-medium", children: t("messageActions.skills.title") }),
+              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("ul", { className: "max-h-64 space-y-1 overflow-y-auto text-sm", children: usages.map((usage) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
                 "li",
                 {
                   className: "flex items-start justify-between gap-4",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "min-w-0 break-words", children: usage.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "shrink-0 text-muted-foreground", children: t(`messageActions.skills.sources.${usage.source.type}`) })
+                    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "min-w-0 break-words", children: usage.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "shrink-0 text-muted-foreground", children: t(`messageActions.skills.sources.${usage.source.type}`) })
                   ]
                 },
-                (0, import_chatkit_types28.chatSkillUsageKey)(usage)
+                (0, import_chatkit_types29.chatSkillUsageKey)(usage)
               )) })
             ]
           }
@@ -30711,7 +30999,7 @@ function MessageSkills({
 }
 
 // src/components/thread/MessageTimestamp.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 function formatCompactTime(date, language, now = /* @__PURE__ */ new Date()) {
   const time = new Intl.DateTimeFormat(language, {
     hour: "2-digit",
@@ -30750,8 +31038,8 @@ function MessageTimestamp({
       timeZoneName: "short"
     }).format(date)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "time",
       {
         dateTime: date.toISOString(),
@@ -30761,12 +31049,12 @@ function MessageTimestamp({
         children: formatCompactTime(date, i18n2.language)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(TooltipContent, { side: "bottom", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TooltipContent, { side: "bottom", children: label })
   ] });
 }
 
 // src/components/thread/MessageActions.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 function MessageActionButton({
   label,
   tooltip = label,
@@ -30775,7 +31063,7 @@ function MessageActionButton({
   className,
   ...props
 }) {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     "button",
     {
       ...props,
@@ -30788,7 +31076,7 @@ function MessageActionButton({
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     Tooltip,
     {
       delayDuration: 200,
@@ -30796,7 +31084,7 @@ function MessageActionButton({
         if (open) onTooltipOpen?.();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TooltipTrigger, { asChild: true, children: disabled ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           "span",
           {
             tabIndex: 0,
@@ -30806,7 +31094,7 @@ function MessageActionButton({
             children: button
           }
         ) : button }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           TooltipContent,
           {
             side: "bottom",
@@ -30837,7 +31125,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);
@@ -30850,8 +31138,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__ */ (0, import_jsx_runtime115.jsxs)("div", { className: cn("flex items-center gap-1 mt-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: cn("flex items-center gap-1 mt-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
       "div",
       {
         className: cn(
@@ -30859,35 +31147,35 @@ function MessageActions({
           !alwaysVisible && "sm:opacity-0 sm:group-hover/message:opacity-100 sm:focus-within:opacity-100"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             MessageActionButton,
             {
               label: copied ? t("messageActions.copied") : t("messageActions.copy"),
               onClick: handleCopy,
               onTooltipOpen: onActionTooltipOpen,
               className: cn(copied && "text-green-500"),
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.Copy, { size: 14 })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.Copy, { size: 14 })
             }
           ),
-          !isAssistant && onEdit && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          !isAssistant && onEdit && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             MessageActionButton,
             {
               label: t("threadControl.editMessage"),
               onClick: onEdit,
               onTooltipOpen: onActionTooltipOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.Pencil, { size: 14 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.Pencil, { size: 14 })
             }
           ),
-          isAssistant && onRetry && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          isAssistant && onRetry && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             MessageActionButton,
             {
               label: t("messageActions.regenerate"),
               onClick: onRetry,
               onTooltipOpen: onActionTooltipOpen,
-              children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.RefreshCw, { size: 14 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.RefreshCw, { size: 14 })
             }
           ),
-          isAssistant && onBranch && branching && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+          isAssistant && onBranch && branching && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             MessageActionButton,
             {
               label: branchLabel,
@@ -30896,20 +31184,20 @@ function MessageActions({
               onTooltipOpen: onActionTooltipOpen,
               disabled: isBranching || branchDisabled || !branching.available,
               "aria-busy": isBranching,
-              children: isBranching ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.GitBranch, { size: 14 })
+              children: isBranching ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.GitBranch, { size: 14 })
             }
           ),
-          isAssistant && skillUsages && skillUsages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(MessageSkills, { usages: skillUsages, onOpen: onActionTooltipOpen })
+          isAssistant && skillUsages && skillUsages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(MessageSkills, { usages: skillUsages, onOpen: onActionTooltipOpen })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(MessageTimestamp, { updatedAt })
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(MessageTimestamp, { updatedAt })
   ] });
 }
 
 // src/components/thread/MessageEditor.tsx
 var import_react10 = require("react");
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 function MessageEditor({
   initialText,
   onSave,
@@ -30930,8 +31218,8 @@ function MessageEditor({
       setBusy(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "w-full space-y-2 rounded-2xl border border-input bg-background p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       "textarea",
       {
         "aria-label": t("threadControl.editMessage"),
@@ -30943,9 +31231,9 @@ function MessageEditor({
         className: "w-full resize-y bg-transparent text-sm leading-relaxed text-foreground outline-none"
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         Button,
         {
           type: "button",
@@ -30956,7 +31244,7 @@ function MessageEditor({
           children: t("threadControl.discardEdit")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         Button,
         {
           type: "button",
@@ -30971,7 +31259,7 @@ function MessageEditor({
 }
 
 // src/components/thread/MessageList.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function formatMessageContent(content) {
   if (typeof content === "string") {
     return content;
@@ -31046,16 +31334,16 @@ function MessageList({
   const approvalIndex = foldedIndexes.has(toolAnchor) ? [...processGroups].find(
     ([, indexes]) => indexes.includes(toolAnchor)
   )?.[0] ?? lastAssistantIndex : toolAnchor >= 0 ? toolAnchor : lastAssistantIndex;
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(PresentationScrollAnchor, { mode, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(PresentationScrollAnchor, { mode, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "div",
     {
       "data-slot": "chatkit-message-list",
       "data-message-presentation": mode,
       className: "space-y-4",
       children: [
-        canLoadMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex items-center gap-3 py-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        canLoadMoreMessages && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex items-center gap-3 py-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             Button,
             {
               type: "button",
@@ -31067,20 +31355,20 @@ function MessageList({
               children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" })
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("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(import_chatkit_types29.isCallEndedContent) : void 0;
+          const call = Array.isArray(message.content) ? message.content.find(import_chatkit_types30.isCallEndedContent) : void 0;
           if (call)
-            return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "div",
               {
                 "data-message-id": message.id,
                 ref: (node) => {
                   if (message.id) onMessageAnchor?.(message.id, node);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(CallEndedMessage, { call })
+                children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(CallEndedMessage, { call })
               },
               message.id ?? index
             );
@@ -31130,7 +31418,7 @@ function MessageList({
           if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
             return null;
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             "div",
             {
               ref: (node) => {
@@ -31152,7 +31440,7 @@ function MessageList({
                 "group group/message flex gap-3",
                 isHumanMessage ? "justify-end" : embedded ? "justify-start" : "justify-start -ml-1"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 "div",
                 {
                   className: cn(
@@ -31162,7 +31450,7 @@ function MessageList({
                     !embedded && "px-3",
                     (isAssistantMessage || isEditingMessage) && "min-w-0 flex-1"
                   ),
-                  children: isEditingMessage && editing ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  children: isEditingMessage && editing ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                     MessageEditor,
                     {
                       initialText: messageContent,
@@ -31170,8 +31458,8 @@ function MessageList({
                       onSave: (text) => editing.onSave(humanMessage, text)
                     },
                     message.id
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       "div",
                       {
                         "data-human-bubble": isHumanMessage ? "" : void 0,
@@ -31185,12 +31473,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__ */ (0, import_jsx_runtime117.jsx)(
+                        children: isAssistantMessage ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                           AssistantMessage,
                           {
                             mode,
                             collapseProcess,
-                            processPrefix: processIndexes?.length ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                            processPrefix: processIndexes?.length ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                               MessageList,
                               {
                                 messages: processIndexes.map(
@@ -31225,14 +31513,14 @@ function MessageList({
                             pet,
                             mcpApps
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
-                          isHumanMessage && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
+                          isHumanMessage && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                             HumanRuntimeCapabilityChips,
                             {
                               options: humanRuntimeCapabilityOptions
                             }
                           ),
-                          isHumanMessage && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                          isHumanMessage && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                             ReferenceChip,
                             {
                               reference,
@@ -31240,29 +31528,29 @@ function MessageList({
                             },
                             getReferenceKey(reference)
                           )) }),
-                          isHumanMessage && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+                          isHumanMessage && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
                             "div",
                             {
                               className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_lucide_react72.FileText, { size: 12 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.FileText, { size: 12 }),
+                                /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                               ]
                             },
                             fileIndex
                           )) }),
-                          Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                          Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                             "p",
                             {
                               className: "wrap-break-word text-sm leading-relaxed",
                               children: formatMessageContent(part)
                             },
                             `${part.type}-${partIndex}`
-                          )) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                          )) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                         ] })
                       }
                     ),
-                    showActions && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    showActions && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                       MessageActions,
                       {
                         updatedAt: isAssistantMessage || isHumanMessage ? message.updatedAt : void 0,
@@ -31270,11 +31558,11 @@ function MessageList({
                           message
                         ) ?? messageContent : messageContent,
                         isAssistant: isAssistantMessage,
-                        skillUsages: isAssistantMessage ? (0, import_chatkit_types30.mergeChatSkillUsages)(
+                        skillUsages: isAssistantMessage ? (0, import_chatkit_types31.mergeChatSkillUsages)(
                           ...(processIndexes ?? []).map(
-                            (i) => (0, import_chatkit_types30.getMessageSkillUsages)(messages[i])
+                            (i) => (0, import_chatkit_types31.getMessageSkillUsages)(messages[i])
                           ),
-                          (0, import_chatkit_types30.getMessageSkillUsages)(message)
+                          (0, import_chatkit_types31.getMessageSkillUsages)(message)
                         ) : void 0,
                         isStreaming: isStreamingMessage,
                         alwaysVisible: isAssistantMessage && index === lastAssistantIndex,
@@ -31287,8 +31575,8 @@ function MessageList({
                         onRetry: onRetry && isAssistantMessage && !isLoading && index === messages.length - 1 ? () => onRetry(index) : void 0
                       }
                     ),
-                    index === approvalIndex && approval && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MessageBubble, { mode, children: approval }),
-                    !showActions && !isStreamingMessage && (isAssistantMessage || isHumanMessage) && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MessageTimestamp, { updatedAt: message.updatedAt })
+                    index === approvalIndex && approval && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MessageBubble, { mode, children: approval }),
+                    !showActions && !isStreamingMessage && (isAssistantMessage || isHumanMessage) && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MessageTimestamp, { updatedAt: message.updatedAt })
                   ] })
                 }
               )
@@ -31296,7 +31584,7 @@ function MessageList({
             message.id ?? `${message.type}-${index}`
           );
         }),
-        approvalIndex < 0 && approval && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(MessageBubble, { mode, children: approval }),
+        approvalIndex < 0 && approval && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(MessageBubble, { mode, children: approval }),
         showLoadingDots && (() => {
           const lastMessage = messages[messages.length - 1];
           const lastMessageType = lastMessage ? String(lastMessage.type) : "";
@@ -31319,13 +31607,13 @@ function MessageList({
             isLoading,
             { now: streamingNow }
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             MessageBubble,
             {
               mode,
               kind: "status",
               className: "max-w-full py-2.5",
-              children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                 AssistantStreamingIndicator,
                 {
                   status: fallbackStreamingStatus ?? "loading"
@@ -31340,20 +31628,20 @@ function MessageList({
 }
 
 // src/components/thread/StartScreen.tsx
-var React109 = require("react");
-var import_lucide_react73 = require("lucide-react");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var React110 = require("react");
+var import_lucide_react74 = require("lucide-react");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.HelpCircle, { size: 20 }),
-    lightbulb: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Lightbulb, { size: 20 }),
-    sparkle: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Sparkles, { size: 20 }),
-    write: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Pencil, { size: 20 }),
-    search: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Search, { size: 20 }),
-    globe: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Globe, { size: 20 }),
-    "book-open": /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.BookOpen, { size: 20 }),
-    compass: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Compass, { size: 20 }),
-    bolt: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.HelpCircle, { size: 20 }),
+    lightbulb: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Lightbulb, { size: 20 }),
+    sparkle: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Sparkles, { size: 20 }),
+    write: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Pencil, { size: 20 }),
+    search: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Search, { size: 20 }),
+    globe: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Globe, { size: 20 }),
+    "book-open": /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.BookOpen, { size: 20 }),
+    compass: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Compass, { size: 20 }),
+    bolt: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -31370,7 +31658,7 @@ function StartScreen({
   const prompts = startScreen?.prompts ?? [];
   const hasPrompts = startScreen?.promptsLayout !== "list" && prompts.length > 0;
   const editPromptLabel = t("startScreen.editPrompt");
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "div",
     {
       className: cn(
@@ -31378,8 +31666,8 @@ function StartScreen({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
-        hasPrompts && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: cn("mb-4 text-center", hasPrompts && "mb-10"), children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("h2", { className: "mb-4 text-4xl font-semibold text-foreground", children: greeting }) }),
+        hasPrompts && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
           "div",
           {
             className: cn(
@@ -31388,7 +31676,7 @@ function StartScreen({
               "focus-within:ring-2 focus-within:ring-primary/20"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -31399,8 +31687,8 @@ function StartScreen({
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                       "div",
                       {
                         className: "text-sm font-medium text-foreground line-clamp-3 overflow-hidden",
@@ -31411,7 +31699,7 @@ function StartScreen({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                 "button",
                 {
                   type: "button",
@@ -31424,7 +31712,7 @@ function StartScreen({
                     "rounded-r-xl transition-colors hover:bg-muted hover:text-foreground",
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_lucide_react73.Pencil, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react74.Pencil, { size: 16 })
                 }
               )
             ]
@@ -31437,7 +31725,7 @@ function StartScreen({
 }
 
 // src/components/chat/messages/ChatTranscript.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 function ChatTranscript({
   isInitialComposer,
   chatColumnStyle,
@@ -31484,7 +31772,7 @@ function ChatTranscript({
   const needsUserInput = Boolean(
     stream.pendingHITLRequest || stream.pendingRequestUserInput
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "div",
     {
       "data-slot": "chatkit-chat-content",
@@ -31494,23 +31782,23 @@ function ChatTranscript({
       ),
       style: chatColumnStyle,
       children: [
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
-        historyError && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
-        conversationBranch.error && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
+        historyError && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+        conversationBranch.error && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
           "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__ */ (0, import_jsx_runtime119.jsx)("p", { className: "mt-1 text-xs", children: /^(?:failed to fetch|network\s*(?:request\s*)?(?:failed|error)|load failed)$/i.test(
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("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__ */ (0, import_jsx_runtime119.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        showMissingConfig && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           ThreadHistoryStatus,
           {
             state: stream.historyLoad,
@@ -31520,7 +31808,7 @@ function ChatTranscript({
             }
           }
         ),
-        !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        !stream.threadId && messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           StartScreen,
           {
             startScreen,
@@ -31530,7 +31818,7 @@ function ChatTranscript({
             promptEditDisabled: isPromptEditDisabled,
             className: "px-4 pb-4 pt-2"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           MessageList,
           {
             approval: inlineApproval.card,
@@ -31577,14 +31865,14 @@ function ChatTranscript({
             onMessageAnchor: setMessageNavigationAnchor
           }
         ),
-        needsUserInput && !stream.isDisplayPaused && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("p", { role: "status", className: "mt-3 text-sm text-muted-foreground", children: t("thread.waitingForInput") })
+        needsUserInput && !stream.isDisplayPaused && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { role: "status", className: "mt-3 text-sm text-muted-foreground", children: t("thread.waitingForInput") })
       ]
     }
   );
 }
 
 // src/components/chat/messages/useChatQuotes.ts
-var React110 = __toESM(require("react"), 1);
+var React111 = __toESM(require("react"), 1);
 
 // src/components/chat/messages/quote-selection.ts
 function getClosestQuoteContainer(node) {
@@ -31605,13 +31893,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;
@@ -31660,13 +31948,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;
@@ -31683,10 +31971,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;
     }
@@ -31699,7 +31987,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);
@@ -31731,7 +32019,7 @@ function useChatQuotes({
 }
 
 // src/components/chat/messages/useChatStreamingFeedback.ts
-var React111 = __toESM(require("react"), 1);
+var React112 = __toESM(require("react"), 1);
 function useChatStreamingFeedback({
   surface,
   setStream,
@@ -31739,14 +32027,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();
@@ -31769,7 +32057,7 @@ function useChatStreamingFeedback({
       }
     }
   }, [stream.isLoading]);
-  React111.useEffect(() => {
+  React112.useEffect(() => {
     if (!stream.isLoading) {
       lastStreamOutputAtRef.current = null;
       setStreamingNow(Date.now());
@@ -31779,7 +32067,7 @@ function useChatStreamingFeedback({
     lastStreamOutputAtRef.current = now;
     setStreamingNow(now);
   }, [stream.messages, stream.isLoading]);
-  React111.useEffect(() => {
+  React112.useEffect(() => {
     if (!stream.isLoading) {
       return;
     }
@@ -31792,7 +32080,7 @@ function useChatStreamingFeedback({
 }
 
 // src/components/chat/messages/useChatViewport.ts
-var React112 = __toESM(require("react"), 1);
+var React113 = __toESM(require("react"), 1);
 function useChatViewport({
   t,
   assistantTitle,
@@ -31805,20 +32093,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,
@@ -31838,7 +32126,7 @@ function useChatViewport({
     [assistantTitle, t]
   );
   const presentationMode = resolveMessagePresentation(messagePresentation).mode;
-  const messageNavigationItems = React112.useMemo(
+  const messageNavigationItems = React113.useMemo(
     () => messageNavigationEnabled ? buildMessageNavigationItems(
       messages,
       {
@@ -31863,23 +32151,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();
@@ -31906,7 +32194,7 @@ function useChatViewport({
     },
     [cancelPendingAutoScroll, enableAutoFollow]
   );
-  const setMessageNavigationAnchor = React112.useCallback(
+  const setMessageNavigationAnchor = React113.useCallback(
     (id, node) => {
       if (node) {
         messageNavigationAnchorsRef.current.set(id, node);
@@ -31916,15 +32204,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;
@@ -32005,14 +32293,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) {
@@ -32029,7 +32317,7 @@ function useChatViewport({
       scrollToBottom();
     }
   }, [stream.isLoading, messages, scrollToBottom]);
-  const handleLoadMoreMessages = React112.useCallback(async () => {
+  const handleLoadMoreMessages = React113.useCallback(async () => {
     if (!canLoadMoreMessages || isLoadingMoreMessages) {
       return;
     }
@@ -32081,7 +32369,7 @@ function useChatViewport({
 }
 
 // src/components/chat/models/useChatModels.ts
-var React113 = __toESM(require("react"), 1);
+var React114 = __toESM(require("react"), 1);
 
 // src/components/chat/session/errors.ts
 function toError(value) {
@@ -32104,7 +32392,7 @@ function useChatModels({
   availableModels,
   hostedModelCatalog
 }) {
-  React113.useEffect(() => {
+  React114.useEffect(() => {
     if (modelAssistantIdRef.current !== modelAssistantId) {
       modelAssistantIdRef.current = modelAssistantId;
       requestedModelIdRef.current = void 0;
@@ -32153,7 +32441,7 @@ function useChatModels({
     sendParentEvent,
     setSelectedModelId
   ]);
-  const handleModelSelect = React113.useCallback(
+  const handleModelSelect = React114.useCallback(
     (modelId) => {
       const nextModelId = resolveSelectedModelId(availableModels, modelId);
       if (!nextModelId) return;
@@ -32182,22 +32470,22 @@ function useChatModels({
 }
 
 // src/components/chat/models/useChatModelState.ts
-var React114 = __toESM(require("react"), 1);
+var React115 = __toESM(require("react"), 1);
 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,
@@ -32213,24 +32501,24 @@ function useChatModelState({ stream }) {
 }
 
 // src/components/chat/pet/useChatPetSettings.ts
-var React115 = __toESM(require("react"), 1);
+var React116 = __toESM(require("react"), 1);
 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);
@@ -32243,7 +32531,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;
@@ -32252,7 +32540,7 @@ function useChatPetSettings({ options }) {
     },
     [petDisabled, petRequired]
   );
-  const handlePetCommand = React115.useCallback(
+  const handlePetCommand = React116.useCallback(
     (mode) => {
       if (petDisabled) return;
       if (mode === "settings") {
@@ -32280,7 +32568,7 @@ function useChatPetSettings({ options }) {
       savePetLocalSettings
     ]
   );
-  const handleSetPetEnabled = React115.useCallback(
+  const handleSetPetEnabled = React116.useCallback(
     (enabled) => {
       if (petRequired) return;
       savePetLocalSettings({ ...displayedPetSettings, enabled });
@@ -32397,7 +32685,7 @@ function useChatAssistant({
 }
 
 // src/components/chat/session/useChatBranchState.ts
-var React116 = __toESM(require("react"), 1);
+var React117 = __toESM(require("react"), 1);
 
 // src/hooks/useThreadBranches.ts
 var import_react13 = require("react");
@@ -32434,6 +32722,21 @@ function useThreadBranches(client, conversationId, threadId, enabled, isLoading)
       generation.current += 1;
     };
   }, [refresh, isLoading]);
+  (0, import_react13.useEffect)(() => {
+    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 };
 }
 
@@ -32446,14 +32749,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]);
@@ -32469,7 +32772,7 @@ function useChatBranchState({ stream }) {
 }
 
 // src/components/chat/session/useChatConversationActions.ts
-var React117 = __toESM(require("react"), 1);
+var React118 = __toESM(require("react"), 1);
 
 // src/hooks/useConversationBranch.ts
 var import_react14 = require("react");
@@ -32593,8 +32896,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"
       );
@@ -32615,7 +32943,7 @@ function useChatConversationActions({
         );
       });
       onConnectorsChange?.([]);
-      onProjectChange?.(projectId, selection);
+      onProjectChange?.(projectId2, selection);
     },
     [
       commitComposerParts,
@@ -32650,7 +32978,7 @@ function useChatConversationActions({
     },
     refresh: refreshThreads
   });
-  const handlePromptEdit = React117.useCallback(
+  const handlePromptEdit = React118.useCallback(
     (prompt) => {
       if (isPromptEditDisabled) return;
       setComposerText(prompt, prompt.length);
@@ -32664,7 +32992,7 @@ function useChatConversationActions({
       setRuntimeCapabilityPalette
     ]
   );
-  const loadThreadHistory = React117.useCallback(
+  const loadThreadHistory = React118.useCallback(
     async (threadId) => {
       if (missingConfig) {
         setHistoryError(missingConfigShortMessage);
@@ -32811,7 +33139,7 @@ function useChatConversationActions({
 }
 
 // src/components/chat/session/useChatEnvironment.ts
-var React118 = __toESM(require("react"), 1);
+var React119 = __toESM(require("react"), 1);
 var import_meta3 = {};
 var defaultApiUrl2 = import_meta3.env.VITE_XPERTAI_API_URL;
 function useChatEnvironment({
@@ -32839,7 +33167,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");
@@ -32851,7 +33179,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");
@@ -32865,7 +33193,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,
@@ -32894,43 +33222,49 @@ function useChatEnvironment({
 }
 
 // src/components/chat/session/useChatRunControl.ts
-var React119 = __toESM(require("react"), 1);
+var React120 = __toESM(require("react"), 1);
 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,
@@ -32938,26 +33272,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);
@@ -32971,18 +33305,20 @@ function useChatRunControl({
     isVisibleStreaming,
     isPauseActive,
     runControlError,
+    clearRunControlError,
     canPauseRun,
     handleComposerRunControl,
-    canRevealPausedDisplay,
+    canStopRun,
+    isStoppingRun,
     currentRunControl
   };
 }
 
 // src/components/chat/summary/useChatTaskSummary.ts
-var React121 = __toESM(require("react"), 1);
+var React122 = __toESM(require("react"), 1);
 
 // src/hooks/useTaskSummary.ts
-var React120 = __toESM(require("react"), 1);
+var React121 = __toESM(require("react"), 1);
 function useTaskSummary({
   enabled,
   conversationId,
@@ -32990,23 +33326,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);
@@ -33041,11 +33377,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;
@@ -33123,12 +33459,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",
@@ -33163,7 +33499,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) => ({
@@ -33180,7 +33516,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;
@@ -33192,7 +33528,7 @@ function useChatTaskSummary({
     });
     return names;
   }, [runtimeCapabilityOptions]);
-  const liveTaskSummary = React121.useMemo(
+  const liveTaskSummary = React122.useMemo(
     () => collectLiveTaskSummary({
       messages: messages.map(
         (message) => ({
@@ -33230,7 +33566,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);
@@ -33258,7 +33594,7 @@ function useChatTaskSummary({
     taskSummary.summary.outputs,
     taskSummaryConversationId ?? void 0
   );
-  React121.useLayoutEffect(() => {
+  React122.useLayoutEffect(() => {
     if (characterPresentation) {
       setTaskSummaryDocked(true);
       return;
@@ -33297,7 +33633,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;
@@ -33313,7 +33649,7 @@ function useChatTaskSummary({
     },
     [taskSummaryConversationId]
   );
-  React121.useEffect(() => {
+  React122.useEffect(() => {
     if (characterPresentation) {
       setTaskSummaryOpen(false);
       return;
@@ -33322,7 +33658,7 @@ function useChatTaskSummary({
       setTaskSummaryOpen(false);
     }
   }, [taskSummaryDocked, characterPresentation, stream.assistantId]);
-  React121.useEffect(() => {
+  React122.useEffect(() => {
     if (characterPresentation || !taskSummaryDocked || !taskSummaryAvailable || !taskSummaryConversationId || manuallyClosedTaskSummaryConversationIdsRef.current.has(
       taskSummaryConversationId
     )) {
@@ -33358,14 +33694,14 @@ function useChatTaskSummary({
 }
 
 // src/components/chat.tsx
-var import_chatkit_types31 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types32 = require("@xpert-ai/chatkit-types");
 
 // src/components/chat/header/AssistantPresence.tsx
-var React122 = __toESM(require("react"), 1);
+var React123 = __toESM(require("react"), 1);
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react74 = require("lucide-react");
+var import_lucide_react75 = require("lucide-react");
 var import_framer_motion2 = require("framer-motion");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var PRESENCE_EASE = [0.22, 1, 0.36, 1];
 function PresenceCharacter({
   presence,
@@ -33373,7 +33709,7 @@ function PresenceCharacter({
 }) {
   const systemReducedMotion = (0, import_framer_motion2.useReducedMotion)();
   const still = presence.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     import_framer_motion2.motion.div,
     {
       "data-slot": "assistant-presence-character",
@@ -33381,7 +33717,7 @@ function PresenceCharacter({
       className: "relative z-10 shrink-0",
       style: { width: size2, height: size2 },
       transition: { layout: { duration: 0.34, ease: PRESENCE_EASE } },
-      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(AssistantCharacter, { ...presence, size: size2 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(AssistantCharacter, { ...presence, size: size2 })
     }
   );
 }
@@ -33392,7 +33728,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__ */ (0, import_jsx_runtime120.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
     "span",
     {
       role: "status",
@@ -33410,12 +33746,12 @@ function AssistantPresence(props) {
   const { t } = useChatkitTranslation();
   const systemReducedMotion = (0, import_framer_motion2.useReducedMotion)();
   const still = props.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "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__ */ (0, import_jsx_runtime120.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
         "button",
         {
           id: props.motionId ? `${props.motionId}-trigger` : void 0,
@@ -33429,8 +33765,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__ */ (0, import_jsx_runtime120.jsx)("span", { className: "block size-20", children: !props.open && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PresenceCharacter, { presence: props }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "block size-20", children: !props.open && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PresenceCharacter, { presence: props }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
               import_framer_motion2.motion.span,
               {
                 initial: false,
@@ -33442,8 +33778,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__ */ (0, import_jsx_runtime120.jsx)("span", { className: "block truncate text-sm font-medium", children: props.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PresenceStatus, { ...props })
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "block truncate text-sm font-medium", children: props.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PresenceStatus, { ...props })
                 ]
               }
             )
@@ -33460,11 +33796,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;
@@ -33478,7 +33814,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;
@@ -33487,15 +33823,15 @@ function AssistantSummaryDialog({
     window.addEventListener("blur", dismiss);
     return () => window.removeEventListener("blur", dismiss);
   }, [presence.open, presence.onOpenChange, voice?.panel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("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__ */ (0, import_jsx_runtime121.jsxs)("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__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       Dialog5.Root,
       {
         open: presence.open,
         onOpenChange: presence.onOpenChange,
         modal: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: presence.open && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_framer_motion2.AnimatePresence, { initial: false, children: presence.open && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
           PresenceDialogSurface,
           {
             presence,
@@ -33519,40 +33855,40 @@ function AssistantSummaryDialog({
               event.preventDefault();
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Dialog5.Title, { className: "sr-only", children: t("assistantPresence.details") }),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "chatkit-presence-header flex shrink-0 items-start", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PresenceCharacter, { presence, size: "4rem" }),
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "chatkit-presence-details min-w-0 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("h2", { className: "truncate font-semibold", children: presence.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(PresenceStatus, { ...presence }),
-                  presence.onCustomize && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Dialog5.Title, { className: "sr-only", children: t("assistantPresence.details") }),
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "chatkit-presence-header flex shrink-0 items-start", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PresenceCharacter, { presence, size: "4rem" }),
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "chatkit-presence-details min-w-0 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("h2", { className: "truncate font-semibold", children: presence.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PresenceStatus, { ...presence }),
+                  presence.onCustomize && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
                     "button",
                     {
                       type: "button",
                       className: "chatkit-presence-customize flex items-center text-xs text-muted-foreground hover:text-foreground",
                       onClick: presence.onCustomize,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react74.Pencil, { className: "size-3 shrink-0" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react75.Pencil, { className: "size-3 shrink-0" }),
                         t("assistantPresence.customize")
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
                   "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__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react74.X, { className: "size-[1.125rem]" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react75.X, { className: "size-[1.125rem]" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "min-h-0 overflow-auto rounded-b-3xl", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "min-h-0 overflow-auto rounded-b-3xl", children: [
                 voice?.dial,
                 computers,
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(TaskSummaryContent, { ...summary })
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TaskSummaryContent, { ...summary })
               ] })
             ]
           },
@@ -33562,11 +33898,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 = (0, import_framer_motion2.useIsPresent)();
   const systemReducedMotion = (0, import_framer_motion2.useReducedMotion)();
   const still = presence.reducedMotion || systemReducedMotion;
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Dialog5.Content,
     {
       ...props,
@@ -33574,7 +33910,7 @@ var PresenceDialogSurface = React122.forwardRef(function PresenceDialogSurface2(
       asChild: true,
       ref,
       inert: !isPresent || void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         import_framer_motion2.motion.div,
         {
           "data-slot": "assistant-summary-dialog",
@@ -33603,7 +33939,7 @@ var PresenceDialogSurface = React122.forwardRef(function PresenceDialogSurface2(
 });
 
 // src/components/chat.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 function Chat({
   className,
   options,
@@ -33662,19 +33998,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,
@@ -33702,7 +34038,7 @@ function Chat({
     messages,
     viewportRef
   });
-  const chatColumnRef = React123.useRef(null);
+  const chatColumnRef = React124.useRef(null);
   const capabilities = useChatCapabilities({
     ...runtime,
     ...draft,
@@ -33764,7 +34100,7 @@ function Chat({
     options,
     messages
   });
-  const pendingFollowUps = React123.useMemo(
+  const pendingFollowUps = React124.useMemo(
     () => sortVisiblePendingFollowUps(session.stream.pendingFollowUps ?? []),
     [session.stream.pendingFollowUps]
   );
@@ -33784,7 +34120,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)
@@ -33827,7 +34166,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();
@@ -33857,14 +34196,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,
@@ -33879,19 +34218,19 @@ function Chat({
       host.parentMessenger.sendEvent("public_event", [
         "effect",
         {
-          name: import_chatkit_types31.CHATKIT_ASSISTANT_CUSTOMIZE_EFFECT,
+          name: import_chatkit_types32.CHATKIT_ASSISTANT_CUSTOMIZE_EFFECT,
           data: { assistantId: session.stream.assistantId }
         }
       ]);
     } : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": summary.taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -33906,13 +34245,13 @@ function Chat({
               className
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                 "div",
                 {
                   "data-window-drag-scope": "",
                   className: characterPresentation ? "pointer-events-none sticky top-0 z-10 grid w-full shrink-0" : "contents",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       ChatHeader,
                       {
                         characterPresentation,
@@ -33932,11 +34271,11 @@ function Chat({
                         restoreHeaderFocus
                       }
                     ),
-                    characterPresentation && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(AssistantPresence, { ...presence })
+                    characterPresentation && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(AssistantPresence, { ...presence })
                   ]
                 }
               ),
-              viewport.showMessageNavigation && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              viewport.showMessageNavigation && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 MessageNavigator,
                 {
                   items: viewport.messageNavigationItems,
@@ -33947,7 +34286,7 @@ function Chat({
                   tagsOverflowLabel: (count) => session.t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 ChatTranscript,
                 {
                   ...session,
@@ -33973,8 +34312,8 @@ function Chat({
                   messagePresentation
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChatQuoteActions, { ...quotes, ...session }),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ChatQuoteActions, { ...quotes, ...session }),
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
@@ -33985,13 +34324,13 @@ function Chat({
                   ),
                   style: chatColumnStyle,
                   children: [
-                    runControl.runControlError?.threadId === session.stream.threadId && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: runControl.runControlError.message }),
-                    !viewport.isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    runControl.runControlError?.threadId === session.stream.threadId && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: runControl.runControlError.message }),
+                    !viewport.isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       "div",
                       {
                         "data-slot": "scroll-to-bottom",
                         className: "pointer-events-none absolute left-1/2 top-0 z-20 flex -translate-x-1/2 -translate-y-full justify-center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                           Button,
                           {
                             type: "button",
@@ -34004,14 +34343,14 @@ function Chat({
                             onClick: () => viewport.scrollToBottom(true, true),
                             "aria-label": session.t("chat.scrollToBottom"),
                             title: session.t("chat.scrollToBottom"),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react75.ArrowDown, { size: 16 })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react76.ArrowDown, { size: 16 })
                           }
                         )
                       }
                     ),
-                    threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChatGoalStatus, { ...goal, ...session, ...draft }),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ChatGoalStatus, { ...goal, ...session, ...draft }),
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       ChatPendingActions,
                       {
                         ...session,
@@ -34022,7 +34361,7 @@ function Chat({
                         pendingFollowUps
                       }
                     ),
-                    isInitialComposer && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    isInitialComposer && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       PromptWorkflowShortcuts,
                       {
                         commands: capabilities.promptWorkflow.commands,
@@ -34036,8 +34375,8 @@ function Chat({
                         onBack: capabilities.promptWorkflow.showPrompts
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ChatComposerAttachments, { ...files, ...session }),
-                    draft.threadMention && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ChatComposerAttachments, { ...files, ...session }),
+                    draft.threadMention && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       ThreadMentionPalette,
                       {
                         ref: draft.threadMentionPaletteRef,
@@ -34057,7 +34396,7 @@ function Chat({
                         onSelect: draft.selectThreadMention
                       }
                     ),
-                    runtime.runtimeCapabilityPalette && !draft.threadMention && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    runtime.runtimeCapabilityPalette && !draft.threadMention && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       SlashPalette,
                       {
                         palette: runtime.runtimeCapabilityPalette,
@@ -34071,7 +34410,7 @@ function Chat({
                         onSelect: commands.selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       ChatComposerForm,
                       {
                         ...commands,
@@ -34110,7 +34449,7 @@ function Chat({
                         runtimeResources
                       }
                     ),
-                    isInitialComposer && session.startScreen?.promptsLayout === "list" && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    isInitialComposer && session.startScreen?.promptsLayout === "list" && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       StarterPromptSuggestions,
                       {
                         prompts: session.startScreen.prompts ?? [],
@@ -34120,7 +34459,7 @@ function Chat({
                         promptEditDisabled: isPromptEditDisabled
                       }
                     ),
-                    session.disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+                    session.disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                       "p",
                       {
                         className: cn(
@@ -34133,7 +34472,7 @@ function Chat({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
                 SettingsSheet,
                 {
                   open: !pet.petDisabled && pet.petSettingsOpen,
@@ -34144,17 +34483,17 @@ function Chat({
                   onSave: pet.savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(PetBridge, { pet: pet.effectivePet, state: petAutoState })
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(PetBridge, { pet: pet.effectivePet, state: petAutoState })
             ]
           }
         ),
-        characterPresentation && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        characterPresentation && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           AssistantSummaryDialog,
           {
             presence,
             voice,
             summary: summary.taskSummaryProps,
-            computers: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+            computers: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
               AssistantComputers,
               {
                 computers: options?.header?.character?.computers,
@@ -34173,7 +34512,7 @@ function Chat({
             )
           }
         ),
-        !characterPresentation && summary.taskSummaryAvailable && summary.taskSummaryDocked && summary.taskSummaryOpen && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        !characterPresentation && summary.taskSummaryAvailable && summary.taskSummaryDocked && summary.taskSummaryOpen && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           TaskSummaryPanel,
           {
             ...summary.taskSummaryProps,