@xpert-ai/chatkit-ui 0.4.12 → 0.5.1

package/dist/index.js

@@ -1,11 +1,11 @@
 // src/components/chat.tsx
-import * as React55 from "react";
+import * as React56 from "react";
 import {
   ArrowDown as ArrowDown2,
   ChevronDown as ChevronDown5,
   FileText as FileText5,
-  ImageIcon,
-  Loader2 as Loader211,
+  ImageIcon as ImageIcon2,
+  Loader2 as Loader212,
   Minus,
   Pause,
   Pencil as Pencil4,
@@ -14,7 +14,7 @@ import {
   Settings as Settings2,
   Target as Target3,
   Trash2 as Trash23,
-  X as X9
+  X as X10
 } from "lucide-react";
 import { CHATKIT_TASK_SUMMARY_OPEN_RESOURCE_EFFECT } from "@xpert-ai/chatkit-types";
 
@@ -351,6 +351,9 @@ import {
 import {
   STATE_VARIABLE_HUMAN as STATE_VARIABLE_HUMAN2
 } from "@xpert-ai/chatkit-types";
+import {
+  isTrustedChatKitMessageEvent
+} from "@xpert-ai/chatkit-web-shared";
 
 // src/hooks/useStream.ts
 var streamRef = { current: null };
@@ -825,6 +828,7 @@ var createNonce = () => {
 };
 var ParentMessengerContext = createContext(null);
 function ParentMessengerProvider({
+  channelId,
   children
 }) {
   const { streamRef: streamRef2 } = useStreamManager();
@@ -895,6 +899,7 @@ function ParentMessengerProvider({
     const sendResponse = (nonce, response, error) => {
       const message = {
         __xpaiChatKit: true,
+        ...channelId ? { channelId } : {},
         type: "response",
         nonce,
         response,
@@ -903,13 +908,14 @@ function ParentMessengerProvider({
       window.parent.postMessage(message, parentOriginRef.current);
     };
     const handleMessage = (event) => {
-      if (event.source !== window.parent) return;
-      if (!event.data || typeof event.data !== "object") return;
-      if (parentOriginRef.current !== "*" && typeof event.origin === "string" && event.origin !== parentOriginRef.current) {
+      if (!isTrustedChatKitMessageEvent(event, {
+        channelId,
+        expectedOrigin: parentOriginRef.current,
+        expectedSource: window.parent
+      })) {
         return;
       }
       const payload = event.data;
-      if (payload.__xpaiChatKit !== true) return;
       if (payload.type === "command" && payload.command === "onSendUserMessage") {
         const nonce = typeof payload.nonce === "string" ? payload.nonce : null;
         if (nonce) {
@@ -1101,7 +1107,7 @@ function ParentMessengerProvider({
       });
       pendingRef.current.clear();
     };
-  }, [isParentAvailable, streamRef2]);
+  }, [channelId, isParentAvailable, streamRef2]);
   const sendCommand = useCallback(
     (command, data, transfer) => {
       if (!isParentAvailable) {
@@ -1110,6 +1116,7 @@ function ParentMessengerProvider({
       const nonce = createNonce();
       const message = {
         __xpaiChatKit: true,
+        ...channelId ? { channelId } : {},
         type: "command",
         nonce,
         command,
@@ -1120,7 +1127,7 @@ function ParentMessengerProvider({
         window.parent.postMessage(message, parentOriginRef.current, transfer);
       });
     },
-    [isParentAvailable]
+    [channelId, isParentAvailable]
   );
   const sendEvent = useCallback(
     (event, data, transfer) => {
@@ -1137,13 +1144,14 @@ function ParentMessengerProvider({
       if (!isParentAvailable) return;
       const message = {
         __xpaiChatKit: true,
+        ...channelId ? { channelId } : {},
         type: "event",
         event,
         data
       };
       window.parent.postMessage(message, parentOriginRef.current, transfer);
     },
-    [isParentAvailable]
+    [channelId, isParentAvailable]
   );
   const value = useMemo(
     () => ({
@@ -2555,6 +2563,19 @@ var en_US_default = {
       copy: "Copy",
       copied: "Copied",
       separator: ", ",
+      attachments: {
+        imageTitle: "Image {{index}}",
+        loading: "Loading {{title}}",
+        unavailable: "Preview unavailable",
+        retry: "Retry",
+        open: "Open {{title}}",
+        close: "Close image preview",
+        modelDetail: "Model detail: {{detail}}",
+        sources: {
+          "knowledge-document": "Knowledge document",
+          sandbox: "Sandbox"
+        }
+      },
       shell: {
         success: "Success",
         running: "Running",
@@ -3025,6 +3046,19 @@ var zh_CN_default = {
       copy: "\u590D\u5236",
       copied: "\u5DF2\u590D\u5236",
       separator: "\uFF0C",
+      attachments: {
+        imageTitle: "\u56FE\u7247 {{index}}",
+        loading: "\u6B63\u5728\u52A0\u8F7D{{title}}",
+        unavailable: "\u56FE\u7247\u9884\u89C8\u4E0D\u53EF\u7528",
+        retry: "\u91CD\u8BD5",
+        open: "\u67E5\u770B{{title}}",
+        close: "\u5173\u95ED\u56FE\u7247\u9884\u89C8",
+        modelDetail: "\u6A21\u578B\u6E05\u6670\u5EA6\uFF1A{{detail}}",
+        sources: {
+          "knowledge-document": "\u77E5\u8BC6\u6587\u6863",
+          sandbox: "\u6C99\u7BB1"
+        }
+      },
       shell: {
         success: "\u6210\u529F",
         running: "\u8FD0\u884C\u4E2D",
@@ -8831,8 +8865,8 @@ function useSlashCommands({
 }
 
 // src/components/thread/messages/ai.tsx
-import * as React37 from "react";
-import { ChevronDown as ChevronDown4, Clock3 as Clock32, Loader2 as Loader28 } from "lucide-react";
+import * as React38 from "react";
+import { ChevronDown as ChevronDown4, Clock3 as Clock32, Loader2 as Loader29 } from "lucide-react";
 
 // src/lib/agent-run-render-tree.ts
 function isTextContent(content) {
@@ -11341,7 +11375,7 @@ function hasComponentMessageRendererDetails(renderer, content, data) {
 }
 
 // src/components/thread/messages/tool-component-group.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import {
   BookOpen,
   Brain as Brain3,
@@ -11353,7 +11387,7 @@ import {
   Copy as Copy2,
   FileText as FileText4,
   Files,
-  Loader2 as Loader26,
+  Loader2 as Loader27,
   ListTodo as ListTodo2,
   Network,
   Repeat2,
@@ -11363,6 +11397,72 @@ import {
   XCircle as XCircle3
 } from "lucide-react";
 
+// src/lib/tool-output-attachments.ts
+import {
+  TOOL_OUTPUT_PRESENTATION_TYPE,
+  TOOL_OUTPUT_PRESENTATION_VERSION
+} from "@xpert-ai/chatkit-types";
+import { z } from "zod";
+var boundedId = z.string().trim().min(1).max(256);
+var boundedLabel = z.string().trim().min(1).max(500);
+var toolOutputImageAnchorsSchema = z.object({
+  knowledgeDocumentId: boundedId.optional(),
+  page: z.number().int().positive().max(1e6).optional(),
+  chunkId: boundedId.optional(),
+  sourceBlockIds: z.array(boundedId).max(100).optional(),
+  visualAssetId: boundedId.optional()
+}).strict();
+var toolOutputImageAttachmentSchema = z.object({
+  type: z.literal("image"),
+  artifactId: boundedId,
+  artifactVersionId: boundedId,
+  sha256: z.string().regex(/^[a-f0-9]{64}$/i),
+  mimeType: z.enum(["image/png", "image/jpeg", "image/webp"]),
+  width: z.number().int().positive().max(1e5).optional(),
+  height: z.number().int().positive().max(1e5).optional(),
+  title: boundedLabel.optional(),
+  alt: boundedLabel.optional(),
+  source: z.enum(["knowledge-document", "sandbox"]),
+  modelDetail: z.enum(["auto", "low", "high"]),
+  anchors: toolOutputImageAnchorsSchema.optional()
+}).strict();
+var toolOutputPresentationSchema = z.object({
+  type: z.literal(TOOL_OUTPUT_PRESENTATION_TYPE),
+  version: z.literal(TOOL_OUTPUT_PRESENTATION_VERSION),
+  attachments: z.array(toolOutputImageAttachmentSchema).min(1).max(20)
+}).strict();
+var toolOutputAttachmentPreviewSchema = z.object({
+  previewUrl: z.string().url(),
+  expiresAt: z.string().optional()
+}).strict().superRefine((preview, context) => {
+  const protocol = new URL(preview.previewUrl).protocol;
+  if (protocol !== "https:" && protocol !== "http:") {
+    context.addIssue({
+      code: "custom",
+      message: "Tool-output previews must use an HTTP(S) URL.",
+      path: ["previewUrl"]
+    });
+  }
+  if (preview.expiresAt && Number.isNaN(Date.parse(preview.expiresAt))) {
+    context.addIssue({
+      code: "custom",
+      message: "Tool-output preview expiry must be an ISO date string.",
+      path: ["expiresAt"]
+    });
+  }
+});
+function parseToolOutputPresentation(value) {
+  const result = toolOutputPresentationSchema.safeParse(value);
+  return result.success ? result.data : null;
+}
+function parseToolOutputAttachmentPreview(value) {
+  const result = toolOutputAttachmentPreviewSchema.safeParse(value);
+  return result.success ? result.data : null;
+}
+function toolOutputAttachmentKey(attachment) {
+  return `${attachment.artifactId}:${attachment.artifactVersionId}:${attachment.sha256}`;
+}
+
 // src/components/thread/messages/sandbox-shell-tool-call.tsx
 import * as React33 from "react";
 import { Check as Check3, Copy } from "lucide-react";
@@ -11602,8 +11702,221 @@ function SandboxShellToolCallCard({ data }) {
   );
 }
 
-// src/components/thread/messages/tool-component-group.tsx
+// src/components/thread/messages/tool-output-attachments.tsx
+import * as React34 from "react";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { ImageIcon, Loader2 as Loader26, RefreshCw as RefreshCw3, X as X7 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+function useToolOutputAttachmentPreview(request) {
+  const parentMessenger = React34.useContext(ParentMessengerContext);
+  const [attempt, setAttempt] = React34.useState(0);
+  const [state, setState] = React34.useState({
+    status: "loading"
+  });
+  const attachmentKey = toolOutputAttachmentKey(request.attachment);
+  React34.useEffect(() => {
+    if (!parentMessenger?.isParentAvailable) {
+      setState({ status: "error" });
+      return;
+    }
+    let cancelled = false;
+    let refreshTimer = null;
+    setState({ status: "loading" });
+    void parentMessenger.sendCommand("onToolOutputAttachmentPreview", request).then((response) => {
+      if (cancelled) return;
+      const preview = parseToolOutputAttachmentPreview(response);
+      if (!preview) {
+        setState({ status: "error" });
+        return;
+      }
+      if (preview.expiresAt) {
+        const remainingLifetime = Date.parse(preview.expiresAt) - Date.now();
+        if (remainingLifetime <= 0) {
+          setState({ status: "error" });
+          return;
+        }
+        refreshTimer = window.setTimeout(
+          () => setAttempt((current) => current + 1),
+          Math.max(1e3, Math.floor(remainingLifetime * 0.8))
+        );
+      }
+      setState({ status: "success", previewUrl: preview.previewUrl });
+    }).catch(() => {
+      if (!cancelled) setState({ status: "error" });
+    });
+    return () => {
+      cancelled = true;
+      if (refreshTimer !== null) window.clearTimeout(refreshTimer);
+    };
+  }, [attachmentKey, attempt, parentMessenger, request]);
+  return {
+    state,
+    fail: () => setState({ status: "error" }),
+    retry: () => setAttempt((current) => current + 1)
+  };
+}
+function attachmentTitle(attachment, fallback) {
+  return attachment.title ?? attachment.alt ?? (attachment.anchors?.page ? `${fallback} \xB7 ${attachment.anchors.page}` : fallback);
+}
+function ToolOutputImageAttachmentCard({
+  attachment,
+  index,
+  toolCallId,
+  executionId
+}) {
+  const { t } = useChatkitTranslation();
+  const request = React34.useMemo(
+    () => ({ attachment, toolCallId, executionId }),
+    [attachment, executionId, toolCallId]
+  );
+  const { state, fail, retry } = useToolOutputAttachmentPreview(request);
+  const fallbackTitle = t("message.toolGroup.attachments.imageTitle", {
+    index: index + 1
+  });
+  const title = attachmentTitle(attachment, fallbackTitle);
+  const dimensions = attachment.width && attachment.height ? `${attachment.width} \xD7 ${attachment.height}` : null;
+  const sourceLabel = t(
+    `message.toolGroup.attachments.sources.${attachment.source}`
+  );
+  const description = [
+    sourceLabel,
+    dimensions,
+    t("message.toolGroup.attachments.modelDetail", {
+      detail: attachment.modelDetail
+    })
+  ].filter(Boolean).join(" \xB7 ");
+  if (state.status === "loading") {
+    return /* @__PURE__ */ jsx39(
+      "div",
+      {
+        className: "flex aspect-video min-w-0 items-center justify-center rounded-lg border border-border bg-background",
+        "aria-label": t("message.toolGroup.attachments.loading", { title }),
+        children: /* @__PURE__ */ jsx39(
+          Loader26,
+          {
+            className: "h-5 w-5 animate-spin text-muted-foreground",
+            "aria-hidden": "true"
+          }
+        )
+      }
+    );
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsxs26("div", { className: "flex aspect-video min-w-0 flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border bg-background px-3 text-center", children: [
+      /* @__PURE__ */ jsx39(
+        ImageIcon,
+        {
+          className: "h-5 w-5 text-muted-foreground",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx39("span", { className: "line-clamp-2 text-[11px] text-muted-foreground", children: t("message.toolGroup.attachments.unavailable") }),
+      /* @__PURE__ */ jsxs26(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11px] font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+          onClick: retry,
+          children: [
+            /* @__PURE__ */ jsx39(RefreshCw3, { className: "h-3 w-3", "aria-hidden": "true" }),
+            t("message.toolGroup.attachments.retry")
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs26(Dialog2.Root, { children: [
+    /* @__PURE__ */ jsx39(Dialog2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs26(
+      "button",
+      {
+        type: "button",
+        className: "group relative aspect-video min-w-0 overflow-hidden rounded-lg border border-border bg-background text-left shadow-sm transition hover:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+        "aria-label": t("message.toolGroup.attachments.open", { title }),
+        children: [
+          /* @__PURE__ */ jsx39(
+            "img",
+            {
+              className: "h-full w-full object-cover transition-transform group-hover:scale-[1.02]",
+              src: state.previewUrl,
+              alt: attachment.alt ?? title,
+              loading: "lazy",
+              referrerPolicy: "no-referrer",
+              onError: fail
+            }
+          ),
+          /* @__PURE__ */ jsxs26("span", { className: "absolute inset-x-0 bottom-0 bg-black/65 px-2 py-1.5 text-[11px] font-medium leading-4 text-white", children: [
+            /* @__PURE__ */ jsx39("span", { className: "line-clamp-1", children: title }),
+            /* @__PURE__ */ jsx39("span", { className: "block truncate text-white/70", children: description })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs26(Dialog2.Portal, { children: [
+      /* @__PURE__ */ jsx39(Dialog2.Overlay, { className: "fixed inset-0 z-[80] bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+      /* @__PURE__ */ jsxs26(
+        Dialog2.Content,
+        {
+          className: cn(
+            "fixed left-1/2 top-1/2 z-[81] flex max-h-[92vh] w-[min(92vw,1200px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl border border-border bg-background shadow-2xl",
+            "focus:outline-none data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex min-w-0 items-start justify-between gap-3 border-b border-border px-4 py-3", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx39(Dialog2.Title, { className: "truncate text-sm font-semibold text-foreground", children: title }),
+                /* @__PURE__ */ jsx39(Dialog2.Description, { className: "mt-0.5 text-xs text-muted-foreground", children: description })
+              ] }),
+              /* @__PURE__ */ jsx39(
+                Dialog2.Close,
+                {
+                  className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                  "aria-label": t("message.toolGroup.attachments.close"),
+                  children: /* @__PURE__ */ jsx39(X7, { className: "h-4 w-4", "aria-hidden": "true" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx39("div", { className: "min-h-0 flex-1 overflow-auto bg-black/95 p-4", children: /* @__PURE__ */ jsx39(
+              "img",
+              {
+                className: "mx-auto h-auto max-h-[calc(92vh-6rem)] max-w-full object-contain",
+                src: state.previewUrl,
+                alt: attachment.alt ?? title,
+                referrerPolicy: "no-referrer",
+                onError: fail
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function ToolOutputAttachments({
+  presentation,
+  toolCallId,
+  executionId
+}) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3",
+      "data-testid": "tool-output-attachments",
+      children: presentation.attachments.map((attachment, index) => /* @__PURE__ */ jsx39(
+        ToolOutputImageAttachmentCard,
+        {
+          attachment,
+          index,
+          toolCallId,
+          executionId
+        },
+        toolOutputAttachmentKey(attachment)
+      ))
+    }
+  );
+}
+
+// src/components/thread/messages/tool-component-group.tsx
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
 var toolStatusConfig = {
   success: {
     iconClass: "border-green-500 text-green-700",
@@ -11615,7 +11928,7 @@ var toolStatusConfig = {
   },
   running: {
     iconClass: "border-blue-500 text-blue-700",
-    icon: Loader26
+    icon: Loader27
   }
 };
 var TOOL_GROUP_CATEGORY_ORDER = [
@@ -11709,10 +12022,10 @@ function formatStepDuration2(durationMs) {
   return `${minutes}m ${seconds}s`;
 }
 function useFrozenTimestamp(shouldFreeze) {
-  const [frozenAt, setFrozenAt] = React34.useState(
+  const [frozenAt, setFrozenAt] = React35.useState(
     () => shouldFreeze ? Date.now() : null
   );
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (shouldFreeze) {
       setFrozenAt((current) => current ?? Date.now());
       return;
@@ -11722,12 +12035,12 @@ function useFrozenTimestamp(shouldFreeze) {
   return frozenAt;
 }
 function useToolStepDurationLabel(data, options) {
-  const [durationNow, setDurationNow] = React34.useState(() => Date.now());
+  const [durationNow, setDurationNow] = React35.useState(() => Date.now());
   const createdAt = parseStepDate(data.created_date);
   const explicitEndedAt = parseStepDate(data.end_date);
   const status = options?.status ?? data.status;
   const endedAt = explicitEndedAt ?? (status !== "running" ? options?.fallbackEndedAt ?? null : null);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     if (status !== "running" || createdAt === null || endedAt !== null) {
       return;
     }
@@ -11794,7 +12107,8 @@ function classifyToolToken(value) {
     return "commands";
   }
   if (normalized.includes("list")) return "lists";
-  if (normalized.includes("task") || normalized.includes("todo")) return "tasks";
+  if (normalized.includes("task") || normalized.includes("todo"))
+    return "tasks";
   if (normalized.includes("knowledge") || normalized.includes("retriever")) {
     return "knowledges";
   }
@@ -11806,11 +12120,14 @@ function getToolGroupCategory(content) {
   return classifyToolToken(data.type) ?? classifyToolToken(data.tool) ?? classifyToolToken(data.title) ?? classifyToolToken(data.message) ?? "tools";
 }
 function getToolGroupCategoryCounts(items) {
-  return items.reduce((counts, item) => {
-    const category = getToolGroupCategory(item);
-    counts[category] = (counts[category] ?? 0) + 1;
-    return counts;
-  }, {});
+  return items.reduce(
+    (counts, item) => {
+      const category = getToolGroupCategory(item);
+      counts[category] = (counts[category] ?? 0) + 1;
+      return counts;
+    },
+    {}
+  );
 }
 function getToolActivityLabel(content, language, statusOverride) {
   const data = getToolStepData(content);
@@ -11915,8 +12232,8 @@ function shouldUseToolsetAvatar(toolset) {
 }
 function useToolsetAvatar(toolsetId, enabled, apiUrl) {
   const avatarUrl = enabled ? createToolsetAvatarUrl(toolsetId, apiUrl) : null;
-  const [avatar, setAvatar] = React34.useState(null);
-  React34.useEffect(() => {
+  const [avatar, setAvatar] = React35.useState(null);
+  React35.useEffect(() => {
     if (!avatarUrl) {
       setAvatar(null);
       return;
@@ -11948,7 +12265,7 @@ function ToolAvatarIcon({
   className
 }) {
   if (avatar.url) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       "img",
       {
         alt: "",
@@ -11961,7 +12278,7 @@ function ToolAvatarIcon({
   }
   const emoji = unicodeFromUnified2(avatar.emoji?.unified);
   if (emoji) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       "span",
       {
         "aria-hidden": "true",
@@ -11976,7 +12293,7 @@ function ToolAvatarIcon({
       }
     );
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     CircleHelp,
     {
       className,
@@ -12033,18 +12350,14 @@ function ToolStepIcon({
   apiUrl
 }) {
   const usesToolsetAvatar = shouldUseToolsetAvatar(data.toolset);
-  const avatar = useToolsetAvatar(
-    data.toolset_id,
-    usesToolsetAvatar,
-    apiUrl
-  );
+  const avatar = useToolsetAvatar(data.toolset_id, usesToolsetAvatar, apiUrl);
   const iconUrl = createToolsetIconUrl(data.toolset, organizationId, apiUrl);
-  const [failedIconUrl, setFailedIconUrl] = React34.useState(null);
-  React34.useEffect(() => {
+  const [failedIconUrl, setFailedIconUrl] = React35.useState(null);
+  React35.useEffect(() => {
     setFailedIconUrl(null);
   }, [iconUrl]);
   if (avatar) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       ToolAvatarIcon,
       {
         avatar,
@@ -12054,7 +12367,7 @@ function ToolStepIcon({
     );
   }
   if (iconUrl && failedIconUrl !== iconUrl) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       "img",
       {
         alt: "",
@@ -12068,7 +12381,7 @@ function ToolStepIcon({
   }
   const TypeIcon = getStepTypeIcon(data.type);
   if (TypeIcon) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       TypeIcon,
       {
         className,
@@ -12079,7 +12392,7 @@ function ToolStepIcon({
   }
   const ToolsetIcon = getKnownToolsetIcon(data.toolset);
   if (ToolsetIcon) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       ToolsetIcon,
       {
         className,
@@ -12089,7 +12402,7 @@ function ToolStepIcon({
     );
   }
   if (usesToolsetAvatar) {
-    return /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx40(
       CircleHelp,
       {
         className,
@@ -12098,7 +12411,7 @@ function ToolStepIcon({
       }
     );
   }
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     CircleHelp,
     {
       className,
@@ -12112,15 +12425,15 @@ function ToolCallCopyButton({
   className
 }) {
   const { t } = useChatkitTranslation();
-  const [isCopied, setIsCopied] = React34.useState(false);
-  const resetTimeoutRef = React34.useRef(null);
-  const clearResetTimeout = React34.useCallback(() => {
+  const [isCopied, setIsCopied] = React35.useState(false);
+  const resetTimeoutRef = React35.useRef(null);
+  const clearResetTimeout = React35.useCallback(() => {
     if (resetTimeoutRef.current === null) return;
     window.clearTimeout(resetTimeoutRef.current);
     resetTimeoutRef.current = null;
   }, []);
-  React34.useEffect(() => clearResetTimeout, [clearResetTimeout]);
-  const handleCopy = React34.useCallback(() => {
+  React35.useEffect(() => clearResetTimeout, [clearResetTimeout]);
+  const handleCopy = React35.useCallback(() => {
     if (typeof navigator === "undefined" || !navigator.clipboard) return;
     void navigator.clipboard.writeText(value).then(() => {
       setIsCopied(true);
@@ -12132,7 +12445,7 @@ function ToolCallCopyButton({
     }).catch(() => void 0);
   }, [clearResetTimeout, value]);
   const label = isCopied ? t("message.toolGroup.copied") : t("message.toolGroup.copy");
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "button",
     {
       type: "button",
@@ -12143,7 +12456,7 @@ function ToolCallCopyButton({
       "aria-label": label,
       title: label,
       onClick: handleCopy,
-      children: isCopied ? /* @__PURE__ */ jsx39(Check4, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx39(Copy2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+      children: isCopied ? /* @__PURE__ */ jsx40(Check4, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx40(Copy2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -12154,69 +12467,89 @@ function ToolCallValueBlock({
   const { t } = useChatkitTranslation();
   const detected = detectJsonValue(value);
   if (detected.kind === "text") {
-    return /* @__PURE__ */ jsxs26("div", { className: "min-w-0 space-y-1", children: [
-      /* @__PURE__ */ jsx39("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx39(ToolCallCopyButton, { value: detected.text }) }),
-      /* @__PURE__ */ jsx39(PlainTextBlock, { value: detected.text, destructive })
+    return /* @__PURE__ */ jsxs27("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ jsx40("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx40(ToolCallCopyButton, { value: detected.text }) }),
+      /* @__PURE__ */ jsx40(PlainTextBlock, { value: detected.text, destructive })
     ] });
   }
-  return /* @__PURE__ */ jsxs26(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs26("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs27(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs27("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
         t("message.toolGroup.jsonTitle"),
-        " \xB7 ",
+        " \xB7",
+        " ",
         getJsonValueSummary(detected.value)
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex shrink-0 items-center gap-1", children: [
-        /* @__PURE__ */ jsx39(ToolCallCopyButton, { value: detected.raw }),
-        /* @__PURE__ */ jsxs26(TabsList, { className: "rounded-md p-0.5", children: [
-          /* @__PURE__ */ jsx39(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
-          /* @__PURE__ */ jsx39(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
+      /* @__PURE__ */ jsxs27("div", { className: "flex shrink-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsx40(ToolCallCopyButton, { value: detected.raw }),
+        /* @__PURE__ */ jsxs27(TabsList, { className: "rounded-md p-0.5", children: [
+          /* @__PURE__ */ jsx40(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
+          /* @__PURE__ */ jsx40(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx39(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ jsx39(JsonTreeView, { value: detected.value }) }),
-    /* @__PURE__ */ jsx39(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ jsx39(RawJsonBlock, { raw: detected.raw }) })
+    /* @__PURE__ */ jsx40(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ jsx40(JsonTreeView, { value: detected.value }) }),
+    /* @__PURE__ */ jsx40(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ jsx40(RawJsonBlock, { raw: detected.raw }) })
   ] });
 }
-function DefaultToolCallOutput({ data }) {
+function DefaultToolCallOutput({
+  content,
+  data
+}) {
   const { t } = useChatkitTranslation();
-  const output = data.output ?? null;
+  const presentation = parseToolOutputPresentation(data.artifact);
+  const output = data.output ?? (presentation ? null : data.artifact) ?? null;
   const error = data.error ?? null;
   if (error) {
-    return /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx39("div", { className: "text-[11px] font-medium text-destructive", children: t("message.toolGroup.errorTitle") }),
-      /* @__PURE__ */ jsx39(ToolCallValueBlock, { value: error, destructive: true })
+    return /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx40("div", { className: "text-[11px] font-medium text-destructive", children: t("message.toolGroup.errorTitle") }),
+      /* @__PURE__ */ jsx40(ToolCallValueBlock, { value: error, destructive: true })
     ] });
   }
-  if (output === null) return null;
-  return /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx39("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.outputTitle") }),
-    /* @__PURE__ */ jsx39(ToolCallValueBlock, { value: output })
+  if (output === null && !presentation) return null;
+  return /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx40("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.outputTitle") }),
+    presentation ? /* @__PURE__ */ jsx40(
+      ToolOutputAttachments,
+      {
+        presentation,
+        toolCallId: content.id,
+        executionId: content.executionId
+      }
+    ) : null,
+    output !== null ? /* @__PURE__ */ jsx40(ToolCallValueBlock, { value: output }) : null
   ] });
 }
 function ToolCallDetails({ content }) {
-  const { t } = useChatkitTranslation();
+  const { i18n: i18n2, t } = useChatkitTranslation();
   const data = getToolStepData(content);
   if (isSandboxShellStep(data)) {
-    return /* @__PURE__ */ jsx39("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ jsx39(SandboxShellToolCallCard, { data }) });
+    return /* @__PURE__ */ jsx40("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ jsx40(SandboxShellToolCallCard, { data }) });
   }
   const renderer = getComponentMessageRenderer(content, data);
   const hasCustomDetails = data.error === void 0 && hasComponentMessageRendererDetails(renderer, content, data);
   const CustomDetailsRenderer = hasCustomDetails ? renderer?.renderDetails : void 0;
   if (CustomDetailsRenderer) {
-    return /* @__PURE__ */ jsx39("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx39(CustomDetailsRenderer, { content, data }) });
+    return /* @__PURE__ */ jsx40("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx40(CustomDetailsRenderer, { content, data }) });
   }
   const OutputRenderer = getToolCallOutputRenderer(data);
+  const toolName = resolveLocalizedText(data.tool, i18n2.language);
   const hasInput = data.input !== void 0 && data.input !== null;
-  const hasOutput = data.error !== void 0 || data.output !== void 0;
+  const hasOutput = data.error !== void 0 || data.output !== void 0 || data.artifact !== void 0;
   if (!hasInput && !hasOutput) return null;
-  return /* @__PURE__ */ jsxs26("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [
-    hasInput && /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx39("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.inputTitle") }),
-      /* @__PURE__ */ jsx39(ToolCallValueBlock, { value: data.input })
+  return /* @__PURE__ */ jsxs27("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [
+    hasInput && /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex min-w-0 items-baseline gap-1 text-[11px] font-medium text-muted-foreground", children: [
+        toolName ? /* @__PURE__ */ jsxs27(Fragment7, { children: [
+          /* @__PURE__ */ jsx40("span", { className: "min-w-0 break-all font-mono text-foreground/80", children: toolName }),
+          /* @__PURE__ */ jsx40("span", { "aria-hidden": "true", children: "\xB7" })
+        ] }) : null,
+        /* @__PURE__ */ jsx40("span", { className: "shrink-0", children: t("message.toolGroup.inputTitle") })
+      ] }),
+      /* @__PURE__ */ jsx40(ToolCallValueBlock, { value: data.input })
     ] }),
-    hasInput && hasOutput ? /* @__PURE__ */ jsx39("div", { className: "h-2" }) : null,
-    hasOutput ? /* @__PURE__ */ jsx39(OutputRenderer, { content, data }) : null
+    hasInput && hasOutput ? /* @__PURE__ */ jsx40("div", { className: "h-2" }) : null,
+    hasOutput ? /* @__PURE__ */ jsx40(OutputRenderer, { content, data }) : null
   ] });
 }
 function areToolCallRowPropsEqual(previous, next) {
@@ -12233,11 +12566,11 @@ function ToolCallRowContent({
   const status = getEffectiveToolStepStatus(data, isThreadRunning);
   const hasError = status === "fail" || Boolean(data.error);
   const isSandboxShell = isSandboxShellStep(data);
-  const detailsId = React34.useId();
+  const detailsId = React35.useId();
   const renderer = getComponentMessageRenderer(content, data);
   const label = isSandboxShell ? getSandboxShellActivityLabel(data, status, i18n2.language, t) : renderer?.getTitle?.(content, data, i18n2.language) ?? getToolActivityLabel(content, i18n2.language, status);
   const hasCustomDetails = data.error === void 0 && hasComponentMessageRendererDetails(renderer, content, data);
-  const hasDetails = isSandboxShell || data.input !== void 0 || data.error !== void 0 || data.output !== void 0 || hasCustomDetails;
+  const hasDetails = isSandboxShell || data.input !== void 0 || data.error !== void 0 || data.output !== void 0 || data.artifact !== void 0 || hasCustomDetails;
   const fallbackEndedAt = useFrozenTimestamp(
     data.status === "running" && status === "fail"
   );
@@ -12245,14 +12578,14 @@ function ToolCallRowContent({
     status,
     fallbackEndedAt
   });
-  const [isExpanded, setIsExpanded] = React34.useState(false);
-  React34.useEffect(() => {
-    if (status === "running" && data.output !== void 0) {
+  const [isExpanded, setIsExpanded] = React35.useState(false);
+  React35.useEffect(() => {
+    if (status === "running" && (data.output !== void 0 || data.artifact !== void 0)) {
       setIsExpanded(true);
     }
-  }, [data.output, status]);
-  return /* @__PURE__ */ jsxs26("li", { className: "ck-tool-call-row-enter min-w-0", children: [
-    /* @__PURE__ */ jsxs26(
+  }, [data.artifact, data.output, status]);
+  return /* @__PURE__ */ jsxs27("li", { className: "ck-tool-call-row-enter min-w-0", children: [
+    /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
@@ -12269,7 +12602,7 @@ function ToolCallRowContent({
           if (hasDetails) setIsExpanded((prev) => !prev);
         },
         children: [
-          status ? /* @__PURE__ */ jsx39(
+          status ? /* @__PURE__ */ jsx40(
             ToolStepIcon,
             {
               data,
@@ -12280,8 +12613,8 @@ function ToolCallRowContent({
                 hasError && !isSandboxShell ? "text-destructive" : "text-muted-foreground"
               )
             }
-          ) : /* @__PURE__ */ jsx39("span", { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx39(
+          ) : /* @__PURE__ */ jsx40("span", { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx40(
             "span",
             {
               className: cn(
@@ -12292,8 +12625,8 @@ function ToolCallRowContent({
               children: label
             }
           ),
-          durationLabel ? /* @__PURE__ */ jsx39("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground/80", children: durationLabel }) : null,
-          hasDetails ? /* @__PURE__ */ jsx39(
+          durationLabel ? /* @__PURE__ */ jsx40("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground/80", children: durationLabel }) : null,
+          hasDetails ? /* @__PURE__ */ jsx40(
             ChevronRight7,
             {
               "aria-hidden": "true",
@@ -12306,10 +12639,10 @@ function ToolCallRowContent({
         ]
       }
     ),
-    hasDetails && isExpanded ? /* @__PURE__ */ jsx39("div", { id: detailsId, children: /* @__PURE__ */ jsx39(ToolCallDetails, { content }) }) : null
+    hasDetails && isExpanded ? /* @__PURE__ */ jsx40("div", { id: detailsId, children: /* @__PURE__ */ jsx40(ToolCallDetails, { content }) }) : null
   ] });
 }
-var ToolCallRow = React34.memo(ToolCallRowContent, areToolCallRowPropsEqual);
+var ToolCallRow = React35.memo(ToolCallRowContent, areToolCallRowPropsEqual);
 ToolCallRow.displayName = "ToolCallRow";
 function ToolComponentGroup({
   items,
@@ -12319,8 +12652,8 @@ function ToolComponentGroup({
   apiUrl
 }) {
   const { t } = useChatkitTranslation();
-  const contentId = React34.useId();
-  const [isExpanded, setIsExpanded] = React34.useState(!hasFollowingItem);
+  const contentId = React35.useId();
+  const [isExpanded, setIsExpanded] = React35.useState(!hasFollowingItem);
   const categoryCounts = getToolGroupCategoryCounts(items);
   const categorySummary = TOOL_GROUP_CATEGORY_ORDER.flatMap((category) => {
     const count = categoryCounts[category] ?? 0;
@@ -12335,11 +12668,11 @@ function ToolComponentGroup({
   const summary = `${t("message.toolGroup.status.success")} ${categorySummary}`;
   const config = toolStatusConfig.success;
   const StatusIcon = config.icon;
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     setIsExpanded(!hasFollowingItem);
   }, [hasFollowingItem]);
-  return /* @__PURE__ */ jsxs26("div", { className: "px-1 py-1", children: [
-    /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27("div", { className: "px-1 py-1", children: [
+    /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
@@ -12348,19 +12681,11 @@ function ToolComponentGroup({
         "aria-controls": contentId,
         onClick: () => setIsExpanded((prev) => !prev),
         children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-muted-foreground", children: [
-            /* @__PURE__ */ jsx39(
-              StatusIcon,
-              {
-                className: cn(
-                  "h-4 w-4 shrink-0",
-                  config.iconClass
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx39("span", { className: "truncate", children: summary })
+          /* @__PURE__ */ jsxs27("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsx40(StatusIcon, { className: cn("h-4 w-4 shrink-0", config.iconClass) }),
+            /* @__PURE__ */ jsx40("span", { className: "truncate", children: summary })
           ] }),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             ChevronRight7,
             {
               "aria-hidden": "true",
@@ -12373,7 +12698,7 @@ function ToolComponentGroup({
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx39("ul", { id: contentId, className: "mt-2 space-y-1.5 overflow-y-auto pr-1", children: items.map((item, index) => /* @__PURE__ */ jsx39(
+    isExpanded && /* @__PURE__ */ jsx40("ul", { id: contentId, className: "mt-2 space-y-1.5 overflow-y-auto pr-1", children: items.map((item, index) => /* @__PURE__ */ jsx40(
       ToolCallRow,
       {
         content: item,
@@ -12393,7 +12718,7 @@ import {
   REQUEST_USER_INPUT_TOOL_NAME as REQUEST_USER_INPUT_TOOL_NAME2
 } from "@xpert-ai/chatkit-types";
 import { CheckCircle2 as CheckCircle24 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
 function isRecord4(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
@@ -12505,7 +12830,7 @@ function RequestUserInputResultCard({
   className
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "section",
     {
       "aria-label": t("message.requestUserInputResult.title"),
@@ -12514,23 +12839,23 @@ function RequestUserInputResultCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs27("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold text-foreground", children: [
-          /* @__PURE__ */ jsx40(CheckCircle24, { className: "h-4 w-4 text-primary" }),
-          /* @__PURE__ */ jsx40("span", { children: t("message.requestUserInputResult.title") })
+        /* @__PURE__ */ jsxs28("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsx41(CheckCircle24, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ jsx41("span", { children: t("message.requestUserInputResult.title") })
         ] }),
-        /* @__PURE__ */ jsx40("div", { className: "space-y-2", children: result.answers.map((answer, index) => /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsx41("div", { className: "space-y-2", children: result.answers.map((answer, index) => /* @__PURE__ */ jsxs28(
           "div",
           {
             className: "rounded-md bg-background/70 px-2.5 py-2",
             children: [
-              /* @__PURE__ */ jsx40("div", { className: "text-xs font-medium leading-5 text-muted-foreground", children: answer.question }),
-              /* @__PURE__ */ jsxs27("div", { className: "mt-0.5 flex min-w-0 flex-wrap items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx40("span", { className: "min-w-0 wrap-break-word text-sm font-semibold text-foreground", children: answer.label ?? answer.value }),
-                /* @__PURE__ */ jsx40("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground", children: t(
+              /* @__PURE__ */ jsx41("div", { className: "text-xs font-medium leading-5 text-muted-foreground", children: answer.question }),
+              /* @__PURE__ */ jsxs28("div", { className: "mt-0.5 flex min-w-0 flex-wrap items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx41("span", { className: "min-w-0 wrap-break-word text-sm font-semibold text-foreground", children: answer.label ?? answer.value }),
+                /* @__PURE__ */ jsx41("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground", children: t(
                   answer.type === "other" ? "message.requestUserInputResult.other" : "message.requestUserInputResult.option"
                 ) })
               ] }),
-              answer.description ? /* @__PURE__ */ jsx40("div", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: answer.description }) : null
+              answer.description ? /* @__PURE__ */ jsx41("div", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: answer.description }) : null
             ]
           },
           `${answer.id}-${index}`
@@ -12541,23 +12866,23 @@ function RequestUserInputResultCard({
 }
 
 // src/components/thread/messages/widget.tsx
-import { useEffect as useEffect17, useMemo as useMemo12, useState as useState19 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo13, useState as useState20 } from "react";
 import {
   A2UIRenderer,
   SurfaceRenderer,
   useA2UI
 } from "@xpert-ai/a2ui-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function WidgetMessage({ messageId, data }) {
   const widgets = Array.isArray(data.widgets) ? data.widgets : [];
   if (widgets.length === 0) return null;
   const baseSurfaceId = `widget-${messageId}`;
-  return /* @__PURE__ */ jsx41("div", { className: "space-y-3", children: widgets.map((widget, index) => {
+  return /* @__PURE__ */ jsx42("div", { className: "space-y-3", children: widgets.map((widget, index) => {
     const config = widget?.config;
     const messages = Array.isArray(widget?.messages) ? widget.messages : [];
     const surfaceId = widgets.length > 1 ? `${baseSurfaceId}-${index}` : baseSurfaceId;
     if (messages.length > 0) {
-      return /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42(
         FlatWidgetSurface,
         {
           messages,
@@ -12569,7 +12894,7 @@ function WidgetMessage({ messageId, data }) {
     if (!hasLegacySurface(config)) {
       return null;
     }
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       SurfaceRenderer,
       {
         surfaceId,
@@ -12584,12 +12909,12 @@ function FlatWidgetSurface({
   surfaceId
 }) {
   const { processMessages } = useA2UI();
-  const [renderError, setRenderError] = useState19(false);
-  const normalizedMessages = useMemo12(
+  const [renderError, setRenderError] = useState20(false);
+  const normalizedMessages = useMemo13(
     () => normalizeFlatWidgetMessages(messages, surfaceId),
     [messages, surfaceId]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (normalizedMessages.length === 0) return;
     setRenderError(false);
     try {
@@ -12607,12 +12932,12 @@ function FlatWidgetSurface({
     };
   }, [normalizedMessages, processMessages, surfaceId]);
   if (renderError) {
-    return /* @__PURE__ */ jsx41(WidgetRenderErrorFallback, {});
+    return /* @__PURE__ */ jsx42(WidgetRenderErrorFallback, {});
   }
-  return /* @__PURE__ */ jsx41(A2UIRenderer, { surfaceId });
+  return /* @__PURE__ */ jsx42(A2UIRenderer, { surfaceId });
 }
 function WidgetRenderErrorFallback() {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       role: "alert",
@@ -12882,12 +13207,12 @@ function hasLegacySurface(surface) {
 }
 
 // src/components/thread/messages/mcp-app.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import {
   resolveLocalizedText as resolveLocalizedText3
 } from "@xpert-ai/chatkit-types";
-import { AlertCircle as AlertCircle2, Loader2 as Loader27 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { AlertCircle as AlertCircle2, Loader2 as Loader28 } from "lucide-react";
+import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
 var EMPTY_INPUT_SCHEMA = {
   type: "object",
   properties: {}
@@ -13473,18 +13798,18 @@ function McpAppMessage({
     isLoading: streamIsLoading,
     submit
   } = useStreamContext();
-  const iframeRef = React36.useRef(null);
-  const containerRef = React36.useRef(null);
-  const initializedRef = React36.useRef(false);
-  const sentInitialResultRef = React36.useRef(false);
-  const modelContextRef = React36.useRef(null);
-  const [resource, setResource] = React36.useState(null);
-  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React36.useState(data.appInstanceToken);
-  const [srcDoc, setSrcDoc] = React36.useState(null);
-  const [height, setHeight] = React36.useState(420);
-  const [error, setError] = React36.useState(null);
-  const [isLoading, setIsLoading] = React36.useState(true);
-  const resourceUrl = React36.useMemo(
+  const iframeRef = React37.useRef(null);
+  const containerRef = React37.useRef(null);
+  const initializedRef = React37.useRef(false);
+  const sentInitialResultRef = React37.useRef(false);
+  const modelContextRef = React37.useRef(null);
+  const [resource, setResource] = React37.useState(null);
+  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React37.useState(data.appInstanceToken);
+  const [srcDoc, setSrcDoc] = React37.useState(null);
+  const [height, setHeight] = React37.useState(420);
+  const [error, setError] = React37.useState(null);
+  const [isLoading, setIsLoading] = React37.useState(true);
+  const resourceUrl = React37.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
       buildMcpAppEndpointPath(data, "resource", {
@@ -13493,7 +13818,7 @@ function McpAppMessage({
     ),
     [apiUrl, data, messageId]
   );
-  const rpcUrl = React36.useMemo(
+  const rpcUrl = React37.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
       buildMcpAppEndpointPath(data, "rpc", {
@@ -13503,10 +13828,10 @@ function McpAppMessage({
     ),
     [apiUrl, data, messageId, runtimeAppInstanceToken]
   );
-  const postToApp = React36.useCallback((message) => {
+  const postToApp = React37.useCallback((message) => {
     iframeRef.current?.contentWindow?.postMessage(message, "*");
   }, []);
-  const callHostRpc = React36.useCallback(
+  const callHostRpc = React37.useCallback(
     async (request) => {
       const response = await authenticatedFetch(rpcUrl, {
         method: "POST",
@@ -13527,7 +13852,7 @@ function McpAppMessage({
     },
     [authenticatedFetch, rpcUrl]
   );
-  const sendInitialToolNotifications = React36.useCallback(() => {
+  const sendInitialToolNotifications = React37.useCallback(() => {
     if (!initializedRef.current || sentInitialResultRef.current || !resource) {
       return;
     }
@@ -13554,7 +13879,7 @@ function McpAppMessage({
       }
     });
   }, [data.toolCallId, data.toolName, postToApp, resource]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const controller = new AbortController();
     initializedRef.current = false;
     sentInitialResultRef.current = false;
@@ -13612,10 +13937,10 @@ function McpAppMessage({
     i18n2.language,
     resourceUrl
   ]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     sendInitialToolNotifications();
   }, [sendInitialToolNotifications]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     const handleMessage = async (event) => {
       if (event.source !== iframeRef.current?.contentWindow) {
         return;
@@ -13808,11 +14133,11 @@ function McpAppMessage({
     submit
   ]);
   const iframePermissions = resource?.permissions ?? data.permissions;
-  const iframeAllow = React36.useMemo(
+  const iframeAllow = React37.useMemo(
     () => buildIframeAllow(iframePermissions),
     [iframePermissions]
   );
-  const sandbox = React36.useMemo(() => buildSandboxAttribute(), []);
+  const sandbox = React37.useMemo(() => buildSandboxAttribute(), []);
   const prefersBorder = resource?.prefersBorder ?? data.prefersBorder ?? true;
   const displayTitle = resolveLocalizedText3(resource?.title ?? data.title, i18n2.language) ?? data.toolName;
   const displayDescription = resolveLocalizedText3(
@@ -13820,7 +14145,7 @@ function McpAppMessage({
     i18n2.language
   );
   const displayIcon = resource?.icon ?? data.icon;
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       ref: containerRef,
@@ -13830,9 +14155,9 @@ function McpAppMessage({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs28("div", { className: "flex min-h-10 items-center justify-between gap-3 border-b px-3 py-2", children: [
-          /* @__PURE__ */ jsxs28("div", { className: "flex min-w-0 items-center gap-2", children: [
-            displayIcon ? /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsxs29("div", { className: "flex min-h-10 items-center justify-between gap-3 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 items-center gap-2", children: [
+            displayIcon ? /* @__PURE__ */ jsx43(
               IconDefinitionRenderer,
               {
                 icon: displayIcon,
@@ -13841,20 +14166,20 @@ function McpAppMessage({
                 decorative: true
               }
             ) : null,
-            /* @__PURE__ */ jsxs28("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx42("div", { className: "truncate text-sm font-medium", children: displayTitle }),
-              /* @__PURE__ */ jsx42("div", { className: "truncate text-[11px] text-muted-foreground", children: displayDescription ?? data.resourceUri })
+            /* @__PURE__ */ jsxs29("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx43("div", { className: "truncate text-sm font-medium", children: displayTitle }),
+              /* @__PURE__ */ jsx43("div", { className: "truncate text-[11px] text-muted-foreground", children: displayDescription ?? data.resourceUri })
             ] })
           ] }),
-          /* @__PURE__ */ jsx42(Badge, { variant: "secondary", className: "shrink-0 rounded-md", children: "MCP App" })
+          /* @__PURE__ */ jsx43(Badge, { variant: "secondary", className: "shrink-0 rounded-md", children: "MCP App" })
         ] }),
-        isLoading ? /* @__PURE__ */ jsxs28("div", { className: "flex h-40 items-center justify-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx42(Loader27, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ jsx42("span", { children: i18n2.t("message.mcpApp.loading") })
-        ] }) : error ? /* @__PURE__ */ jsxs28("div", { className: "flex h-40 items-center justify-center gap-2 px-4 text-sm text-destructive", children: [
-          /* @__PURE__ */ jsx42(AlertCircle2, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsx42("span", { className: "min-w-0 break-words", children: error })
-        ] }) : srcDoc ? /* @__PURE__ */ jsx42(
+        isLoading ? /* @__PURE__ */ jsxs29("div", { className: "flex h-40 items-center justify-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx43(Loader28, { className: "h-4 w-4 animate-spin" }),
+          /* @__PURE__ */ jsx43("span", { children: i18n2.t("message.mcpApp.loading") })
+        ] }) : error ? /* @__PURE__ */ jsxs29("div", { className: "flex h-40 items-center justify-center gap-2 px-4 text-sm text-destructive", children: [
+          /* @__PURE__ */ jsx43(AlertCircle2, { className: "h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ jsx43("span", { className: "min-w-0 break-words", children: error })
+        ] }) : srcDoc ? /* @__PURE__ */ jsx43(
           "iframe",
           {
             ref: iframeRef,
@@ -13873,7 +14198,7 @@ function McpAppMessage({
 }
 
 // src/components/thread/messages/ai.tsx
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
 var assistantMessageStackClassName = "space-y-3 in-data-[density=compact]:space-y-2 in-data-[density=spacious]:space-y-4";
 function isTextContent3(content) {
   return content.type === "text";
@@ -13915,11 +14240,11 @@ function ReasoningBlock({
 }) {
   const blocks = reasoning.filter((item) => item.text?.trim());
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ jsx43("div", { className: "space-y-2", children: blocks.map((item, index) => /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44("div", { className: "space-y-2", children: blocks.map((item, index) => /* @__PURE__ */ jsx44(
     "div",
     {
       className: "rounded-lg border bg-muted/40 p-3 text-xs text-muted-foreground",
-      children: /* @__PURE__ */ jsx43("p", { className: "whitespace-pre-wrap wrap-break-word leading-relaxed", children: item.text })
+      children: /* @__PURE__ */ jsx44("p", { className: "whitespace-pre-wrap wrap-break-word leading-relaxed", children: item.text })
     },
     item.id ?? `reasoning-${index}`
   )) });
@@ -13927,12 +14252,12 @@ function ReasoningBlock({
 function ImageBlock({ content }) {
   const imageUrl = typeof content.image_url === "string" ? content.image_url : typeof content.image_url?.url === "string" ? content.image_url.url : null;
   if (!imageUrl) {
-    return /* @__PURE__ */ jsxs29(Card, { children: [
-      /* @__PURE__ */ jsx43(CardHeader, { className: "space-y-1", children: /* @__PURE__ */ jsx43(CardTitle, { className: "text-sm", children: "Image" }) }),
-      /* @__PURE__ */ jsx43(CardContent, { className: "text-xs text-muted-foreground", children: safeJson3(content) })
+    return /* @__PURE__ */ jsxs30(Card, { children: [
+      /* @__PURE__ */ jsx44(CardHeader, { className: "space-y-1", children: /* @__PURE__ */ jsx44(CardTitle, { className: "text-sm", children: "Image" }) }),
+      /* @__PURE__ */ jsx44(CardContent, { className: "text-xs text-muted-foreground", children: safeJson3(content) })
     ] });
   }
-  return /* @__PURE__ */ jsx43("figure", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44("figure", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ jsx44(
     "img",
     {
       src: imageUrl,
@@ -13942,12 +14267,12 @@ function ImageBlock({ content }) {
   ) });
 }
 function MemoryBlock({ content }) {
-  return /* @__PURE__ */ jsxs29(Card, { children: [
-    /* @__PURE__ */ jsxs29(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx43(CardTitle, { className: "text-sm", children: "Memory" }),
-      /* @__PURE__ */ jsx43(Badge, { variant: "secondary", children: "Memory" })
+  return /* @__PURE__ */ jsxs30(Card, { children: [
+    /* @__PURE__ */ jsxs30(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx44(CardTitle, { className: "text-sm", children: "Memory" }),
+      /* @__PURE__ */ jsx44(Badge, { variant: "secondary", children: "Memory" })
     ] }),
-    /* @__PURE__ */ jsx43(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx43("pre", { className: "whitespace-pre-wrap wrap-break-word", children: safeJson3(content.data ?? []) }) })
+    /* @__PURE__ */ jsx44(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx44("pre", { className: "whitespace-pre-wrap wrap-break-word", children: safeJson3(content.data ?? []) }) })
   ] });
 }
 function parseStepDate2(value) {
@@ -13981,11 +14306,11 @@ function formatStepDuration3(durationMs) {
 }
 function ComponentBlock({ content }) {
   const { i18n: i18n2 } = useChatkitTranslation();
-  const [isExpanded, setIsExpanded] = React37.useState(false);
-  const contentRef = React37.useRef(null);
-  const shouldAutoScrollRef = React37.useRef(true);
-  const previousScrollTopRef = React37.useRef(0);
-  const [durationNow, setDurationNow] = React37.useState(() => Date.now());
+  const [isExpanded, setIsExpanded] = React38.useState(false);
+  const contentRef = React38.useRef(null);
+  const shouldAutoScrollRef = React38.useRef(true);
+  const previousScrollTopRef = React38.useRef(0);
+  const [durationNow, setDurationNow] = React38.useState(() => Date.now());
   const data = getToolStepData(content);
   const category = data.category ?? "Component";
   const title = getToolActivityLabel(content, i18n2.language);
@@ -13999,10 +14324,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);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (status === "running" && output !== null) setIsExpanded(true);
   }, [status, output]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (status !== "running" || createdAt === null || endedAt !== null) {
       return;
     }
@@ -14014,7 +14339,7 @@ function ComponentBlock({ content }) {
       window.clearInterval(timer);
     };
   }, [createdAt, endedAt, status]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     const element = contentRef.current;
     if (!element) return;
     previousScrollTopRef.current = element.scrollTop;
@@ -14036,7 +14361,7 @@ function ComponentBlock({ content }) {
       element.removeEventListener("scroll", updateAutoScrollState);
     };
   }, [isExpanded]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (status !== "running") {
       shouldAutoScrollRef.current = true;
       return;
@@ -14049,15 +14374,15 @@ function ComponentBlock({ content }) {
   }, [isExpanded, output, status]);
   const config = status ? toolStatusConfig[status] : null;
   const StatusIcon = config?.icon;
-  return /* @__PURE__ */ jsxs29(Card, { children: [
-    /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(Card, { children: [
+    /* @__PURE__ */ jsxs30(
       CardHeader,
       {
         className: "flex flex-row items-center justify-between gap-2 px-2 py-1 cursor-pointer",
         onClick: () => setIsExpanded(!isExpanded),
         children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-1 flex-1 min-w-0", children: [
-            status && StatusIcon && /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-1 flex-1 min-w-0", children: [
+            status && StatusIcon && /* @__PURE__ */ jsx44(
               StatusIcon,
               {
                 className: cn(
@@ -14067,20 +14392,20 @@ function ComponentBlock({ content }) {
                 )
               }
             ),
-            /* @__PURE__ */ jsx43(CardTitle, { className: "text-sm truncate", children: title })
+            /* @__PURE__ */ jsx44(CardTitle, { className: "text-sm truncate", children: title })
           ] }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex flex-wrap items-center gap-2 shrink-0", children: [
-            durationLabel && /* @__PURE__ */ jsxs29("div", { className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground tabular-nums", children: [
-              /* @__PURE__ */ jsx43(Clock32, { className: "h-3 w-3" }),
-              /* @__PURE__ */ jsx43("span", { children: durationLabel })
+          /* @__PURE__ */ jsxs30("div", { className: "flex flex-wrap items-center gap-2 shrink-0", children: [
+            durationLabel && /* @__PURE__ */ jsxs30("div", { className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground tabular-nums", children: [
+              /* @__PURE__ */ jsx44(Clock32, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx44("span", { children: durationLabel })
             ] }),
-            /* @__PURE__ */ jsx43(Badge, { variant: "secondary", className: "rounded-lg px-1.5", children: category }),
-            /* @__PURE__ */ jsx43(
+            /* @__PURE__ */ jsx44(Badge, { variant: "secondary", className: "rounded-lg px-1.5", children: category }),
+            /* @__PURE__ */ jsx44(
               "button",
               {
                 className: "text-muted-foreground hover:text-foreground transition-colors",
                 "aria-label": isExpanded ? "Collapse" : "Expand",
-                children: /* @__PURE__ */ jsx43(
+                children: /* @__PURE__ */ jsx44(
                   ChevronDown4,
                   {
                     className: cn(
@@ -14095,53 +14420,53 @@ function ComponentBlock({ content }) {
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsxs29(
+    isExpanded && /* @__PURE__ */ jsxs30(
       CardContent,
       {
         ref: contentRef,
         className: "text-xs text-muted-foreground max-h-60 overflow-auto",
         children: [
-          data.input && /* @__PURE__ */ jsx43("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(data.input) }),
-          error ? /* @__PURE__ */ jsx43("pre", { className: "whitespace-pre-wrap wrap-break-word text-destructive", children: formatDisplayValue3(error) }) : hasOutput && /* @__PURE__ */ jsx43("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(fallback) })
+          data.input && /* @__PURE__ */ jsx44("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(data.input) }),
+          error ? /* @__PURE__ */ jsx44("pre", { className: "whitespace-pre-wrap wrap-break-word text-destructive", children: formatDisplayValue3(error) }) : hasOutput && /* @__PURE__ */ jsx44("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(fallback) })
         ]
       }
     )
   ] });
 }
 function UnknownBlock({ content }) {
-  return /* @__PURE__ */ jsxs29(Card, { children: [
-    /* @__PURE__ */ jsxs29(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx43(CardTitle, { className: "text-sm", children: "Assistant Content" }),
-      /* @__PURE__ */ jsx43(Badge, { variant: "outline", children: content.type ?? "unknown" })
+  return /* @__PURE__ */ jsxs30(Card, { children: [
+    /* @__PURE__ */ jsxs30(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx44(CardTitle, { className: "text-sm", children: "Assistant Content" }),
+      /* @__PURE__ */ jsx44(Badge, { variant: "outline", children: content.type ?? "unknown" })
     ] }),
-    /* @__PURE__ */ jsx43(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx43("pre", { className: "whitespace-pre-wrap break-words", children: safeJson3(content) }) })
+    /* @__PURE__ */ jsx44(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ jsx44("pre", { className: "whitespace-pre-wrap break-words", children: safeJson3(content) }) })
   ] });
 }
 function renderContentItem(content, index, message, lookupMessages, options) {
   const messageId = message.id;
   const textClassName = options?.isAgentOutput ? "text-sm [&_.markdown-content_p]:!leading-6" : void 0;
   if (typeof content === "string") {
-    return /* @__PURE__ */ jsx43("div", { className: textClassName, children: /* @__PURE__ */ jsx43(MarkdownText, { children: content }) }, `text-${index}`);
+    return /* @__PURE__ */ jsx44("div", { className: textClassName, children: /* @__PURE__ */ jsx44(MarkdownText, { children: content }) }, `text-${index}`);
   }
   if (isThreadContextUsageRenderArtifact(content)) {
     return null;
   }
   if (isTextContent3(content)) {
-    return /* @__PURE__ */ jsx43("div", { className: textClassName, children: /* @__PURE__ */ jsx43(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
+    return /* @__PURE__ */ jsx44("div", { className: textClassName, children: /* @__PURE__ */ jsx44(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }
   if (isReasoningContent3(content)) {
-    return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(ReasoningBlock, { reasoning: [content] }) }, content.id ?? `reasoning-${index}`);
+    return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(ReasoningBlock, { reasoning: [content] }) }, content.id ?? `reasoning-${index}`);
   }
   if (isImageContent(content)) {
-    return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(ImageBlock, { content }) }, content.id ?? `image-${index}`);
+    return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(ImageBlock, { content }) }, content.id ?? `image-${index}`);
   }
   if (isComponentContent3(content)) {
     if (isContextCompressionComponent(content)) {
-      return /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx44(
         "div",
         {
           className: "w-full",
-          children: /* @__PURE__ */ jsx43(ContextCompressionMessage, { content })
+          children: /* @__PURE__ */ jsx44(ContextCompressionMessage, { content })
         },
         content.id ?? `context-compression-${index}`
       );
@@ -14151,16 +14476,16 @@ function renderContentItem(content, index, message, lookupMessages, options) {
       lookupMessages
     );
     if (requestUserInputResult) {
-      return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(RequestUserInputResultCard, { result: requestUserInputResult }) }, content.id ?? `request-user-input-result-${index}`);
+      return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(RequestUserInputResultCard, { result: requestUserInputResult }) }, content.id ?? `request-user-input-result-${index}`);
     }
     if (isWidgetComponent2(content)) {
-      return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
+      return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
     }
     if (isMcpAppComponent(content)) {
-      return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(McpAppMessage, { messageId, data: content.data }) }, content.id ?? `mcp-app-${index}`);
+      return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(McpAppMessage, { messageId, data: content.data }) }, content.id ?? `mcp-app-${index}`);
     }
     if (getComponentMessagePresentation(content, getToolStepData(content)) === "grouped-step") {
-      return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
         ToolComponentGroup,
         {
           items: [content],
@@ -14171,15 +14496,15 @@ function renderContentItem(content, index, message, lookupMessages, options) {
         }
       ) }, content.id ?? `component-group-${index}`);
     }
-    return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(ComponentBlock, { content }) }, content.id ?? `component-${index}`);
+    return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(ComponentBlock, { content }) }, content.id ?? `component-${index}`);
   }
   if (isMemoryContent(content)) {
-    return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(MemoryBlock, { content }) }, content.id ?? `memory-${index}`);
+    return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(MemoryBlock, { content }) }, content.id ?? `memory-${index}`);
   }
   if (isAgentEventContent(content)) {
-    return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(AgentEventRow, { content }) }, content.id ?? `agent-event-${index}`);
+    return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(AgentEventRow, { content }) }, content.id ?? `agent-event-${index}`);
   }
-  return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(UnknownBlock, { content }) }, content.id ?? `unknown-${index}`);
+  return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(UnknownBlock, { content }) }, content.id ?? `unknown-${index}`);
 }
 function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, options) {
   if (unit.type === "item") {
@@ -14190,7 +14515,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
       isAgentOutput: options?.isAgentOutput
     });
   }
-  return /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
     ToolComponentGroup,
     {
       items: unit.items,
@@ -14227,7 +14552,7 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     const batch = entryBatch;
     entryBatch = [];
     rendered.push(
-      /* @__PURE__ */ jsx43(React37.Fragment, { children: renderEntryBatch(batch, message, lookupMessages, hasFollowingItem, {
+      /* @__PURE__ */ jsx44(React38.Fragment, { children: renderEntryBatch(batch, message, lookupMessages, hasFollowingItem, {
         ...options,
         isAgentOutput: depth > 0
       }) }, `entries-${batch[0]?.order ?? rendered.length}`)
@@ -14244,7 +14569,7 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     }
     flushEntries(true);
     rendered.push(
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         AgentRunGroup,
         {
           node: unit.node,
@@ -14269,7 +14594,7 @@ function renderContent(message, lookupMessages, options) {
     message
   );
   if (renderTree.hasAgentRuns) {
-    return /* @__PURE__ */ jsx43("div", { className: assistantMessageStackClassName, children: renderAssistantRenderUnits(
+    return /* @__PURE__ */ jsx44("div", { className: assistantMessageStackClassName, children: renderAssistantRenderUnits(
       renderTree.units,
       message,
       lookupMessages,
@@ -14279,13 +14604,13 @@ function renderContent(message, lookupMessages, options) {
   const content = message.content;
   if (typeof content === "string") {
     if (!content.trim()) return null;
-    return /* @__PURE__ */ jsx43(MarkdownText, { children: content });
+    return /* @__PURE__ */ jsx44(MarkdownText, { children: content });
   }
   if (!Array.isArray(content) || content.length === 0) return null;
   const renderUnits = buildToolComponentRenderUnits(content, {
     shouldGroupComponent: (item) => getRequestUserInputResultCardData(item, lookupMessages) === null && !isMcpAppComponent(item)
   });
-  return /* @__PURE__ */ jsx43("div", { className: "space-y-3", children: renderUnits.map(
+  return /* @__PURE__ */ jsx44("div", { className: "space-y-3", children: renderUnits.map(
     (unit, index) => renderContentUnit(
       unit,
       message,
@@ -14305,7 +14630,7 @@ function AssistantStreamingIndicator({
     thinking: t("message.thinking"),
     answering: t("message.answering")
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -14313,18 +14638,18 @@ function AssistantStreamingIndicator({
         className
       ),
       children: [
-        status === "loading" && /* @__PURE__ */ jsx43(Loader28, { className: "h-3.5 w-3.5 animate-spin" }),
-        status === "thinking" && /* @__PURE__ */ jsxs29("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx43("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
-          /* @__PURE__ */ jsx43("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
-          /* @__PURE__ */ jsx43("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
+        status === "loading" && /* @__PURE__ */ jsx44(Loader29, { className: "h-3.5 w-3.5 animate-spin" }),
+        status === "thinking" && /* @__PURE__ */ jsxs30("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx44("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
+          /* @__PURE__ */ jsx44("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
+          /* @__PURE__ */ jsx44("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
         ] }),
-        status === "answering" && /* @__PURE__ */ jsxs29("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx43("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
-          /* @__PURE__ */ jsx43("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
-          /* @__PURE__ */ jsx43("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
+        status === "answering" && /* @__PURE__ */ jsxs30("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx44("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
+          /* @__PURE__ */ jsx44("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
+          /* @__PURE__ */ jsx44("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx43("span", { children: labelMap[status] })
+        /* @__PURE__ */ jsx44("span", { children: labelMap[status] })
       ]
     }
   );
@@ -14350,56 +14675,56 @@ function AssistantMessage({
   const resolvedStreamingStatus = streamingStatus ?? getAssistantStreamingStatus(message, isStreaming);
   const lookupMessages = messages?.length ? messages : [message];
   const inlinePetState = resolvedStreamingStatus ? getInlinePetState(resolvedStreamingStatus) : null;
-  const inlinePet = inlinePetState ? /* @__PURE__ */ jsx43(InlinePetStatus, { pet, state: inlinePetState }) : null;
+  const inlinePet = inlinePetState ? /* @__PURE__ */ jsx44(InlinePetStatus, { pet, state: inlinePetState }) : null;
   const answerNode = renderContent(message, lookupMessages, {
     isThreadRunning,
     organizationId,
     apiUrl
   });
-  const reasoningNode = hasReasoning ? /* @__PURE__ */ jsx43(ReasoningBlock, { reasoning: rootReasoning ?? [] }) : null;
+  const reasoningNode = hasReasoning ? /* @__PURE__ */ jsx44(ReasoningBlock, { reasoning: rootReasoning ?? [] }) : null;
   if (!hasContent && !hasReasoning && !resolvedStreamingStatus) return null;
   const streamingClass = isStreaming ? "streaming-active" : "";
   if (!hasContent && !hasReasoning && resolvedStreamingStatus) {
-    return /* @__PURE__ */ jsx43("div", { className: cn("space-y-3", streamingClass, className), children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+    return /* @__PURE__ */ jsx44("div", { className: cn("space-y-3", streamingClass, className), children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
       inlinePet,
-      /* @__PURE__ */ jsx43(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
+      /* @__PURE__ */ jsx44(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
     ] }) });
   }
   if (hasContent && hasReasoning) {
-    return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-3", streamingClass, className), children: [
-      /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs30("div", { className: cn("space-y-3", streamingClass, className), children: [
+      /* @__PURE__ */ jsxs30(
         Tabs,
         {
           defaultValue: message.status === "reasoning" ? "reasoning" : "answer",
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
               inlinePet,
-              /* @__PURE__ */ jsxs29(TabsList, { className: "", children: [
-                /* @__PURE__ */ jsx43(TabsTrigger, { value: "answer", children: t("message.answer") }),
-                /* @__PURE__ */ jsx43(TabsTrigger, { value: "reasoning", children: t("message.reasoning") })
+              /* @__PURE__ */ jsxs30(TabsList, { className: "", children: [
+                /* @__PURE__ */ jsx44(TabsTrigger, { value: "answer", children: t("message.answer") }),
+                /* @__PURE__ */ jsx44(TabsTrigger, { value: "reasoning", children: t("message.reasoning") })
               ] })
             ] }),
-            /* @__PURE__ */ jsx43(TabsContent, { value: "answer", className: "space-y-3", children: answerNode }),
-            /* @__PURE__ */ jsx43(TabsContent, { value: "reasoning", className: "space-y-3", children: reasoningNode })
+            /* @__PURE__ */ jsx44(TabsContent, { value: "answer", className: "space-y-3", children: answerNode }),
+            /* @__PURE__ */ jsx44(TabsContent, { value: "reasoning", className: "space-y-3", children: reasoningNode })
           ]
         }
       ),
-      resolvedStreamingStatus ? /* @__PURE__ */ jsx43(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
+      resolvedStreamingStatus ? /* @__PURE__ */ jsx44(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-3", streamingClass, className), children: [
+  return /* @__PURE__ */ jsxs30("div", { className: cn("space-y-3", streamingClass, className), children: [
     hasReasoning ? reasoningNode : answerNode,
-    resolvedStreamingStatus ? /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+    resolvedStreamingStatus ? /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
       inlinePet,
-      /* @__PURE__ */ jsx43(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
+      /* @__PURE__ */ jsx44(AssistantStreamingIndicator, { status: resolvedStreamingStatus })
     ] }) : null
   ] });
 }
 
 // src/components/thread/MessageNavigator.tsx
-import * as React38 from "react";
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 var ACTIVE_OFFSET_PX = 12;
 function getMarkerWidthClass(index, active, interactionIndex) {
   if (interactionIndex >= 0) {
@@ -14446,17 +14771,17 @@ function MessageNavigator({
   label,
   tagsOverflowLabel
 }) {
-  const [hoveredId, setHoveredId] = React38.useState(null);
-  const [focusedId, setFocusedId] = React38.useState(null);
-  const [activeId, setActiveId] = React38.useState(null);
-  const updateActiveItem = React38.useCallback(() => {
+  const [hoveredId, setHoveredId] = React39.useState(null);
+  const [focusedId, setFocusedId] = React39.useState(null);
+  const [activeId, setActiveId] = React39.useState(null);
+  const updateActiveItem = React39.useCallback(() => {
     const viewport = viewportRef.current;
     setActiveId(resolveActiveItemId(items, viewport, getAnchor));
   }, [getAnchor, items, viewportRef]);
-  React38.useLayoutEffect(() => {
+  React39.useLayoutEffect(() => {
     updateActiveItem();
   }, [updateActiveItem]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     let frame = null;
@@ -14480,7 +14805,7 @@ function MessageNavigator({
       resizeObserver?.disconnect();
     };
   }, [updateActiveItem, viewportRef]);
-  const handleNavigate = React38.useCallback(
+  const handleNavigate = React39.useCallback(
     (item) => {
       const viewport = viewportRef.current;
       const anchor = getAnchor(item);
@@ -14494,7 +14819,7 @@ function MessageNavigator({
   if (items.length === 0) return null;
   const interactionId = focusedId ?? hoveredId;
   const interactionIndex = interactionId ? items.findIndex((item) => item.id === interactionId) : -1;
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "nav",
     {
       "aria-label": label,
@@ -14503,11 +14828,11 @@ function MessageNavigator({
         className
       ),
       "data-slot": "chatkit-message-navigator",
-      children: /* @__PURE__ */ jsx44("div", { className: "group/nav relative h-[calc(100vh-9rem)] w-12", children: /* @__PURE__ */ jsx44("div", { className: "absolute left-2 top-1/2 flex max-h-full w-10 -translate-y-1/2 flex-col gap-0.5 py-1", children: items.map((item, index) => {
+      children: /* @__PURE__ */ jsx45("div", { className: "group/nav relative h-[calc(100vh-9rem)] w-12", children: /* @__PURE__ */ jsx45("div", { className: "absolute left-2 top-1/2 flex max-h-full w-10 -translate-y-1/2 flex-col gap-0.5 py-1", children: items.map((item, index) => {
         const isActive = item.id === activeId;
         const isPreviewed = item.id === hoveredId || item.id === focusedId;
-        return /* @__PURE__ */ jsxs30("div", { className: "relative h-3.5 w-10 shrink-0", children: [
-          /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsxs31("div", { className: "relative h-3.5 w-10 shrink-0", children: [
+          /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -14522,7 +14847,7 @@ function MessageNavigator({
               onMouseLeave: () => setHoveredId((id) => id === item.id ? null : id),
               onFocus: () => setFocusedId(item.id),
               onBlur: () => setFocusedId((id) => id === item.id ? null : id),
-              children: /* @__PURE__ */ jsx44(
+              children: /* @__PURE__ */ jsx45(
                 "span",
                 {
                   className: cn(
@@ -14536,7 +14861,7 @@ function MessageNavigator({
               )
             }
           ),
-          isPreviewed && /* @__PURE__ */ jsxs30(
+          isPreviewed && /* @__PURE__ */ jsxs31(
             "div",
             {
               className: cn(
@@ -14544,10 +14869,10 @@ function MessageNavigator({
                 "rounded-lg border border-border bg-background/95 p-3 text-left shadow-xl backdrop-blur"
               ),
               children: [
-                /* @__PURE__ */ jsx44("div", { className: "mb-1 truncate text-sm font-medium text-foreground", children: item.title }),
-                /* @__PURE__ */ jsx44("div", { className: "line-clamp-2 text-sm leading-5 text-muted-foreground", children: item.preview }),
-                item.tags.length > 0 && /* @__PURE__ */ jsxs30("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
-                  item.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsx44(
+                /* @__PURE__ */ jsx45("div", { className: "mb-1 truncate text-sm font-medium text-foreground", children: item.title }),
+                /* @__PURE__ */ jsx45("div", { className: "line-clamp-2 text-sm leading-5 text-muted-foreground", children: item.preview }),
+                item.tags.length > 0 && /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
+                  item.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsx45(
                     "span",
                     {
                       className: "max-w-[8rem] truncate rounded-md bg-muted px-1.5 py-0.5 text-[11px] leading-4 text-muted-foreground",
@@ -14555,7 +14880,7 @@ function MessageNavigator({
                     },
                     tag
                   )),
-                  item.tags.length > 3 && /* @__PURE__ */ jsx44("span", { className: "rounded-md bg-muted px-1.5 py-0.5 text-[11px] leading-4 text-muted-foreground", children: tagsOverflowLabel(item.tags.length - 3) })
+                  item.tags.length > 3 && /* @__PURE__ */ jsx45("span", { className: "rounded-md bg-muted px-1.5 py-0.5 text-[11px] leading-4 text-muted-foreground", children: tagsOverflowLabel(item.tags.length - 3) })
                 ] })
               ]
             }
@@ -14567,9 +14892,9 @@ function MessageNavigator({
 }
 
 // src/components/thread/MessageActions.tsx
-import * as React39 from "react";
-import { Check as Check5, Copy as Copy3, RefreshCw as RefreshCw3 } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { Check as Check5, Copy as Copy3, RefreshCw as RefreshCw4 } from "lucide-react";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 function MessageActions({
   content,
   isAssistant = false,
@@ -14578,7 +14903,7 @@ function MessageActions({
   className
 }) {
   const { t } = useChatkitTranslation();
-  const [copied, setCopied] = React39.useState(false);
+  const [copied, setCopied] = React40.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -14591,7 +14916,7 @@ function MessageActions({
   if (isStreaming) {
     return null;
   }
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -14599,7 +14924,7 @@ function MessageActions({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "button",
           {
             type: "button",
@@ -14609,17 +14934,17 @@ function MessageActions({
               copied && "text-green-500"
             ),
             title: copied ? t("messageActions.copied") : t("messageActions.copy"),
-            children: copied ? /* @__PURE__ */ jsx45(Check5, { size: 14 }) : /* @__PURE__ */ jsx45(Copy3, { size: 14 })
+            children: copied ? /* @__PURE__ */ jsx46(Check5, { size: 14 }) : /* @__PURE__ */ jsx46(Copy3, { size: 14 })
           }
         ),
-        isAssistant && onRetry && /* @__PURE__ */ jsx45(
+        isAssistant && onRetry && /* @__PURE__ */ jsx46(
           "button",
           {
             type: "button",
             onClick: onRetry,
             className: "p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
             title: t("messageActions.regenerate"),
-            children: /* @__PURE__ */ jsx45(RefreshCw3, { size: 14 })
+            children: /* @__PURE__ */ jsx46(RefreshCw4, { size: 14 })
           }
         )
       ]
@@ -14640,18 +14965,18 @@ import {
   Sparkles as Sparkles3,
   Zap
 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ jsx46(HelpCircle, { size: 20 }),
-    "lightbulb": /* @__PURE__ */ jsx46(Lightbulb2, { size: 20 }),
-    "sparkle": /* @__PURE__ */ jsx46(Sparkles3, { size: 20 }),
-    "write": /* @__PURE__ */ jsx46(Pencil3, { size: 20 }),
-    "search": /* @__PURE__ */ jsx46(Search3, { size: 20 }),
-    "globe": /* @__PURE__ */ jsx46(Globe2, { size: 20 }),
-    "book-open": /* @__PURE__ */ jsx46(BookOpen2, { size: 20 }),
-    "compass": /* @__PURE__ */ jsx46(Compass, { size: 20 }),
-    "bolt": /* @__PURE__ */ jsx46(Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ jsx47(HelpCircle, { size: 20 }),
+    "lightbulb": /* @__PURE__ */ jsx47(Lightbulb2, { size: 20 }),
+    "sparkle": /* @__PURE__ */ jsx47(Sparkles3, { size: 20 }),
+    "write": /* @__PURE__ */ jsx47(Pencil3, { size: 20 }),
+    "search": /* @__PURE__ */ jsx47(Search3, { size: 20 }),
+    "globe": /* @__PURE__ */ jsx47(Globe2, { size: 20 }),
+    "book-open": /* @__PURE__ */ jsx47(BookOpen2, { size: 20 }),
+    "compass": /* @__PURE__ */ jsx47(Compass, { size: 20 }),
+    "bolt": /* @__PURE__ */ jsx47(Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -14667,7 +14992,7 @@ function StartScreen({
   const greeting = startScreen?.greeting ?? t("startScreen.greeting");
   const prompts = startScreen?.prompts ?? [];
   const editPromptLabel = t("startScreen.editPrompt");
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: cn(
@@ -14675,8 +15000,8 @@ function StartScreen({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx46("div", { className: "mb-8 text-center", children: /* @__PURE__ */ jsx46("h2", { className: "text-2xl font-semibold text-foreground mb-2", children: greeting }) }),
-        prompts.length > 0 && /* @__PURE__ */ jsx46("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx46("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs32(
+        /* @__PURE__ */ jsx47("div", { className: "mb-8 text-center", children: /* @__PURE__ */ jsx47("h2", { className: "text-2xl font-semibold text-foreground mb-2", children: greeting }) }),
+        prompts.length > 0 && /* @__PURE__ */ jsx47("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ jsxs33(
           "div",
           {
             className: cn(
@@ -14685,23 +15010,23 @@ function StartScreen({
               "focus-within:ring-2 focus-within:ring-primary/20"
             ),
             children: [
-              /* @__PURE__ */ jsxs32(
+              /* @__PURE__ */ jsxs33(
                 "button",
                 {
                   type: "button",
                   disabled: promptSendDisabled,
                   onClick: () => onPromptClick?.(item.prompt),
                   className: cn(
-                    "flex min-w-0 flex-1 items-center gap-3 p-4 text-left",
+                    "flex min-w-0 flex-1 items-center gap-3 p-4 text-left overflow-hidden",
                     "focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx46("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__ */ jsx46("span", { className: "text-sm font-medium text-foreground", children: item.label })
+                    /* @__PURE__ */ jsx47("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__ */ jsx47("div", { className: "text-sm font-medium text-foreground line-clamp-3 overflow-hidden", title: item.label, children: item.label })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx47(
                 "button",
                 {
                   type: "button",
@@ -14714,7 +15039,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__ */ jsx46(Pencil3, { size: 16 })
+                  children: /* @__PURE__ */ jsx47(Pencil3, { size: 16 })
                 }
               )
             ]
@@ -14727,7 +15052,7 @@ function StartScreen({
 }
 
 // src/hooks/useThreads.ts
-import * as React41 from "react";
+import * as React42 from "react";
 var DEFAULT_LIMIT = 50;
 var getThreadTitle = (threadRecord) => {
   const title = threadRecord.title?.trim();
@@ -14780,16 +15105,16 @@ function useThreads(limit = DEFAULT_LIMIT) {
     isLoading: isStreamLoading,
     error: streamError
   } = useStreamContext();
-  const [threadRecords, setThreadRecords] = React41.useState([]);
-  const [isLoading, setIsLoading] = React41.useState(false);
-  const [error, setError] = React41.useState(null);
-  const upsertThreadRecord = React41.useCallback((threadRecord) => {
+  const [threadRecords, setThreadRecords] = React42.useState([]);
+  const [isLoading, setIsLoading] = React42.useState(false);
+  const [error, setError] = React42.useState(null);
+  const upsertThreadRecord = React42.useCallback((threadRecord) => {
     setThreadRecords((prev) => {
       const next = prev.filter((item) => item.id !== threadRecord.id);
       return sortThreadRecords([threadRecord, ...next]);
     });
   }, []);
-  const refreshThreads = React41.useCallback(async () => {
+  const refreshThreads = React42.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -14805,7 +15130,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       setIsLoading(false);
     }
   }, [client, limit, assistantId]);
-  const createThread = React41.useCallback(
+  const createThread = React42.useCallback(
     async (input) => {
       setError(null);
       const payload = {};
@@ -14819,7 +15144,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client, upsertThreadRecord]
   );
-  const updateThread = React41.useCallback(
+  const updateThread = React42.useCallback(
     async (recordId, payload) => {
       setError(null);
       const updated = await client.conversations.update(recordId, payload);
@@ -14828,7 +15153,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client, upsertThreadRecord]
   );
-  const deleteThread = React41.useCallback(
+  const deleteThread = React42.useCallback(
     async (recordId) => {
       setError(null);
       await client.conversations.delete(recordId);
@@ -14836,11 +15161,11 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!isReady) return;
     void refreshThreads();
   }, [refreshThreads, isReady]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!threadId || !isStreamLoading) return;
     const now = (/* @__PURE__ */ new Date()).toISOString();
     const busyStatus = "busy";
@@ -14861,7 +15186,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       return changed ? sortThreadRecords(next) : prev;
     });
   }, [threadId, isStreamLoading]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const message = getErrorMessage2(streamError)?.trim();
     if (!threadId || !message) return;
     const now = (/* @__PURE__ */ new Date()).toISOString();
@@ -14883,7 +15208,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       return changed ? sortThreadRecords(next) : prev;
     });
   }, [threadId, streamError]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     if (!isReady || !threadId || isStreamLoading) return;
     let cancelled = false;
     void client.conversations.search({ where: { threadId }, limit: 1 }).then((result) => {
@@ -14897,7 +15222,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       cancelled = true;
     };
   }, [client, threadId, upsertThreadRecord, isReady, isStreamLoading]);
-  const threads = React41.useMemo(
+  const threads = React42.useMemo(
     () => threadRecords.map((threadRecord) => toThreadItem(threadRecord)),
     [threadRecords]
   );
@@ -14914,10 +15239,10 @@ function useThreads(limit = DEFAULT_LIMIT) {
 }
 
 // src/components/thread/context-usage-indicator.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 
 // src/components/ui/progress-circle.tsx
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
 function clamp2(input, a, b) {
   return Math.max(Math.min(input, Math.max(a, b)), Math.min(a, b));
 }
@@ -14940,7 +15265,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
   return (
     // biome-ignore lint/a11y/useFocusableInteractive: false positive (progress + progressbar are not focusable interactives)
     // biome-ignore lint/nursery/useAriaPropsSupportedByRole: biome rule at odds with mdn docs (presumed nursary bug with rule)
-    /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs34(
       "svg",
       {
         role: "progressbar",
@@ -14951,8 +15276,8 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
         "aria-valuemax": 100,
         ...restSvgProps,
         children: [
-          /* @__PURE__ */ jsx47("circle", { ...commonParams, className: "stroke-current/25" }),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx48("circle", { ...commonParams, className: "stroke-current/25" }),
+          /* @__PURE__ */ jsx48(
             "circle",
             {
               ...commonParams,
@@ -14971,7 +15296,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
 };
 
 // src/components/thread/context-usage-indicator.tsx
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 var kNumberFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
@@ -15004,21 +15329,21 @@ function ContextUsageIndicator({
 }) {
   const { t } = useChatkitTranslation();
   const stream = useStreamContext();
-  const [maxContextSize, setMaxContextSize] = React42.useState(null);
-  const [usedContextSize, setUsedContextSize] = React42.useState(null);
-  const [assistantAgentKey, setAssistantAgentKey] = React42.useState(null);
-  const latestRealtimeUsageRef = React42.useRef({
+  const [maxContextSize, setMaxContextSize] = React43.useState(null);
+  const [usedContextSize, setUsedContextSize] = React43.useState(null);
+  const [assistantAgentKey, setAssistantAgentKey] = React43.useState(null);
+  const latestRealtimeUsageRef = React43.useRef({
     threadId: null,
     agentKey: null,
     usedTokens: null
   });
-  const realtimeUsage = React42.useMemo(
+  const realtimeUsage = React43.useMemo(
     () => getThreadContextUsage(stream.contextUsageByAgentKey, assistantAgentKey),
     [assistantAgentKey, stream.contextUsageByAgentKey]
   );
   const realtimeUsedContextSize = getThreadContextUsageTotalTokens(realtimeUsage);
   const hasApiConfiguration = Boolean(stream.apiUrl?.trim() && stream.apiKey?.trim());
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!hasApiConfiguration || !stream.client || !stream.assistantId) {
       setMaxContextSize(null);
       setAssistantAgentKey(null);
@@ -15038,18 +15363,18 @@ function ContextUsageIndicator({
       cancelled = true;
     };
   }, [hasApiConfiguration, stream.client, stream.assistantId]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     latestRealtimeUsageRef.current = {
       threadId: stream.threadId ?? null,
       agentKey: assistantAgentKey,
       usedTokens: realtimeUsedContextSize
     };
   }, [assistantAgentKey, realtimeUsedContextSize, stream.threadId]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (realtimeUsedContextSize == null) return;
     setUsedContextSize(realtimeUsedContextSize);
   }, [realtimeUsedContextSize]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!hasApiConfiguration || !stream.client) {
       setUsedContextSize(null);
       return;
@@ -15115,8 +15440,8 @@ function ContextUsageIndicator({
   });
   const usageLabelWithSuffix = usageLabel.endsWith(":") ? usageLabel : `${usageLabel}:`;
   const progressClassName = percent >= 90 ? "text-destructive" : percent >= 75 ? "text-amber-500" : "text-primary dark:text-zinc-300";
-  return /* @__PURE__ */ jsxs34(Tooltip, { children: [
-    /* @__PURE__ */ jsx48(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs35(Tooltip, { children: [
+    /* @__PURE__ */ jsx49(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx49(
       "button",
       {
         type: "button",
@@ -15125,31 +15450,31 @@ function ContextUsageIndicator({
           className
         ),
         "aria-label": `${usageLabelWithSuffix} ${usageFullLabel}. ${usageTokensLabel}`,
-        children: /* @__PURE__ */ jsx48(ProgressCircle, { value: percent, className: cn("size-3.5", progressClassName) })
+        children: /* @__PURE__ */ jsx49(ProgressCircle, { value: percent, className: cn("size-3.5", progressClassName) })
       }
     ) }),
-    /* @__PURE__ */ jsxs34(TooltipContent, { side: "top", sideOffset: 6, className: "space-y-0.5 px-3 py-2 text-center", children: [
-      /* @__PURE__ */ jsx48("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
-      /* @__PURE__ */ jsx48("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
-      /* @__PURE__ */ jsx48("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+    /* @__PURE__ */ jsxs35(TooltipContent, { side: "top", sideOffset: 6, className: "space-y-0.5 px-3 py-2 text-center", children: [
+      /* @__PURE__ */ jsx49("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
+      /* @__PURE__ */ jsx49("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
+      /* @__PURE__ */ jsx49("div", { className: "text-sm font-semibold", children: usageTokensLabel })
     ] })
   ] });
 }
 
 // src/components/pet/PetBridge.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { normalizePetOptions as normalizePetOptions2 } from "@xpert-ai/chatkit-types";
 function PetBridge({ pet, state }) {
   const parentMessenger = useParentMessenger();
   const sendEvent = parentMessenger?.sendEvent;
-  const options = React43.useMemo(() => normalizePetOptions2(pet), [pet]);
-  React43.useEffect(() => {
+  const options = React44.useMemo(() => normalizePetOptions2(pet), [pet]);
+  React44.useEffect(() => {
     if (!sendEvent) {
       return;
     }
     sendEvent("pet_options_change", { pet: pet ?? null });
   }, [sendEvent, pet]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     if (!sendEvent || !options) {
       return;
     }
@@ -15159,15 +15484,15 @@ function PetBridge({ pet, state }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { PawPrint, Settings } from "lucide-react";
 
 // src/components/ui/input.tsx
-import * as React44 from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var Input = React44.forwardRef(
+import * as React45 from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var Input = React45.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       "input",
       {
         ref,
@@ -15187,17 +15512,17 @@ Input.displayName = "Input";
 import "react";
 import { Select as SelectPrimitive } from "radix-ui";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon4, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx51(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -15209,7 +15534,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx51(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -15217,7 +15542,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -15229,7 +15554,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx50(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx50(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" }) })
+        /* @__PURE__ */ jsx51(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx51(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" }) })
       ]
     }
   );
@@ -15241,7 +15566,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx51(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs36(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -15251,8 +15576,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx50(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsx51(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx51(
           SelectPrimitive.Viewport,
           {
             "data-position": position,
@@ -15263,7 +15588,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx50(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx51(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -15273,7 +15598,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -15283,8 +15608,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx50("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx50(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx50(CheckIcon4, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ jsx50(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx51("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx51(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx51(CheckIcon4, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx51(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -15293,7 +15618,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -15302,7 +15627,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsx51(
         ChevronUpIcon,
         {}
       )
@@ -15313,7 +15638,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -15322,7 +15647,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsx51(
         ChevronDownIcon2,
         {}
       )
@@ -15331,9 +15656,9 @@ function SelectScrollDownButton({
 }
 
 // src/components/ui/slider.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -15342,11 +15667,11 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React46.useMemo(
+  const _values = React47.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -15360,12 +15685,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx52(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
-            children: /* @__PURE__ */ jsx51(
+            children: /* @__PURE__ */ jsx52(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -15374,7 +15699,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx51(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx52(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -15388,7 +15713,7 @@ function Slider({
 }
 
 // src/components/ui/toggle-group.tsx
-import * as React48 from "react";
+import * as React49 from "react";
 import "class-variance-authority";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 
@@ -15396,7 +15721,7 @@ import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import "react";
 import { cva as cva2 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var toggleVariants = cva2(
   "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -15419,8 +15744,8 @@ var toggleVariants = cva2(
 );
 
 // src/components/ui/toggle-group.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
-var ToggleGroupContext = React48.createContext({
+import { jsx as jsx54 } from "react/jsx-runtime";
+var ToggleGroupContext = React49.createContext({
   size: "default",
   variant: "default",
   spacing: 0,
@@ -15435,7 +15760,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -15449,7 +15774,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx54(
         ToggleGroupContext.Provider,
         {
           value: { variant, size: size2, spacing, orientation },
@@ -15466,8 +15791,8 @@ function ToggleGroupItem({
   size: size2 = "default",
   ...props
 }) {
-  const context = React48.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx53(
+  const context = React49.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx54(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -15707,7 +16032,7 @@ import {
 } from "@xpert-ai/chatkit-types";
 
 // src/components/pet/PetPreview.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function escapeCssUrl2(value) {
   return value.replace(/["\\]/g, "\\$&");
 }
@@ -15715,7 +16040,7 @@ function PetPreview({ src, label, className }) {
   const scale = 0.13;
   const width = petSpriteAtlas.cellWidth;
   const height = petSpriteAtlas.cellHeight;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "span",
     {
       className: cn(
@@ -15724,7 +16049,7 @@ function PetPreview({ src, label, className }) {
       ),
       "aria-hidden": "true",
       title: label,
-      children: /* @__PURE__ */ jsx54(
+      children: /* @__PURE__ */ jsx55(
         "span",
         {
           className: "absolute left-1/2 top-1/2 block",
@@ -15746,7 +16071,7 @@ function PetPreview({ src, label, className }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
 var CHARACTER_TYPES2 = [
   "builtin",
   "atlas"
@@ -15762,13 +16087,13 @@ function SettingsSheet({
   onSave
 }) {
   const { t } = useChatkitTranslation();
-  const [draft, setDraft] = React50.useState(settings);
-  React50.useEffect(() => {
+  const [draft, setDraft] = React51.useState(settings);
+  React51.useEffect(() => {
     if (open) {
       setDraft(petRequired ? { ...settings, enabled: true } : settings);
     }
   }, [open, petRequired, settings]);
-  const updateDraft = React50.useCallback(
+  const updateDraft = React51.useCallback(
     (patch) => {
       setDraft((previous) => ({ ...previous, ...patch }));
     },
@@ -15786,23 +16111,23 @@ function SettingsSheet({
       defaultValue: selectedBuiltinPet.label
     }
   );
-  return /* @__PURE__ */ jsx55(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs37(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
-    /* @__PURE__ */ jsx55(SheetHeader, { children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx55("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx55(Settings, { size: 16 }) }),
-      /* @__PURE__ */ jsx55(SheetTitle, { children: t("settings.title") })
+  return /* @__PURE__ */ jsx56(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs38(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx56(SheetHeader, { children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx56("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx56(Settings, { size: 16 }) }),
+      /* @__PURE__ */ jsx56(SheetTitle, { children: t("settings.title") })
     ] }) }),
-    /* @__PURE__ */ jsxs37("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsxs37("section", { className: "space-y-5", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx55("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx55(PawPrint, { size: 15 }) }),
-          /* @__PURE__ */ jsx55("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
+    /* @__PURE__ */ jsxs38("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs38("section", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx56("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx56(PawPrint, { size: 15 }) }),
+          /* @__PURE__ */ jsx56("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
         ] }),
-        /* @__PURE__ */ jsxs37("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
-          /* @__PURE__ */ jsxs37("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx55("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
-            petRequired && /* @__PURE__ */ jsx55("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
+        /* @__PURE__ */ jsxs38("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
+          /* @__PURE__ */ jsxs38("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx56("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
+            petRequired && /* @__PURE__ */ jsx56("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
           ] }),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "button",
             {
               type: "button",
@@ -15815,7 +16140,7 @@ function SettingsSheet({
                 draft.enabled ? "bg-primary" : "bg-muted-foreground/20",
                 petRequired ? "cursor-not-allowed opacity-70" : ""
               ].join(" "),
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx56(
                 "span",
                 {
                   className: [
@@ -15828,9 +16153,9 @@ function SettingsSheet({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx55("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
-        /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx56("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
+        /* @__PURE__ */ jsx56(
           ToggleGroup,
           {
             id: "chatkit-pet-type",
@@ -15845,7 +16170,7 @@ function SettingsSheet({
             variant: "outline",
             spacing: 2,
             className: "!w-full",
-            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ jsx55(
+            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ jsx56(
               ToggleGroupItem,
               {
                 value: type,
@@ -15857,8 +16182,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "builtin" && /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx55(
+      draft.characterType === "builtin" && /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx56(
           "label",
           {
             htmlFor: "chatkit-pet-builtin",
@@ -15866,7 +16191,7 @@ function SettingsSheet({
             children: t("pet.settings.builtin")
           }
         ),
-        /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsxs38(
           Select,
           {
             value: selectedBuiltinPet.id,
@@ -15877,26 +16202,26 @@ function SettingsSheet({
               }
             },
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 SelectTrigger,
                 {
                   id: "chatkit-pet-builtin",
                   className: "min-h-12 w-full px-3 py-2",
-                  children: /* @__PURE__ */ jsx55(SelectValue, { placeholder: selectedBuiltinPetLabel })
+                  children: /* @__PURE__ */ jsx56(SelectValue, { placeholder: selectedBuiltinPetLabel })
                 }
               ),
-              /* @__PURE__ */ jsx55(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ jsx55(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
+              /* @__PURE__ */ jsx56(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ jsx56(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
                 const label = t(`pet.settings.builtins.${pet.id}`, {
                   defaultValue: pet.label
                 });
-                return /* @__PURE__ */ jsx55(
+                return /* @__PURE__ */ jsx56(
                   SelectItem,
                   {
                     value: pet.id,
                     className: "min-h-10 py-1.5 pl-2 pr-8",
-                    children: /* @__PURE__ */ jsxs37("span", { className: "flex min-w-0 items-center gap-2", children: [
-                      /* @__PURE__ */ jsx55(PetPreview, { src: pet.previewSrc, label }),
-                      /* @__PURE__ */ jsx55("span", { className: "min-w-0 truncate", children: label })
+                    children: /* @__PURE__ */ jsxs38("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ jsx56(PetPreview, { src: pet.previewSrc, label }),
+                      /* @__PURE__ */ jsx56("span", { className: "min-w-0 truncate", children: label })
                     ] })
                   },
                   pet.id
@@ -15906,8 +16231,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "atlas" && /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx55(
+      draft.characterType === "atlas" && /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx56(
           "label",
           {
             className: "text-sm font-medium",
@@ -15915,7 +16240,7 @@ function SettingsSheet({
             children: t("pet.settings.atlasUrl")
           }
         ),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           Input,
           {
             id: "chatkit-pet-atlas",
@@ -15925,15 +16250,15 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsx55("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
-          /* @__PURE__ */ jsxs37("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx56("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
+          /* @__PURE__ */ jsxs38("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
             draft.scale.toFixed(2),
             "x"
           ] })
         ] }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(
           Slider,
           {
             id: "chatkit-pet-scale",
@@ -15947,8 +16272,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs37("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsxs38("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx56(
           "input",
           {
             type: "checkbox",
@@ -15959,8 +16284,8 @@ function SettingsSheet({
         ),
         t("pet.settings.draggable")
       ] }),
-      /* @__PURE__ */ jsxs37("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsxs38("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx56(
           "input",
           {
             type: "checkbox",
@@ -15971,8 +16296,8 @@ function SettingsSheet({
         ),
         t("pet.settings.persistPosition")
       ] }),
-      /* @__PURE__ */ jsxs37("div", { className: "flex justify-end gap-2 pt-2", children: [
-        /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsxs38("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ jsx56(
           Button,
           {
             type: "button",
@@ -15981,7 +16306,7 @@ function SettingsSheet({
             children: t("pet.settings.cancel")
           }
         ),
-        /* @__PURE__ */ jsx55(Button, { type: "submit", children: t("pet.settings.save") })
+        /* @__PURE__ */ jsx56(Button, { type: "submit", children: t("pet.settings.save") })
       ] })
     ] })
   ] }) });
@@ -16608,21 +16933,21 @@ function findDomPointForComposerOffset(root, offset) {
 }
 
 // src/workbench/WorkbenchShell.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import {
   ASSISTANT_CHAT_SEND_MESSAGE_COMMAND,
   ASSISTANT_CONTEXT_SET_COMMAND
 } from "@xpert-ai/xpert-sdk";
 import {
-  Loader2 as Loader29,
+  Loader2 as Loader210,
   Maximize2,
   Minimize2,
   PanelRight,
   RotateCcw,
-  X as X7
+  X as X8
 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
-var WorkbenchContext = React51.createContext({
+import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+var WorkbenchContext = React52.createContext({
   enabled: false,
   open: false,
   loading: false,
@@ -16630,7 +16955,7 @@ var WorkbenchContext = React51.createContext({
   toggle: () => void 0
 });
 function useWorkbench() {
-  return React51.useContext(WorkbenchContext);
+  return React52.useContext(WorkbenchContext);
 }
 function WorkbenchToggleButton() {
   const workbench = useWorkbench();
@@ -16638,8 +16963,8 @@ function WorkbenchToggleButton() {
   if (!workbench.enabled || workbench.open) return null;
   const label = t("workbench.open");
   const tooltip = workbench.disabledReason ?? label;
-  return /* @__PURE__ */ jsxs38(Tooltip, { children: [
-    /* @__PURE__ */ jsx56(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx56("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs39(Tooltip, { children: [
+    /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx57(
       "button",
       {
         type: "button",
@@ -16652,17 +16977,17 @@ function WorkbenchToggleButton() {
         ),
         "aria-label": label,
         "aria-expanded": false,
-        children: workbench.loading ? /* @__PURE__ */ jsx56(Loader29, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx56(PanelRight, { size: 16 })
+        children: workbench.loading ? /* @__PURE__ */ jsx57(Loader210, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx57(PanelRight, { size: 16 })
       }
     ) }) }),
-    /* @__PURE__ */ jsx56(TooltipContent, { side: "bottom", children: tooltip })
+    /* @__PURE__ */ jsx57(TooltipContent, { side: "bottom", children: tooltip })
   ] });
 }
 
 // src/components/chat/runtime-capabilities.tsx
-import * as React52 from "react";
-import { X as X8 } from "lucide-react";
-import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+import * as React53 from "react";
+import { X as X9 } from "lucide-react";
+import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 function createComposerCapabilityInsertionParts(options) {
   return options.flatMap((option) => [
     createComposerCapabilityPart(option, createMessageId()),
@@ -16735,29 +17060,29 @@ function useRuntimeCapabilitiesState({
   disabled,
   composerParts
 }) {
-  const [runtimeCapabilities, setRuntimeCapabilities] = React52.useState(null);
-  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React52.useState(false);
-  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React52.useState(
+  const [runtimeCapabilities, setRuntimeCapabilities] = React53.useState(null);
+  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React53.useState(false);
+  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React53.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React52.useState(
+  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React53.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React52.useState(null);
-  const runtimeCapabilityPreferenceLoadRef = React52.useRef(0);
-  const pendingExternalRuntimeCapabilitiesRef = React52.useRef(null);
-  const runtimeCapabilityOptions = React52.useMemo(
+  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React53.useState(null);
+  const runtimeCapabilityPreferenceLoadRef = React53.useRef(0);
+  const pendingExternalRuntimeCapabilitiesRef = React53.useRef(null);
+  const runtimeCapabilityOptions = React53.useMemo(
     () => getRuntimeCapabilityOptions(runtimeCapabilities),
     [runtimeCapabilities]
   );
-  const effectiveSessionRuntimeCapabilities = React52.useMemo(
+  const effectiveSessionRuntimeCapabilities = React53.useMemo(
     () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
       runtimeCapabilities,
       sessionRuntimeCapabilities
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
-  const runRuntimeCapabilityOptions = React52.useMemo(
+  const runRuntimeCapabilityOptions = React53.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(
         runRuntimeCapabilities,
@@ -16767,11 +17092,11 @@ function useRuntimeCapabilitiesState({
     ),
     [runRuntimeCapabilities, runtimeCapabilityOptions]
   );
-  const composerRuntimeCapabilitySelectionKeys = React52.useMemo(
+  const composerRuntimeCapabilitySelectionKeys = React53.useMemo(
     () => getComposerCapabilitySelectionKeys(composerParts),
     [composerParts]
   );
-  const detachedRunRuntimeCapabilityOptions = React52.useMemo(
+  const detachedRunRuntimeCapabilityOptions = React53.useMemo(
     () => runRuntimeCapabilityOptions.filter(
       (option) => !composerRuntimeCapabilitySelectionKeys.has(
         getRuntimeCapabilityOptionKey(option)
@@ -16779,7 +17104,7 @@ function useRuntimeCapabilitiesState({
     ),
     [composerRuntimeCapabilitySelectionKeys, runRuntimeCapabilityOptions]
   );
-  const persistSessionRuntimeCapabilities = React52.useCallback(
+  const persistSessionRuntimeCapabilities = React53.useCallback(
     async (nextThreadId, selection) => {
       if (!runtimeCapabilities || !selection || !client) {
         return;
@@ -16804,7 +17129,7 @@ function useRuntimeCapabilitiesState({
     },
     [client, runtimeCapabilities]
   );
-  const applyExternalRuntimeCapabilities = React52.useCallback(
+  const applyExternalRuntimeCapabilities = React53.useCallback(
     (selection) => {
       pendingExternalRuntimeCapabilitiesRef.current = selection;
       setRunRuntimeCapabilities(() => {
@@ -16825,7 +17150,7 @@ function useRuntimeCapabilitiesState({
     },
     [runtimeCapabilities]
   );
-  const handleSessionRuntimeCapabilityToggle = React52.useCallback(
+  const handleSessionRuntimeCapabilityToggle = React53.useCallback(
     (type, id, selected) => {
       setSessionRuntimeCapabilities((previous) => {
         const nextSelection = toggleRuntimeCapabilitySelection(
@@ -16846,7 +17171,7 @@ function useRuntimeCapabilitiesState({
     },
     [persistSessionRuntimeCapabilities, threadId]
   );
-  const addRunRuntimeCapabilities = React52.useCallback(
+  const addRunRuntimeCapabilities = React53.useCallback(
     (selection) => {
       setRunRuntimeCapabilities(
         (previous) => runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
@@ -16858,13 +17183,13 @@ function useRuntimeCapabilitiesState({
     },
     [runtimeCapabilities]
   );
-  const resetRunRuntimeCapabilities = React52.useCallback(() => {
+  const resetRunRuntimeCapabilities = React53.useCallback(() => {
     setRunRuntimeCapabilities(
       createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities)
     );
     setRuntimeCapabilityPalette(null);
   }, [runtimeCapabilities]);
-  const getRuntimeCapabilitiesForSubmit = React52.useCallback(
+  const getRuntimeCapabilitiesForSubmit = React53.useCallback(
     (recommended) => {
       const recommendedRuntimeCapabilitiesForSubmit = recommended && runtimeCapabilities && runtimeCapabilitiesReady ? mergeRuntimeCapabilitiesSelections(
         runtimeCapabilities,
@@ -16895,7 +17220,7 @@ function useRuntimeCapabilitiesState({
       runtimeCapabilityOptions
     ]
   );
-  const getRuntimeCapabilitiesForCommand = React52.useCallback(
+  const getRuntimeCapabilitiesForCommand = React53.useCallback(
     (recommended) => runtimeCapabilities && runtimeCapabilitiesReady ? createRuntimeCapabilitiesForSubmit({
       capabilities: runtimeCapabilities,
       available: effectiveSessionRuntimeCapabilities,
@@ -16907,7 +17232,7 @@ function useRuntimeCapabilitiesState({
       runtimeCapabilitiesReady
     ]
   );
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     if (disabled || !client || !assistantId) {
       pendingExternalRuntimeCapabilitiesRef.current = null;
       setRuntimeCapabilities(null);
@@ -16955,7 +17280,7 @@ function useRuntimeCapabilitiesState({
     });
     return () => controller.abort();
   }, [assistantId, client, disabled]);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     const emptyRunSelection = createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities);
     const pendingExternalSelection = pendingExternalRuntimeCapabilitiesRef.current;
     if (pendingExternalSelection && runtimeCapabilities) {
@@ -17047,8 +17372,8 @@ function useRuntimeCapabilityComposerActions({
   commitComposerParts,
   focusComposerAt
 }) {
-  const pendingExternalRuntimeCapabilityInsertRef = React52.useRef(null);
-  const insertExternalRuntimeCapabilities = React52.useCallback(
+  const pendingExternalRuntimeCapabilityInsertRef = React53.useRef(null);
+  const insertExternalRuntimeCapabilities = React53.useCallback(
     (selection, options) => {
       applyExternalRuntimeCapabilities(selection);
       if (!selection) {
@@ -17103,7 +17428,7 @@ function useRuntimeCapabilityComposerActions({
       setRuntimeCapabilityPalette
     ]
   );
-  const applyComposerValueRuntimeCapabilities = React52.useCallback(
+  const applyComposerValueRuntimeCapabilities = React53.useCallback(
     (payload, options) => {
       const runtimeCapabilitiesPayload = isRuntimeCapabilitiesSelection(
         payload.runtimeCapabilities
@@ -17119,7 +17444,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [applyExternalRuntimeCapabilities, insertExternalRuntimeCapabilities]
   );
-  const updateRuntimeCapabilityPalette = React52.useCallback(
+  const updateRuntimeCapabilityPalette = React53.useCallback(
     (parts, selectionStart) => {
       const input = composerInputRef.current;
       const editingText = getComposerEditingText(parts);
@@ -17131,7 +17456,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [composerInputRef, setRuntimeCapabilityPalette]
   );
-  const removeRunRuntimeCapability = React52.useCallback(
+  const removeRunRuntimeCapability = React53.useCallback(
     (option) => {
       setRunRuntimeCapabilities(
         (previous) => toggleRuntimeCapabilitySelection(
@@ -17151,7 +17476,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [commitComposerParts, composerPartsRef, setRunRuntimeCapabilities]
   );
-  const insertComposerCapabilityToken = React52.useCallback(
+  const insertComposerCapabilityToken = React53.useCallback(
     (capability, range) => {
       const replacementParts = createComposerCapabilityInsertionParts([
         capability
@@ -17192,7 +17517,7 @@ function useRuntimeCapabilityComposerActions({
       setRuntimeCapabilityPalette
     ]
   );
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     if (!runtimeCapabilitiesReady || !runtimeCapabilities) {
       return;
     }
@@ -17222,16 +17547,16 @@ function HumanRuntimeCapabilityChips({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx57("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
+  return /* @__PURE__ */ jsx58("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
     const color = option.type === "skill" ? void 0 : getRuntimeCapabilityColor(option);
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs40(
       "span",
       {
         className: "inline-flex max-w-full items-center gap-1 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs font-medium text-primary-foreground",
         style: color ? { color } : void 0,
         children: [
-          /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option, variant: "chip" }),
-          /* @__PURE__ */ jsx57("span", { className: "max-w-[9rem] truncate", children: option.label })
+          /* @__PURE__ */ jsx58(RuntimeCapabilityIcon, { option, variant: "chip" }),
+          /* @__PURE__ */ jsx58("span", { className: "max-w-[9rem] truncate", children: option.label })
         ]
       },
       `${option.type}:${option.id}`
@@ -17247,19 +17572,19 @@ function DetachedRunRuntimeCapabilities({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs39("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ jsx57("span", { className: "text-xs text-muted-foreground", children: runOnlyLabel }),
+  return /* @__PURE__ */ jsxs40("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx58("span", { className: "text-xs text-muted-foreground", children: runOnlyLabel }),
     options.map((option) => {
       const color = getRuntimeCapabilityColor(option);
-      return /* @__PURE__ */ jsxs39(
+      return /* @__PURE__ */ jsxs40(
         "span",
         {
           className: "inline-flex max-w-full items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary",
           style: color ? { color } : void 0,
           children: [
-            /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option, variant: "chip" }),
-            /* @__PURE__ */ jsx57("span", { className: "max-w-40 truncate", children: option.label }),
-            /* @__PURE__ */ jsx57(
+            /* @__PURE__ */ jsx58(RuntimeCapabilityIcon, { option, variant: "chip" }),
+            /* @__PURE__ */ jsx58("span", { className: "max-w-40 truncate", children: option.label }),
+            /* @__PURE__ */ jsx58(
               "button",
               {
                 type: "button",
@@ -17267,7 +17592,7 @@ function DetachedRunRuntimeCapabilities({
                 className: "rounded-full p-0.5 hover:bg-primary/15",
                 title: removeLabel,
                 "aria-label": removeLabel,
-                children: /* @__PURE__ */ jsx57(X8, { size: 11 })
+                children: /* @__PURE__ */ jsx58(X9, { size: 11 })
               }
             )
           ]
@@ -17281,7 +17606,7 @@ function ComposerCapabilityToken({
   part
 }) {
   const color = getRuntimeCapabilityColor(part.capability);
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "span",
     {
       "data-composer-capability-key": part.key,
@@ -17291,8 +17616,8 @@ function ComposerCapabilityToken({
       className: "mx-0.5 inline-flex max-w-[14rem] select-none items-center gap-1 text-sm font-semibold text-primary align-baseline",
       style: color ? { color } : void 0,
       children: [
-        /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option: part.capability, variant: "chip" }),
-        /* @__PURE__ */ jsx57("span", { className: "truncate", children: part.capability.label })
+        /* @__PURE__ */ jsx58(RuntimeCapabilityIcon, { option: part.capability, variant: "chip" }),
+        /* @__PURE__ */ jsx58("span", { className: "truncate", children: part.capability.label })
       ]
     },
     part.key
@@ -17552,30 +17877,30 @@ function buildMessageNavigationItems(messages, options) {
 }
 
 // src/hooks/useTaskSummary.ts
-import * as React53 from "react";
+import * as React54 from "react";
 function useTaskSummary({
   enabled,
   conversationId,
   client,
   live
 }) {
-  const [loaded, setLoaded] = React53.useState(null);
-  const [historySections, setHistorySections] = React53.useState({});
-  const [historySectionsConversationId, setHistorySectionsConversationId] = React53.useState(null);
-  const [loadingSections, setLoadingSections] = React53.useState({});
-  const [error, setError] = React53.useState(null);
-  const [retryVersion, setRetryVersion] = React53.useState(0);
-  const requestVersionRef = React53.useRef(0);
-  const conversationIdRef = React53.useRef(conversationId);
-  const sectionControllersRef = React53.useRef(
+  const [loaded, setLoaded] = React54.useState(null);
+  const [historySections, setHistorySections] = React54.useState({});
+  const [historySectionsConversationId, setHistorySectionsConversationId] = React54.useState(null);
+  const [loadingSections, setLoadingSections] = React54.useState({});
+  const [error, setError] = React54.useState(null);
+  const [retryVersion, setRetryVersion] = React54.useState(0);
+  const requestVersionRef = React54.useRef(0);
+  const conversationIdRef = React54.useRef(conversationId);
+  const sectionControllersRef = React54.useRef(
     /* @__PURE__ */ new Map()
   );
   conversationIdRef.current = conversationId;
-  const abortSectionRequests = React53.useCallback(() => {
+  const abortSectionRequests = React54.useCallback(() => {
     sectionControllersRef.current.forEach((controller) => controller.abort());
     sectionControllersRef.current.clear();
   }, []);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     abortSectionRequests();
     setHistorySections({});
     setHistorySectionsConversationId(conversationId);
@@ -17604,11 +17929,11 @@ function useTaskSummary({
     };
   }, [abortSectionRequests, client, conversationId, enabled, retryVersion]);
   const snapshot = loaded?.conversationId === conversationId ? loaded.snapshot : null;
-  const activeHistorySections = React53.useMemo(
+  const activeHistorySections = React54.useMemo(
     () => historySectionsConversationId === conversationId ? historySections : {},
     [conversationId, historySections, historySectionsConversationId]
   );
-  const loadSection = React53.useCallback(
+  const loadSection = React54.useCallback(
     async (section) => {
       if (!enabled || !conversationId || loadingSections[section]) {
         return;
@@ -17668,7 +17993,7 @@ function useTaskSummary({
 }
 
 // src/components/task-summary/TaskSummary.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 import {
   Bot as Bot4,
   BookOpen as BookOpen3,
@@ -17677,12 +18002,12 @@ import {
   ExternalLink,
   FileOutput,
   ListChecks as ListChecks3,
-  Loader2 as Loader210,
+  Loader2 as Loader211,
   PlayCircle,
   RotateCcw as RotateCcw2,
   Target as Target2
 } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var PREVIEW_SIZE = 3;
 function TaskSummaryTrigger({
   displayMode = "popover",
@@ -17691,9 +18016,9 @@ function TaskSummaryTrigger({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  const [uncontrolledOpen, setUncontrolledOpen] = React54.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React55.useState(false);
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React54.useCallback(
+  const setOpen = React55.useCallback(
     (nextOpen) => {
       if (controlledOpen === void 0) {
         setUncontrolledOpen(nextOpen);
@@ -17702,7 +18027,7 @@ function TaskSummaryTrigger({
     },
     [controlledOpen, onOpenChange]
   );
-  const triggerButton = /* @__PURE__ */ jsx58(
+  const triggerButton = /* @__PURE__ */ jsx59(
     "button",
     {
       type: "button",
@@ -17710,28 +18035,28 @@ function TaskSummaryTrigger({
       "aria-label": t("taskSummary.open"),
       "aria-expanded": open,
       onClick: displayMode === "docked" ? () => setOpen(!open) : void 0,
-      children: /* @__PURE__ */ jsx58(ListChecks3, { size: 16 })
+      children: /* @__PURE__ */ jsx59(ListChecks3, { size: 16 })
     }
   );
   if (displayMode === "docked") {
-    return /* @__PURE__ */ jsxs40(Tooltip, { children: [
-      /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: triggerButton }),
-      /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+    return /* @__PURE__ */ jsxs41(Tooltip, { children: [
+      /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: triggerButton }),
+      /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] });
   }
-  return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs40(Tooltip, { children: [
-      /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: triggerButton }) }),
-      /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+  return /* @__PURE__ */ jsxs41(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs41(Tooltip, { children: [
+      /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       PopoverContent,
       {
         align: "end",
         sideOffset: 8,
         className: "w-[min(20rem,calc(100vw-2rem))] max-h-[min(44rem,calc(100vh-5rem))] overflow-y-auto rounded-2xl border-border/70 bg-popover p-0 shadow-lg",
         "aria-label": t("taskSummary.title"),
-        children: /* @__PURE__ */ jsx58(TaskSummaryContent, { ...props })
+        children: /* @__PURE__ */ jsx59(TaskSummaryContent, { ...props })
       }
     )
   ] });
@@ -17741,7 +18066,7 @@ function TaskSummaryPanel({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     "aside",
     {
       "data-slot": "task-summary-panel",
@@ -17750,7 +18075,7 @@ function TaskSummaryPanel({
         "h-fit max-h-full overflow-y-auto rounded-2xl border border-border/70 bg-popover text-popover-foreground shadow-lg",
         className
       ),
-      children: /* @__PURE__ */ jsx58(TaskSummaryContent, { ...props })
+      children: /* @__PURE__ */ jsx59(TaskSummaryContent, { ...props })
     }
   );
 }
@@ -17766,7 +18091,7 @@ function TaskSummaryContent({
   onOpenResource
 }) {
   const { t } = useChatkitTranslation();
-  const [expanded, setExpanded] = React54.useState({});
+  const [expanded, setExpanded] = React55.useState({});
   const hasTask = Boolean(
     summary.goal || summary.plan || summary.todos?.items.length
   );
@@ -17798,7 +18123,7 @@ function TaskSummaryContent({
     if (total2 <= PREVIEW_SIZE && !expanded[section]) return null;
     const loading = loadingSections[section];
     const canLoadMore = Boolean(expanded[section]) && loadedSectionCounts[section] < total2;
-    return /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs41(
       "button",
       {
         type: "button",
@@ -17806,41 +18131,41 @@ function TaskSummaryContent({
         disabled: loading,
         onClick: () => canLoadMore ? void onLoadSection(section) : toggleSection(section),
         children: [
-          loading && /* @__PURE__ */ jsx58(Loader210, { className: "size-3 animate-spin" }),
-          !loading && /* @__PURE__ */ jsx58(ListChecks3, { className: "size-3.5" }),
+          loading && /* @__PURE__ */ jsx59(Loader211, { className: "size-3 animate-spin" }),
+          !loading && /* @__PURE__ */ jsx59(ListChecks3, { className: "size-3.5" }),
           canLoadMore ? t("taskSummary.loadMore") : expanded[section] ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsxs40("div", { className: "divide-y divide-border/70", children: [
-    Boolean(historyError) && /* @__PURE__ */ jsxs40("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsx58("span", { children: t("taskSummary.historyError") }),
-      /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41("div", { className: "divide-y divide-border/70", children: [
+    Boolean(historyError) && /* @__PURE__ */ jsxs41("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsx59("span", { children: t("taskSummary.historyError") }),
+      /* @__PURE__ */ jsxs41(
         "button",
         {
           type: "button",
           className: "inline-flex shrink-0 items-center gap-1 font-medium hover:underline",
           onClick: onRetryHistory,
           children: [
-            /* @__PURE__ */ jsx58(RotateCcw2, { className: "size-3" }),
+            /* @__PURE__ */ jsx59(RotateCcw2, { className: "size-3" }),
             t("taskSummary.retry")
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs40(
+    /* @__PURE__ */ jsxs41(
       SummarySection,
       {
         title: t("taskSummary.sections.outputs"),
         children: [
-          summary.outputs.length === 0 ? /* @__PURE__ */ jsx58(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx58(
+          summary.outputs.length === 0 ? /* @__PURE__ */ jsx59(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx59(
             SummaryButton,
             {
               title: item.title,
               description: item.description ?? item.status,
-              leading: /* @__PURE__ */ jsx58(FileOutput, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
+              leading: /* @__PURE__ */ jsx59(FileOutput, { className: "size-4" }),
+              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx59(ExternalLink, { className: "size-3.5" }) : void 0,
               onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
             },
             item.id
@@ -17849,18 +18174,18 @@ function TaskSummaryContent({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs40(
+    /* @__PURE__ */ jsxs41(
       SummarySection,
       {
         title: t("taskSummary.sections.sources"),
         children: [
-          sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx58(
+          sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx59(
             SummaryButton,
             {
               title: item.title,
               description: item.description,
-              leading: /* @__PURE__ */ jsx58(BookOpen3, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
+              leading: /* @__PURE__ */ jsx59(BookOpen3, { className: "size-4" }),
+              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx59(ExternalLink, { className: "size-3.5" }) : void 0,
               onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
             },
             item.id
@@ -17869,67 +18194,67 @@ function TaskSummaryContent({
         ]
       }
     ),
-    hasTask && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.task"), children: [
-      summary.goal && /* @__PURE__ */ jsx58(
+    hasTask && /* @__PURE__ */ jsxs41(SummarySection, { title: t("taskSummary.sections.task"), children: [
+      summary.goal && /* @__PURE__ */ jsx59(
         SummaryButton,
         {
           title: summary.goal.objective,
           description: summary.goal.status,
-          leading: /* @__PURE__ */ jsx58(Target2, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx59(Target2, { className: "size-4" }),
           onClick: onFocusComposer
         }
       ),
-      summary.plan && /* @__PURE__ */ jsx58(
+      summary.plan && /* @__PURE__ */ jsx59(
         SummaryButton,
         {
           title: summary.plan.title,
           description: summary.plan.excerpt,
-          leading: /* @__PURE__ */ jsx58(ListChecks3, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx59(ListChecks3, { className: "size-4" }),
           onClick: () => summary.plan?.messageId ? onNavigateMessage(summary.plan.messageId) : onFocusComposer()
         }
       ),
-      (summary.todos?.items ?? []).slice(0, PREVIEW_SIZE).map((todo) => /* @__PURE__ */ jsx58(
+      (summary.todos?.items ?? []).slice(0, PREVIEW_SIZE).map((todo) => /* @__PURE__ */ jsx59(
         SummaryButton,
         {
           title: todo.content,
           description: t(`taskSummary.status.${todo.status}`),
-          leading: todo.status === "completed" ? /* @__PURE__ */ jsx58(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx58(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
+          leading: todo.status === "completed" ? /* @__PURE__ */ jsx59(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx59(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
           onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
         },
         todo.id
       ))
     ] }),
-    summary.running.length > 0 && /* @__PURE__ */ jsx58(SummarySection, { title: t("taskSummary.sections.running"), children: summary.running.slice(0, PREVIEW_SIZE).map((item) => /* @__PURE__ */ jsx58(
+    summary.running.length > 0 && /* @__PURE__ */ jsx59(SummarySection, { title: t("taskSummary.sections.running"), children: summary.running.slice(0, PREVIEW_SIZE).map((item) => /* @__PURE__ */ jsx59(
       SummaryButton,
       {
         title: item.title,
         description: item.description ?? item.status,
-        leading: /* @__PURE__ */ jsx58(PlayCircle, { className: "size-4" }),
-        trailing: item.resource ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
+        leading: /* @__PURE__ */ jsx59(PlayCircle, { className: "size-4" }),
+        trailing: item.resource ? /* @__PURE__ */ jsx59(ExternalLink, { className: "size-3.5" }) : void 0,
         onClick: () => item.resource && onOpenResource(item.resource, void 0, item.title)
       },
       item.id
     )) }),
-    summary.agents.length > 0 && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.agents"), children: [
-      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx58(
+    summary.agents.length > 0 && /* @__PURE__ */ jsxs41(SummarySection, { title: t("taskSummary.sections.agents"), children: [
+      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx59(
         SummaryButton,
         {
           title: item.title,
           description: [item.status, formatElapsed(item.elapsedTime)].filter(Boolean).join(" \xB7 "),
-          leading: /* @__PURE__ */ jsx58(Bot4, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx59(Bot4, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
       )),
       sectionAction("agents", summary.totals.agents)
     ] }),
-    summary.pending.length > 0 && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.pending"), children: [
-      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx58(
+    summary.pending.length > 0 && /* @__PURE__ */ jsxs41(SummarySection, { title: t("taskSummary.sections.pending"), children: [
+      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx59(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ jsx58(CircleEllipsis, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx59(CircleEllipsis, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
@@ -17942,16 +18267,16 @@ function SummarySection({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsxs40("section", { "aria-label": title, className: "px-4 py-3", children: [
-    /* @__PURE__ */ jsx58("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx58("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
-    /* @__PURE__ */ jsx58("div", { className: "mt-1 space-y-0.5", children })
+  return /* @__PURE__ */ jsxs41("section", { "aria-label": title, className: "px-4 py-3", children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx59("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ jsx59("div", { className: "mt-1 space-y-0.5", children })
   ] });
 }
 function SummaryPrompt({
   children,
   onClick
 }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx59(
     "button",
     {
       type: "button",
@@ -17968,7 +18293,7 @@ function SummaryButton({
   trailing,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "button",
     {
       type: "button",
@@ -17980,12 +18305,12 @@ function SummaryButton({
         !onClick && "cursor-default"
       ),
       children: [
-        leading && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
-        /* @__PURE__ */ jsxs40("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx58("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
+        leading && /* @__PURE__ */ jsx59("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
+        /* @__PURE__ */ jsxs41("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx59("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx59("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
         ] }),
-        trailing && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
+        trailing && /* @__PURE__ */ jsx59("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
       ]
     }
   );
@@ -17997,7 +18322,7 @@ function formatElapsed(value) {
 }
 
 // src/components/chat.tsx
-import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 var COMPOSER_INPUT_MAX_HEIGHT = 128;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
@@ -18103,8 +18428,8 @@ function ReferenceChip({
 }) {
   const metaLine = getReferenceMetaLine(reference);
   const isComposer = variant === "composer";
-  const Icon = reference.type === "quote" ? Quote : reference.type === "image" ? ImageIcon : FileText5;
-  return /* @__PURE__ */ jsxs41(
+  const Icon = reference.type === "quote" ? Quote : reference.type === "image" ? ImageIcon2 : FileText5;
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       className: cn(
@@ -18113,7 +18438,7 @@ function ReferenceChip({
       ),
       title: getReferenceTitle(reference),
       children: [
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           Icon,
           {
             size: isComposer ? 14 : 12,
@@ -18123,8 +18448,8 @@ function ReferenceChip({
             )
           }
         ),
-        /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx60(
             "div",
             {
               className: cn(
@@ -18134,7 +18459,7 @@ function ReferenceChip({
               children: getReferenceLabel(reference)
             }
           ),
-          metaLine && /* @__PURE__ */ jsx59(
+          metaLine && /* @__PURE__ */ jsx60(
             "div",
             {
               className: cn(
@@ -18145,7 +18470,7 @@ function ReferenceChip({
             }
           )
         ] }),
-        onRemove && removeLabel && /* @__PURE__ */ jsx59(
+        onRemove && removeLabel && /* @__PURE__ */ jsx60(
           "button",
           {
             type: "button",
@@ -18156,7 +18481,7 @@ function ReferenceChip({
             ),
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ jsx59(X9, { size: 12 })
+            children: /* @__PURE__ */ jsx60(X10, { size: 12 })
           }
         )
       ]
@@ -18187,7 +18512,7 @@ function Chat({
     clientSecret: effectiveClientSecret
   });
   const missingConfig = Boolean(missingConfigKind);
-  const missingConfigShortMessage = React55.useMemo(() => {
+  const missingConfigShortMessage = React56.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlShort");
@@ -18199,7 +18524,7 @@ function Chat({
         return t("chat.missingConfigShort");
     }
   }, [missingConfigKind, t]);
-  const missingConfigDetailMessage = React55.useMemo(() => {
+  const missingConfigDetailMessage = React56.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlDetail");
@@ -18211,26 +18536,26 @@ function Chat({
         return t("chat.missingConfigDetail");
     }
   }, [missingConfigKind, t]);
-  const [isHistoryLoading, setIsHistoryLoading] = React55.useState(false);
-  const [historyError, setHistoryError] = React55.useState(null);
-  const [assistantName, setAssistantName] = React55.useState(null);
-  const [assistantAvatar, setAssistantAvatar] = React55.useState(null);
-  const [threadGoal, setThreadGoal] = React55.useState(null);
-  const [goalError, setGoalError] = React55.useState(null);
-  const [isGoalLoading, setIsGoalLoading] = React55.useState(false);
-  const [isGoalPanelOpen, setIsGoalPanelOpen] = React55.useState(false);
-  const [isGoalObjectiveExpanded, setIsGoalObjectiveExpanded] = React55.useState(false);
-  const [goalElapsedStartedAt, setGoalElapsedStartedAt] = React55.useState(null);
+  const [isHistoryLoading, setIsHistoryLoading] = React56.useState(false);
+  const [historyError, setHistoryError] = React56.useState(null);
+  const [assistantName, setAssistantName] = React56.useState(null);
+  const [assistantAvatar, setAssistantAvatar] = React56.useState(null);
+  const [threadGoal, setThreadGoal] = React56.useState(null);
+  const [goalError, setGoalError] = React56.useState(null);
+  const [isGoalLoading, setIsGoalLoading] = React56.useState(false);
+  const [isGoalPanelOpen, setIsGoalPanelOpen] = React56.useState(false);
+  const [isGoalObjectiveExpanded, setIsGoalObjectiveExpanded] = React56.useState(false);
+  const [goalElapsedStartedAt, setGoalElapsedStartedAt] = React56.useState(null);
   const LOADING_DOTS_MIN_DURATION = 800;
   const STREAMING_STATUS_REFRESH_MS = 250;
-  const [showLoadingDots, setShowLoadingDots] = React55.useState(false);
-  const [streamingNow, setStreamingNow] = React55.useState(() => Date.now());
-  const loadingStartTimeRef = React55.useRef(null);
-  const lastStreamOutputAtRef = React55.useRef(null);
-  React55.useEffect(() => {
+  const [showLoadingDots, setShowLoadingDots] = React56.useState(false);
+  const [streamingNow, setStreamingNow] = React56.useState(() => Date.now());
+  const loadingStartTimeRef = React56.useRef(null);
+  const lastStreamOutputAtRef = React56.useRef(null);
+  React56.useEffect(() => {
     setStream(stream);
   }, [setStream, stream]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (stream.isLoading) {
       if (!loadingStartTimeRef.current) {
         loadingStartTimeRef.current = Date.now();
@@ -18253,7 +18578,7 @@ function Chat({
       }
     }
   }, [stream.isLoading]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!stream.isLoading) {
       lastStreamOutputAtRef.current = null;
       setStreamingNow(Date.now());
@@ -18263,7 +18588,7 @@ function Chat({
     lastStreamOutputAtRef.current = now;
     setStreamingNow(now);
   }, [stream.messages, stream.isLoading]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!stream.isLoading) {
       return;
     }
@@ -18272,7 +18597,7 @@ function Chat({
     }, STREAMING_STATUS_REFRESH_MS);
     return () => window.clearInterval(timer);
   }, [stream.isLoading]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (threadGoal?.status === "active" && stream.isLoading) {
       setGoalElapsedStartedAt(Date.now());
       return;
@@ -18284,55 +18609,56 @@ function Chat({
     threadGoal?.id,
     threadGoal?.status
   ]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     setIsGoalObjectiveExpanded(false);
   }, [threadGoal?.id]);
-  const [composerParts, setComposerParts] = React55.useState([]);
-  const [renderedComposerParts, setRenderedComposerParts] = React55.useState([]);
-  const [composerDomVersion, setComposerDomVersion] = React55.useState(0);
-  const [selectedTool, setSelectedTool] = React55.useState(
+  const [composerParts, setComposerParts] = React56.useState([]);
+  const [renderedComposerParts, setRenderedComposerParts] = React56.useState([]);
+  const [composerDomVersion, setComposerDomVersion] = React56.useState(0);
+  const [selectedTool, setSelectedTool] = React56.useState(
     null
   );
-  const [planModeEnabled, setPlanModeEnabled] = React55.useState(false);
-  const [petSettingsOpen, setPetSettingsOpen] = React55.useState(false);
-  const [petLocalSettings, setPetLocalSettings] = React55.useState(() => readPetLocalSettings());
-  const [attachmentState, setAttachmentState] = React55.useState({
+  const [planModeEnabled, setPlanModeEnabled] = React56.useState(false);
+  const [petSettingsOpen, setPetSettingsOpen] = React56.useState(false);
+  const [petLocalSettings, setPetLocalSettings] = React56.useState(() => readPetLocalSettings());
+  const [attachmentState, setAttachmentState] = React56.useState({
     uploadedFiles: [],
     hasUploadingFiles: false,
     hasParsingFiles: false
   });
-  const [references, setReferences] = React55.useState([]);
-  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React55.useState(false);
-  const [quoteSelection, setQuoteSelection] = React55.useState(null);
-  const [isAtBottom, setIsAtBottom] = React55.useState(true);
-  const [hasUpdatesBelow, setHasUpdatesBelow] = React55.useState(false);
+  const [references, setReferences] = React56.useState([]);
+  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React56.useState(false);
+  const [quoteSelection, setQuoteSelection] = React56.useState(null);
+  const [isAtBottom, setIsAtBottom] = React56.useState(true);
+  const [hasUpdatesBelow, setHasUpdatesBelow] = React56.useState(false);
   const {
     threads,
     deleteThread,
     refreshThreads,
     isLoading: isThreadsLoading
   } = useThreads();
-  const viewportRef = React55.useRef(null);
-  const chatColumnRef = React55.useRef(null);
-  const messageNavigationAnchorsRef = React55.useRef(
+  const viewportRef = React56.useRef(null);
+  const chatColumnRef = React56.useRef(null);
+  const messageNavigationAnchorsRef = React56.useRef(
     /* @__PURE__ */ new Map()
   );
-  const attachmentsRef = React55.useRef(null);
-  const composerInputRef = React55.useRef(null);
-  const slashPaletteRef = React55.useRef(null);
-  const slashPaletteOptionRefs = React55.useRef(
+  const attachmentsRef = React56.useRef(null);
+  const composerInputRef = React56.useRef(null);
+  const isComposerComposingRef = React56.useRef(false);
+  const slashPaletteRef = React56.useRef(null);
+  const slashPaletteOptionRefs = React56.useRef(
     []
   );
-  const composerPartsRef = React55.useRef([]);
-  const pendingComposerCaretOffsetRef = React55.useRef(null);
-  const shouldAutoScrollRef = React55.useRef(true);
-  const forceFollowRef = React55.useRef(false);
-  const previousMessageCountRef = React55.useRef(0);
-  const previousScrollTopRef = React55.useRef(0);
-  const isPrependingHistoryMessagesRef = React55.useRef(false);
-  const autoScrollFrameRef = React55.useRef(null);
-  const isPointerDownRef = React55.useRef(false);
-  const lastTouchYRef = React55.useRef(null);
+  const composerPartsRef = React56.useRef([]);
+  const pendingComposerCaretOffsetRef = React56.useRef(null);
+  const shouldAutoScrollRef = React56.useRef(true);
+  const forceFollowRef = React56.useRef(false);
+  const previousMessageCountRef = React56.useRef(0);
+  const previousScrollTopRef = React56.useRef(0);
+  const isPrependingHistoryMessagesRef = React56.useRef(false);
+  const autoScrollFrameRef = React56.useRef(null);
+  const isPointerDownRef = React56.useRef(false);
+  const lastTouchYRef = React56.useRef(null);
   const {
     runtimeCapabilities,
     runtimeCapabilitiesReady,
@@ -18361,24 +18687,24 @@ function Chat({
   const resolvedPlaceholder = placeholder ?? t("chat.placeholder");
   const assistantTitle = assistantName || resolvedTitle;
   const petRequired = options?.displayMode === "pet";
-  const basePetSettings = React55.useMemo(
+  const basePetSettings = React56.useMemo(
     () => derivePetLocalSettings(options?.pet),
     [options?.pet]
   );
-  const displayedPetSettings = React55.useMemo(
+  const displayedPetSettings = React56.useMemo(
     () => ({
       ...petLocalSettings ?? basePetSettings,
       ...petRequired ? { enabled: true } : {}
     }),
     [basePetSettings, petLocalSettings, petRequired]
   );
-  const effectivePet = React55.useMemo(() => {
+  const effectivePet = React56.useMemo(() => {
     if (petRequired || petLocalSettings) {
       return buildPetOptionsFromLocalSettings(displayedPetSettings);
     }
     return options?.pet ?? null;
   }, [displayedPetSettings, options?.pet, petLocalSettings, petRequired]);
-  const savePetLocalSettings = React55.useCallback(
+  const savePetLocalSettings = React56.useCallback(
     (settings) => {
       const nextSettings = petRequired ? { ...settings, enabled: true } : settings;
       setPetLocalSettings(nextSettings);
@@ -18386,7 +18712,7 @@ function Chat({
     },
     [petRequired]
   );
-  const handlePetCommand = React55.useCallback(
+  const handlePetCommand = React56.useCallback(
     (mode) => {
       if (mode === "settings") {
         setPetSettingsOpen(true);
@@ -18408,11 +18734,11 @@ function Chat({
     [displayedPetSettings, effectivePet, petRequired, savePetLocalSettings]
   );
   const inputPlaceholder = selectedTool?.placeholderOverride ?? composer?.placeholder ?? resolvedPlaceholder;
-  const messages = React55.useMemo(
+  const messages = React56.useMemo(
     () => stream.messages ?? [],
     [stream.messages]
   );
-  const messageNavigationLabels = React55.useMemo(
+  const messageNavigationLabels = React56.useMemo(
     () => ({
       user: t("chat.youLabel"),
       assistant: assistantTitle,
@@ -18431,7 +18757,7 @@ function Chat({
     }),
     [assistantTitle, t]
   );
-  const messageNavigationItems = React55.useMemo(
+  const messageNavigationItems = React56.useMemo(
     () => messageNavigationEnabled ? buildMessageNavigationItems(
       messages,
       {
@@ -18454,7 +18780,7 @@ function Chat({
     historyMessagePagination?.isLoadingMore
   );
   const canLoadMoreMessages = Boolean(historyMessagePagination?.hasMore);
-  const draft = React55.useMemo(
+  const draft = React56.useMemo(
     () => getComposerPlainText(composerParts),
     [composerParts]
   );
@@ -18468,7 +18794,7 @@ function Chat({
     isEmpty: isComposerInputEmpty,
     isStacked: isComposerStacked
   });
-  const pendingFollowUps = React55.useMemo(
+  const pendingFollowUps = React56.useMemo(
     () => sortVisiblePendingFollowUps(stream.pendingFollowUps ?? []),
     [stream.pendingFollowUps]
   );
@@ -18477,7 +18803,7 @@ function Chat({
   const hasPendingHITLRequest = Boolean(stream.pendingHITLRequest);
   const hasPendingInteractiveRequest = hasPendingRequestUserInput || hasPendingHITLRequest;
   const hasPendingTodos = Boolean(stream.todos?.items.length);
-  const goalAdapter = React55.useMemo(() => {
+  const goalAdapter = React56.useMemo(() => {
     if (isGoalAdapter(options?.goal)) {
       return options.goal;
     }
@@ -18490,10 +18816,10 @@ function Chat({
     "goal"
   );
   const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
-  const clearQuoteSelection = React55.useCallback(() => {
+  const clearQuoteSelection = React56.useCallback(() => {
     setQuoteSelection(null);
   }, []);
-  const commitComposerParts = React55.useCallback(
+  const commitComposerParts = React56.useCallback(
     (nextParts, options2) => {
       const normalized = normalizeComposerParts(nextParts);
       const previous = composerPartsRef.current;
@@ -18523,7 +18849,7 @@ function Chat({
     },
     [setRunRuntimeCapabilities]
   );
-  const setComposerText = React55.useCallback(
+  const setComposerText = React56.useCallback(
     (text, caretOffset = text.length) => {
       commitComposerParts(createComposerTextParts(text), {
         caretOffset,
@@ -18533,7 +18859,7 @@ function Chat({
     },
     [commitComposerParts]
   );
-  const focusComposerAt = React55.useCallback((position) => {
+  const focusComposerAt = React56.useCallback((position) => {
     const nextPosition = position ?? getComposerEditingLength(composerPartsRef.current);
     pendingComposerCaretOffsetRef.current = nextPosition;
     requestAnimationFrame(() => {
@@ -18562,7 +18888,7 @@ function Chat({
     focusComposerAt
   });
   const parentMessenger = useParentMessenger({
-    onSetComposerValue: React55.useCallback(
+    onSetComposerValue: React56.useCallback(
       (payload) => {
         if (!payload) {
           return;
@@ -18590,16 +18916,16 @@ function Chat({
       },
       [applyComposerValueRuntimeCapabilities, composer?.tools, setComposerText]
     ),
-    onSetRuntimeCapabilities: React55.useCallback(
+    onSetRuntimeCapabilities: React56.useCallback(
       (selection) => {
         applyExternalRuntimeCapabilities(selection);
       },
       [applyExternalRuntimeCapabilities]
     ),
-    onFocusComposer: React55.useCallback(() => {
+    onFocusComposer: React56.useCallback(() => {
       composerInputRef.current?.focus();
     }, []),
-    onSetPetEnabled: React55.useCallback(
+    onSetPetEnabled: React56.useCallback(
       (enabled) => {
         if (petRequired) {
           return;
@@ -18613,10 +18939,10 @@ function Chat({
     )
   });
   const canMinimizeToPet = parentMessenger?.isParentAvailable === true && isPetEnabled(effectivePet);
-  const handleMinimizeToPet = React55.useCallback(() => {
+  const handleMinimizeToPet = React56.useCallback(() => {
     parentMessenger?.sendEvent("chat_minimize_change", { minimized: true });
   }, [parentMessenger]);
-  const syncQuoteSelection = React55.useCallback(() => {
+  const syncQuoteSelection = React56.useCallback(() => {
     if (typeof window === "undefined") {
       clearQuoteSelection();
       return;
@@ -18661,23 +18987,23 @@ function Chat({
       left
     });
   }, [clearQuoteSelection]);
-  const cancelPendingAutoScroll = React55.useCallback(() => {
+  const cancelPendingAutoScroll = React56.useCallback(() => {
     if (autoScrollFrameRef.current !== null) {
       cancelAnimationFrame(autoScrollFrameRef.current);
       autoScrollFrameRef.current = null;
     }
   }, []);
-  const disableAutoFollow = React55.useCallback(() => {
+  const disableAutoFollow = React56.useCallback(() => {
     forceFollowRef.current = false;
     shouldAutoScrollRef.current = false;
     cancelPendingAutoScroll();
   }, [cancelPendingAutoScroll]);
-  const enableAutoFollow = React55.useCallback(() => {
+  const enableAutoFollow = React56.useCallback(() => {
     forceFollowRef.current = true;
     shouldAutoScrollRef.current = true;
     setHasUpdatesBelow(false);
   }, []);
-  const scrollToBottom = React55.useCallback(
+  const scrollToBottom = React56.useCallback(
     (smooth = false, force = false) => {
       if (force) {
         enableAutoFollow();
@@ -18704,7 +19030,7 @@ function Chat({
     },
     [cancelPendingAutoScroll, enableAutoFollow]
   );
-  const setMessageNavigationAnchor = React55.useCallback(
+  const setMessageNavigationAnchor = React56.useCallback(
     (id, node) => {
       if (node) {
         messageNavigationAnchorsRef.current.set(id, node);
@@ -18714,22 +19040,22 @@ function Chat({
     },
     []
   );
-  const getMessageNavigationAnchor = React55.useCallback(
+  const getMessageNavigationAnchor = React56.useCallback(
     (item) => messageNavigationAnchorsRef.current.get(item.id) ?? null,
     []
   );
-  const handleMessageNavigationNavigate = React55.useCallback(() => {
+  const handleMessageNavigationNavigate = React56.useCallback(() => {
     disableAutoFollow();
     clearQuoteSelection();
   }, [clearQuoteSelection, disableAutoFollow]);
   const taskSummaryEnabled = options?.taskSummary?.enabled === true;
   const taskSummaryConversationId = stream.conversationId ?? null;
-  const [taskSummaryDocked, setTaskSummaryDocked] = React55.useState(false);
-  const [taskSummaryOpen, setTaskSummaryOpen] = React55.useState(false);
-  const manuallyClosedTaskSummaryConversationIdsRef = React55.useRef(
+  const [taskSummaryDocked, setTaskSummaryDocked] = React56.useState(false);
+  const [taskSummaryOpen, setTaskSummaryOpen] = React56.useState(false);
+  const manuallyClosedTaskSummaryConversationIdsRef = React56.useRef(
     /* @__PURE__ */ new Set()
   );
-  const liveTaskSummaryPending = React55.useMemo(() => {
+  const liveTaskSummaryPending = React56.useMemo(() => {
     const followUps = pendingFollowUps.map((item) => ({
       id: `follow-up:${item.id}`,
       kind: "follow_up",
@@ -18764,7 +19090,7 @@ function Chat({
     stream.pendingRequestUserInput,
     t
   ]);
-  const liveTaskSummaryRunning = React55.useMemo(
+  const liveTaskSummaryRunning = React56.useMemo(
     () => stream.runtimeActivities.sandboxServices.services.filter(
       (service) => service.status === "starting" || service.status === "running" || service.status === "stopping"
     ).map((service) => ({
@@ -18781,7 +19107,7 @@ function Chat({
     })),
     [stream.runtimeActivities.sandboxServices.services]
   );
-  const taskSummaryAgentNames = React55.useMemo(() => {
+  const taskSummaryAgentNames = React56.useMemo(() => {
     const names = /* @__PURE__ */ new Map();
     runtimeCapabilityOptions.forEach((option) => {
       if (option.type !== "subAgent") return;
@@ -18793,7 +19119,7 @@ function Chat({
     });
     return names;
   }, [runtimeCapabilityOptions]);
-  const liveTaskSummary = React55.useMemo(
+  const liveTaskSummary = React56.useMemo(
     () => collectLiveTaskSummary({
       messages: messages.map(
         (message) => ({
@@ -18830,7 +19156,7 @@ function Chat({
     client: stream.client,
     live: liveTaskSummary
   });
-  const navigateToTaskSummaryMessage = React55.useCallback(
+  const navigateToTaskSummaryMessage = React56.useCallback(
     async (messageId) => {
       try {
         let anchor = messageNavigationAnchorsRef.current.get(messageId);
@@ -18854,7 +19180,7 @@ function Chat({
     },
     [clearQuoteSelection, disableAutoFollow, stream]
   );
-  const openTaskSummaryResource = React55.useCallback(
+  const openTaskSummaryResource = React56.useCallback(
     (resource, messageId, resourceTitle) => {
       const data = {
         resource,
@@ -18872,7 +19198,7 @@ function Chat({
     },
     [parentMessenger, taskSummaryConversationId]
   );
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     previousScrollTopRef.current = viewport.scrollTop;
@@ -18953,14 +19279,14 @@ function Chat({
       window.removeEventListener("pointercancel", stopPointerTracking);
     };
   }, [cancelPendingAutoScroll, disableAutoFollow]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     shouldAutoScrollRef.current = true;
     forceFollowRef.current = false;
     previousScrollTopRef.current = 0;
     setIsAtBottom(true);
     setHasUpdatesBelow(false);
   }, [stream.threadId]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     const messageCountChanged = messages.length !== previousMessageCountRef.current;
     previousMessageCountRef.current = messages.length;
     if (isPrependingHistoryMessagesRef.current) {
@@ -18982,7 +19308,7 @@ function Chat({
   const isSubmissionBlocked = hasPendingInteractiveRequest || missingConfig || isHistoryLoading || hasUploadingFiles || isUploadingReferenceImages;
   const isSendDisabled = !trimmedDraft && !hasReferences || isSubmissionBlocked;
   const isPromptEditDisabled = hasPendingInteractiveRequest || missingConfig || isHistoryLoading;
-  const resizeComposerInput = React55.useCallback(() => {
+  const resizeComposerInput = React56.useCallback(() => {
     const input = composerInputRef.current;
     if (!input) {
       return;
@@ -18990,7 +19316,7 @@ function Chat({
     input.style.maxHeight = `${COMPOSER_INPUT_MAX_HEIGHT}px`;
     input.style.overflowY = input.scrollHeight > COMPOSER_INPUT_MAX_HEIGHT ? "auto" : "hidden";
   }, []);
-  React55.useLayoutEffect(() => {
+  React56.useLayoutEffect(() => {
     composerPartsRef.current = composerParts;
     resizeComposerInput();
     const caretOffset = pendingComposerCaretOffsetRef.current;
@@ -19002,13 +19328,13 @@ function Chat({
       }
     }
   }, [composerDomVersion, composerParts, resizeComposerInput]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     document.addEventListener("selectionchange", syncQuoteSelection);
     return () => {
       document.removeEventListener("selectionchange", syncQuoteSelection);
     };
   }, [syncQuoteSelection]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       return;
@@ -19025,14 +19351,14 @@ function Chat({
       window.removeEventListener("resize", handleViewportScroll);
     };
   }, [clearQuoteSelection]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     clearQuoteSelection();
   }, [messages.length, stream.threadId, clearQuoteSelection]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (missingConfig) return;
     void refreshThreads();
   }, [missingConfig, refreshThreads]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (missingConfig || !stream.client || !stream.assistantId) {
       setAssistantName(null);
       setAssistantAvatar(null);
@@ -19055,10 +19381,10 @@ function Chat({
       cancelled = true;
     };
   }, [missingConfig, stream.client, stream.assistantId]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     setThreadGoal(stream.threadGoal);
   }, [stream.threadGoal]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     const threadId = stream.threadId?.trim();
     if (!threadId || !goalCommandAvailable) {
       setThreadGoal(null);
@@ -19099,7 +19425,7 @@ function Chat({
     return () => controller.abort();
   }, [goalAdapter, goalCommandAvailable, stream.threadId]);
   const uploadedFiles = attachmentState.uploadedFiles;
-  const syncComposerInputFromElement = React55.useCallback(
+  const syncComposerInputFromElement = React56.useCallback(
     (input) => {
       const previousCapabilities = getComposerCapabilityPartMap(
         composerPartsRef.current
@@ -19117,25 +19443,30 @@ function Chat({
     },
     [commitComposerParts, updateRuntimeCapabilityPalette]
   );
-  const handleComposerInput = React55.useCallback(
+  const handleComposerInput = React56.useCallback(
     (event) => {
+      if (isComposerComposingRef.current) return;
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerCompositionEnd = React55.useCallback(
+  const handleComposerCompositionStart = React56.useCallback(() => {
+    isComposerComposingRef.current = true;
+  }, []);
+  const handleComposerCompositionEnd = React56.useCallback(
     (event) => {
+      isComposerComposingRef.current = false;
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerSelect = React55.useCallback(() => {
+  const handleComposerSelect = React56.useCallback(() => {
     updateRuntimeCapabilityPalette(
       composerPartsRef.current,
       composerInputRef.current ? getComposerSelectionOffset(composerInputRef.current) : void 0
     );
   }, [updateRuntimeCapabilityPalette]);
-  const submitDraft = React55.useCallback(
+  const submitDraft = React56.useCallback(
     (submitOptions = {}) => {
       if (isSubmissionBlocked) return;
       const contentToSubmit = (submitOptions.inputText ?? trimmedDraft).trim();
@@ -19241,7 +19572,7 @@ function Chat({
       t
     ]
   );
-  const handleGoalCommand = React55.useCallback(
+  const handleGoalCommand = React56.useCallback(
     async ({
       args,
       commandSource,
@@ -19347,7 +19678,7 @@ function Chat({
       t
     ]
   );
-  const handleGoalPanelOpenChange = React55.useCallback((open) => {
+  const handleGoalPanelOpenChange = React56.useCallback((open) => {
     setIsGoalPanelOpen(open);
   }, []);
   const {
@@ -19391,7 +19722,7 @@ function Chat({
     plugin: t("composer.slashCommands.empty.loadingCapabilities"),
     subAgent: t("composer.slashCommands.empty.loadingCapabilities")
   };
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -19410,7 +19741,7 @@ function Chat({
       );
     }
   }, [slashPaletteOptions.length, runtimeCapabilityPalette]);
-  React55.useLayoutEffect(() => {
+  React56.useLayoutEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -19427,7 +19758,7 @@ function Chat({
       container.scrollTop += optionRect.bottom - containerRect.bottom;
     }
   }, [runtimeCapabilityPalette, slashPaletteOptions.length]);
-  const submitGoalModeDraft = React55.useCallback(() => {
+  const submitGoalModeDraft = React56.useCallback(() => {
     const objective = getComposerPlainText(composerPartsRef.current).trim();
     if (!isGoalModeOpen || !goalCommandAvailable || !objective) {
       return false;
@@ -19465,7 +19796,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleEditPendingFollowUp = React55.useCallback(
+  const handleEditPendingFollowUp = React56.useCallback(
     (id) => {
       const item = pendingFollowUps.find(
         (entry) => entry.id === id && entry.mode === "queue"
@@ -19492,7 +19823,7 @@ function Chat({
     },
     [pendingFollowUps, setComposerText, stream]
   );
-  const handleQuoteSelection = React55.useCallback(() => {
+  const handleQuoteSelection = React56.useCallback(() => {
     if (!quoteSelection) {
       return;
     }
@@ -19508,7 +19839,7 @@ function Chat({
   const handleAttachmentClick = () => {
     attachmentsRef.current?.openFilePicker();
   };
-  const uploadContextFile = React55.useCallback(
+  const uploadContextFile = React56.useCallback(
     (file) => {
       const formData = new FormData();
       formData.append("file", file, file.name || "upload");
@@ -19527,13 +19858,13 @@ function Chat({
     },
     [stream.assistantId, stream.client, stream.threadId]
   );
-  const getContextFileStatus = React55.useCallback(
+  const getContextFileStatus = React56.useCallback(
     (fileId) => stream.client.contexts.fetch(`/files/${fileId}/status`, {
       method: "GET"
     }),
     [stream.client]
   );
-  const deleteContextFile = React55.useCallback(
+  const deleteContextFile = React56.useCallback(
     (storageFileId) => stream.client.contexts.deleteFile(storageFileId),
     [stream.client]
   );
@@ -19641,7 +19972,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleComposerPaste = React55.useCallback(
+  const handleComposerPaste = React56.useCallback(
     (event) => {
       const clipboardData = event.clipboardData;
       if (!clipboardData) {
@@ -19743,13 +20074,13 @@ function Chat({
   const handleToolSelect = (tool) => {
     setSelectedTool((prev) => prev?.id === tool.id ? null : tool);
   };
-  const handlePromptClick = React55.useCallback(
+  const handlePromptClick = React56.useCallback(
     (prompt) => {
       submitDraft({ inputText: prompt, displayText: prompt });
     },
     [submitDraft]
   );
-  const handlePromptEdit = React55.useCallback(
+  const handlePromptEdit = React56.useCallback(
     (prompt) => {
       if (isPromptEditDisabled) return;
       setComposerText(prompt, prompt.length);
@@ -19758,7 +20089,7 @@ function Chat({
     },
     [focusComposerAt, isPromptEditDisabled, setComposerText]
   );
-  const loadConversationMessages = React55.useCallback(
+  const loadConversationMessages = React56.useCallback(
     async (recordId) => {
       if (missingConfig) {
         setHistoryError(missingConfigShortMessage);
@@ -19779,7 +20110,7 @@ function Chat({
     },
     [missingConfig, missingConfigShortMessage, stream, t]
   );
-  const handleLoadMoreMessages = React55.useCallback(async () => {
+  const handleLoadMoreMessages = React56.useCallback(async () => {
     if (!canLoadMoreMessages || isLoadingMoreMessages) {
       return;
     }
@@ -19888,19 +20219,19 @@ function Chat({
   };
   const acceptMimes = composer?.attachments?.accept ? Object.entries(composer.attachments.accept).map(([mime, exts]) => [mime, ...exts.map((e) => `.${e}`)].join(",")).join(",") : void 0;
   const canUploadDroppedFiles = composer?.attachments?.enabled === true && !missingConfig && !isHistoryLoading && !hasPendingInteractiveRequest;
-  const handleDroppedFiles = React55.useCallback((files) => {
+  const handleDroppedFiles = React56.useCallback((files) => {
     return attachmentsRef.current?.queueFiles(files) ?? false;
   }, []);
-  const currentThread = React55.useMemo(
+  const currentThread = React56.useMemo(
     () => threads.find((item) => item.id === stream.threadId),
     [threads, stream.threadId]
   );
-  const assistantStatusText = React55.useMemo(() => {
+  const assistantStatusText = React56.useMemo(() => {
     if (!stream.threadId) return t("chat.statusOnline");
     return currentThread?.title?.trim() || t("chat.statusOnline");
   }, [currentThread?.title, stream.threadId, t]);
   const streamErrorMessage = stream.error instanceof Error ? stream.error.message : void 0;
-  const threadErrorMessage = React55.useMemo(() => {
+  const threadErrorMessage = React56.useMemo(() => {
     if (streamErrorMessage?.trim()) return streamErrorMessage.trim();
     if (currentThread?.status !== "error") return void 0;
     const message = currentThread.error?.trim();
@@ -19931,13 +20262,13 @@ function Chat({
     fallbackTitle: t("history.threadFallback")
   });
   const layoutMaxWidth = options?.layout?.maxWidth;
-  const chatColumnStyle = React55.useMemo(() => {
+  const chatColumnStyle = React56.useMemo(() => {
     if (layoutMaxWidth === void 0 || layoutMaxWidth === null || layoutMaxWidth === "") {
       return void 0;
     }
     return { maxWidth: layoutMaxWidth };
   }, [layoutMaxWidth]);
-  React55.useLayoutEffect(() => {
+  React56.useLayoutEffect(() => {
     if (!taskSummaryEnabled) {
       setTaskSummaryDocked(false);
       return;
@@ -19972,7 +20303,7 @@ function Chat({
   const taskSummaryAvailable = Boolean(
     taskSummaryEnabled && stream.threadId && taskSummaryConversationId
   );
-  const handleTaskSummaryOpenChange = React55.useCallback(
+  const handleTaskSummaryOpenChange = React56.useCallback(
     (open) => {
       setTaskSummaryOpen(open);
       if (!taskSummaryConversationId) return;
@@ -19988,12 +20319,12 @@ function Chat({
     },
     [taskSummaryConversationId]
   );
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!taskSummaryDocked) {
       setTaskSummaryOpen(false);
     }
   }, [taskSummaryDocked]);
-  React55.useEffect(() => {
+  React56.useEffect(() => {
     if (!taskSummaryDocked || !taskSummaryAvailable || !taskSummaryConversationId || manuallyClosedTaskSummaryConversationIdsRef.current.has(
       taskSummaryConversationId
     )) {
@@ -20014,13 +20345,13 @@ function Chat({
     onFocusComposer: () => focusComposerAt(),
     onOpenResource: openTaskSummaryResource
   };
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs42(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -20035,7 +20366,7 @@ function Chat({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs41(
+              /* @__PURE__ */ jsxs42(
                 "div",
                 {
                   ref: chatColumnRef,
@@ -20043,9 +20374,9 @@ function Chat({
                   className: "mx-auto flex w-full items-center justify-between border-b p-2 sticky top-0 z-10 bg-background",
                   style: chatColumnStyle,
                   children: [
-                    /* @__PURE__ */ jsxs41("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
-                      /* @__PURE__ */ jsxs41("div", { className: "relative shrink-0", children: [
-                        /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
+                      /* @__PURE__ */ jsxs42("div", { className: "relative shrink-0", children: [
+                        /* @__PURE__ */ jsx60(
                           ChatkitAvatar,
                           {
                             avatar: assistantAvatar,
@@ -20053,10 +20384,10 @@ function Chat({
                             label: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx59("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
+                        /* @__PURE__ */ jsx60("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
                       ] }),
-                      /* @__PURE__ */ jsxs41("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx59(
+                      /* @__PURE__ */ jsxs42("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx60(
                           "h2",
                           {
                             className: "text-lg font-semibold truncate",
@@ -20064,7 +20395,7 @@ function Chat({
                             children: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx59(
+                        /* @__PURE__ */ jsx60(
                           "p",
                           {
                             className: "truncate text-xs text-muted-foreground",
@@ -20074,8 +20405,8 @@ function Chat({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
-                      taskSummaryAvailable && /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1", children: [
+                      taskSummaryAvailable && /* @__PURE__ */ jsx60(
                         TaskSummaryTrigger,
                         {
                           ...taskSummaryProps,
@@ -20084,9 +20415,9 @@ function Chat({
                           onOpenChange: handleTaskSummaryOpenChange
                         }
                       ),
-                      /* @__PURE__ */ jsx59(WorkbenchToggleButton, {}),
-                      canMinimizeToPet && /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                        /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
+                      /* @__PURE__ */ jsx60(WorkbenchToggleButton, {}),
+                      canMinimizeToPet && /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                        /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx60(
                           "button",
                           {
                             type: "button",
@@ -20097,13 +20428,13 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("chat.minimizeToPet"),
-                            children: /* @__PURE__ */ jsx59(Minus, { size: 16 })
+                            children: /* @__PURE__ */ jsx60(Minus, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
+                        /* @__PURE__ */ jsx60(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
                       ] }),
-                      /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                        /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
+                      /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                        /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx60(
                           "button",
                           {
                             type: "button",
@@ -20114,14 +20445,14 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("settings.open"),
-                            children: /* @__PURE__ */ jsx59(Settings2, { size: 16 })
+                            children: /* @__PURE__ */ jsx60(Settings2, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("settings.open") })
+                        /* @__PURE__ */ jsx60(TooltipContent, { side: "bottom", children: t("settings.open") })
                       ] }),
-                      history?.enabled !== false && /* @__PURE__ */ jsxs41(Fragment10, { children: [
-                        /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                          /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
+                      history?.enabled !== false && /* @__PURE__ */ jsxs42(Fragment11, { children: [
+                        /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                          /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx60(
                             "button",
                             {
                               type: "button",
@@ -20134,12 +20465,12 @@ function Chat({
                                 "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
                               ),
                               "aria-label": t("history.newThread"),
-                              children: /* @__PURE__ */ jsx59(Pencil4, { size: 16 })
+                              children: /* @__PURE__ */ jsx60(Pencil4, { size: 16 })
                             }
                           ) }) }),
-                          /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("history.newThread") })
+                          /* @__PURE__ */ jsx60(TooltipContent, { side: "bottom", children: t("history.newThread") })
                         ] }),
-                        /* @__PURE__ */ jsx59(
+                        /* @__PURE__ */ jsx60(
                           HistorySidebar,
                           {
                             threads,
@@ -20158,7 +20489,7 @@ function Chat({
                   ]
                 }
               ),
-              showMessageNavigation && /* @__PURE__ */ jsx59(
+              showMessageNavigation && /* @__PURE__ */ jsx60(
                 MessageNavigator,
                 {
                   items: messageNavigationItems,
@@ -20169,18 +20500,18 @@ function Chat({
                   tagsOverflowLabel: (count) => t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ jsxs41(
+              /* @__PURE__ */ jsxs42(
                 "div",
                 {
                   "data-slot": "chatkit-chat-content",
                   className: "mx-auto w-full flex-1 p-4",
                   style: chatColumnStyle,
                   children: [
-                    errorMessage && /* @__PURE__ */ jsx59("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__ */ jsx59("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
-                    showMissingConfig && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
-                    isHistoryLoading && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-muted px-3 py-2 text-sm text-muted-foreground", children: t("chat.loadingThread") }),
-                    messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx59(
+                    errorMessage && /* @__PURE__ */ jsx60("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__ */ jsx60("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+                    showMissingConfig && /* @__PURE__ */ jsx60("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
+                    isHistoryLoading && /* @__PURE__ */ jsx60("div", { className: "mb-4 rounded-lg border border-muted px-3 py-2 text-sm text-muted-foreground", children: t("chat.loadingThread") }),
+                    messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx60(
                       StartScreen,
                       {
                         startScreen,
@@ -20189,10 +20520,10 @@ function Chat({
                         promptSendDisabled: isSubmissionBlocked,
                         promptEditDisabled: isPromptEditDisabled
                       }
-                    ) : /* @__PURE__ */ jsxs41("div", { className: "space-y-4", children: [
-                      canLoadMoreMessages && /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3 py-1", children: [
-                        /* @__PURE__ */ jsx59("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-                        /* @__PURE__ */ jsx59(
+                    ) : /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
+                      canLoadMoreMessages && /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3 py-1", children: [
+                        /* @__PURE__ */ jsx60("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+                        /* @__PURE__ */ jsx60(
                           Button,
                           {
                             type: "button",
@@ -20204,7 +20535,7 @@ function Chat({
                             children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
                           }
                         ),
-                        /* @__PURE__ */ jsx59("div", { className: "h-px min-w-8 flex-1 bg-border" })
+                        /* @__PURE__ */ jsx60("div", { className: "h-px min-w-8 flex-1 bg-border" })
                       ] }),
                       messages.map((message, index) => {
                         const messageType = String(message.type);
@@ -20248,7 +20579,7 @@ function Chat({
                         if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
                           return null;
                         }
-                        return /* @__PURE__ */ jsx59(
+                        return /* @__PURE__ */ jsx60(
                           "div",
                           {
                             ref: (node) => setMessageNavigationAnchor(messageNavigationId, node),
@@ -20258,7 +20589,7 @@ function Chat({
                               message.type === "human" ? "justify-end" : "justify-start -ml-1"
                               // AI messages: slightly closer to left
                             ),
-                            children: /* @__PURE__ */ jsxs41(
+                            children: /* @__PURE__ */ jsxs42(
                               "div",
                               {
                                 className: cn(
@@ -20266,7 +20597,7 @@ function Chat({
                                   isAssistantMessage && "min-w-0 flex-1"
                                 ),
                                 children: [
-                                  /* @__PURE__ */ jsx59(
+                                  /* @__PURE__ */ jsx60(
                                     "div",
                                     {
                                       ...canQuoteMessage ? {
@@ -20278,7 +20609,7 @@ function Chat({
                                         message.type === "human" ? "bg-primary text-primary-foreground px-4 py-2.5" : message.type === "system" ? "bg-muted text-muted-foreground text-xs px-4 py-2.5" : "py-1 text-chat-foreground"
                                         // AI messages: use chat-specific foreground color
                                       ),
-                                      children: isAssistantMessage ? /* @__PURE__ */ jsx59(
+                                      children: isAssistantMessage ? /* @__PURE__ */ jsx60(
                                         AssistantMessage,
                                         {
                                           message: {
@@ -20298,14 +20629,14 @@ function Chat({
                                           apiUrl: stream.apiUrl,
                                           pet: effectivePet
                                         }
-                                      ) : /* @__PURE__ */ jsxs41(Fragment10, { children: [
-                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx59(
+                                      ) : /* @__PURE__ */ jsxs42(Fragment11, { children: [
+                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx60(
                                           HumanRuntimeCapabilityChips,
                                           {
                                             options: humanRuntimeCapabilityOptions
                                           }
                                         ),
-                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx59("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx59(
+                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx60("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx60(
                                           ReferenceChip,
                                           {
                                             reference,
@@ -20313,29 +20644,29 @@ function Chat({
                                           },
                                           getReferenceKey(reference)
                                         )) }),
-                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx59("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs41(
+                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx60("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs42(
                                           "div",
                                           {
                                             className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                                             children: [
-                                              /* @__PURE__ */ jsx59(FileText5, { size: 12 }),
-                                              /* @__PURE__ */ jsx59("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                              /* @__PURE__ */ jsx60(FileText5, { size: 12 }),
+                                              /* @__PURE__ */ jsx60("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                                             ]
                                           },
                                           fileIndex
                                         )) }),
-                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx59(
+                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx60(
                                           "p",
                                           {
                                             className: "wrap-break-word text-sm leading-relaxed",
                                             children: formatMessageContent(part)
                                           },
                                           `${part.type}-${partIndex}`
-                                        )) : /* @__PURE__ */ jsx59("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                                        )) : /* @__PURE__ */ jsx60("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                                       ] })
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx59(
+                                  /* @__PURE__ */ jsx60(
                                     MessageActions,
                                     {
                                       content: messageContent,
@@ -20373,7 +20704,7 @@ function Chat({
                           stream.isLoading,
                           { now: streamingNow }
                         );
-                        return /* @__PURE__ */ jsx59("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx59("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx59(
+                        return /* @__PURE__ */ jsx60("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx60("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx60(
                           AssistantStreamingIndicator,
                           {
                             status: fallbackStreamingStatus ?? "loading"
@@ -20384,7 +20715,7 @@ function Chat({
                   ]
                 }
               ),
-              !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx59("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ jsx59(
+              !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx60("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ jsx60(
                 Button,
                 {
                   type: "button",
@@ -20397,10 +20728,10 @@ function Chat({
                   onClick: () => scrollToBottom(true, true),
                   "aria-label": t("chat.scrollToBottom"),
                   title: t("chat.scrollToBottom"),
-                  children: /* @__PURE__ */ jsx59(ArrowDown2, { size: 16 })
+                  children: /* @__PURE__ */ jsx60(ArrowDown2, { size: 16 })
                 }
               ) }),
-              quoteSelection && /* @__PURE__ */ jsx59(
+              quoteSelection && /* @__PURE__ */ jsx60(
                 "div",
                 {
                   className: "pointer-events-none fixed z-50",
@@ -20409,7 +20740,7 @@ function Chat({
                     left: `${quoteSelection.left}px`,
                     transform: "translateX(-50%)"
                   },
-                  children: /* @__PURE__ */ jsxs41(
+                  children: /* @__PURE__ */ jsxs42(
                     Button,
                     {
                       type: "button",
@@ -20421,22 +20752,22 @@ function Chat({
                       "aria-label": t("composer.quoteSelection"),
                       title: t("composer.quoteSelection"),
                       children: [
-                        /* @__PURE__ */ jsx59(Quote, { size: 14 }),
+                        /* @__PURE__ */ jsx60(Quote, { size: 14 }),
                         t("composer.quoteSelection")
                       ]
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs41(
+              /* @__PURE__ */ jsxs42(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
                   className: "mx-auto w-full p-2 sticky bottom-0 z-10 bg-background",
                   style: chatColumnStyle,
                   children: [
-                    threadErrorMessage && /* @__PURE__ */ jsx59("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__ */ jsx59(
+                    threadErrorMessage && /* @__PURE__ */ jsx60("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__ */ jsx60(
                       ChatAttachments,
                       {
                         ref: attachmentsRef,
@@ -20450,7 +20781,7 @@ function Chat({
                         onStateChange: setAttachmentState
                       }
                     ),
-                    references.length > 0 && /* @__PURE__ */ jsx59("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx59(
+                    references.length > 0 && /* @__PURE__ */ jsx60("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx60(
                       ReferenceChip,
                       {
                         reference,
@@ -20464,7 +20795,7 @@ function Chat({
                       },
                       getReferenceKey(reference)
                     )) }),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       DetachedRunRuntimeCapabilities,
                       {
                         options: detachedRunRuntimeCapabilityOptions,
@@ -20473,7 +20804,7 @@ function Chat({
                         onRemove: removeRunRuntimeCapability
                       }
                     ),
-                    showGoalStatus && /* @__PURE__ */ jsxs41(
+                    showGoalStatus && /* @__PURE__ */ jsxs42(
                       "div",
                       {
                         className: cn(
@@ -20481,7 +20812,7 @@ function Chat({
                           isGoalObjectiveExpanded ? "items-start" : "items-center"
                         ),
                         children: [
-                          /* @__PURE__ */ jsx59(
+                          /* @__PURE__ */ jsx60(
                             Target3,
                             {
                               className: cn(
@@ -20490,13 +20821,13 @@ function Chat({
                               )
                             }
                           ),
-                          /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ jsxs41("div", { className: "flex min-w-0 items-center gap-2", children: [
-                              /* @__PURE__ */ jsx59("span", { className: "font-medium", children: t("chat.goal.label") }),
-                              threadGoal && /* @__PURE__ */ jsx59("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
-                              isGoalLoading && /* @__PURE__ */ jsx59(Loader211, { className: "size-3 animate-spin text-muted-foreground" })
+                          /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-center gap-2", children: [
+                              /* @__PURE__ */ jsx60("span", { className: "font-medium", children: t("chat.goal.label") }),
+                              threadGoal && /* @__PURE__ */ jsx60("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
+                              isGoalLoading && /* @__PURE__ */ jsx60(Loader212, { className: "size-3 animate-spin text-muted-foreground" })
                             ] }),
-                            /* @__PURE__ */ jsx59(
+                            /* @__PURE__ */ jsx60(
                               "div",
                               {
                                 className: cn(
@@ -20506,13 +20837,13 @@ function Chat({
                                 children: goalError || threadGoal?.objective
                               }
                             ),
-                            threadGoal && /* @__PURE__ */ jsx59("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx59("span", { children: t("chat.goal.elapsed", {
+                            threadGoal && /* @__PURE__ */ jsx60("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx60("span", { children: t("chat.goal.elapsed", {
                               elapsed: formatGoalElapsed(displayedGoalElapsedSeconds)
                             }) }) })
                           ] }),
-                          threadGoal && /* @__PURE__ */ jsxs41("div", { className: "flex shrink-0 items-center gap-1", children: [
-                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
+                          threadGoal && /* @__PURE__ */ jsxs42("div", { className: "flex shrink-0 items-center gap-1", children: [
+                            /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                              /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
                                 Button,
                                 {
                                   type: "button",
@@ -20523,13 +20854,13 @@ function Chat({
                                     const prefix = "/goal edit ";
                                     setComposerText(`${prefix}${threadGoal.objective}`);
                                   },
-                                  children: /* @__PURE__ */ jsx59(Pencil4, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx60(Pencil4, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx59(TooltipContent, { children: t("chat.goal.edit") })
+                              /* @__PURE__ */ jsx60(TooltipContent, { children: t("chat.goal.edit") })
                             ] }),
-                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
+                            /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                              /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
                                 Button,
                                 {
                                   type: "button",
@@ -20545,13 +20876,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx59(Play, { className: "size-3" }) : /* @__PURE__ */ jsx59(Pause, { className: "size-3" })
+                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx60(Play, { className: "size-3" }) : /* @__PURE__ */ jsx60(Pause, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx59(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
+                              /* @__PURE__ */ jsx60(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
                             ] }),
-                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
+                            /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                              /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
                                 Button,
                                 {
                                   type: "button",
@@ -20567,13 +20898,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: /* @__PURE__ */ jsx59(Trash23, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx60(Trash23, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx59(TooltipContent, { children: t("chat.goal.clear") })
+                              /* @__PURE__ */ jsx60(TooltipContent, { children: t("chat.goal.clear") })
                             ] }),
-                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs41(Tooltip, { children: [
-                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
+                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs42(Tooltip, { children: [
+                              /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
                                 Button,
                                 {
                                   type: "button",
@@ -20582,7 +20913,7 @@ function Chat({
                                   "aria-expanded": isGoalObjectiveExpanded,
                                   "aria-label": isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective"),
                                   onClick: () => setIsGoalObjectiveExpanded((expanded) => !expanded),
-                                  children: /* @__PURE__ */ jsx59(
+                                  children: /* @__PURE__ */ jsx60(
                                     ChevronDown5,
                                     {
                                       className: cn(
@@ -20593,13 +20924,13 @@ function Chat({
                                   )
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx59(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
+                              /* @__PURE__ */ jsx60(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
                             ] })
                           ] })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       PendingRuntimeServices,
                       {
                         state: stream.runtimeActivities.sandboxServices,
@@ -20608,7 +20939,7 @@ function Chat({
                         className: hasPendingTodos || hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       PendingTodos,
                       {
                         snapshot: stream.todos,
@@ -20616,7 +20947,7 @@ function Chat({
                         className: hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       PendingFollowUps,
                       {
                         items: pendingFollowUps,
@@ -20629,7 +20960,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       RequestUserInputPanel,
                       {
                         request: stream.pendingRequestUserInput,
@@ -20638,7 +20969,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx59(
+                    /* @__PURE__ */ jsx60(
                       HITLApprovalPanel,
                       {
                         request: stream.pendingHITLRequest,
@@ -20647,7 +20978,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    runtimeCapabilityPalette && /* @__PURE__ */ jsx59(
+                    runtimeCapabilityPalette && /* @__PURE__ */ jsx60(
                       SlashPalette,
                       {
                         palette: runtimeCapabilityPalette,
@@ -20661,7 +20992,7 @@ function Chat({
                         onSelect: selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ jsx59("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs41(
+                    /* @__PURE__ */ jsx60("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs42(
                       "div",
                       {
                         "data-slot": "composer-input-shell",
@@ -20675,7 +21006,7 @@ function Chat({
                           composerInputRoundedClass
                         ),
                         children: [
-                          /* @__PURE__ */ jsx59(
+                          /* @__PURE__ */ jsx60(
                             "div",
                             {
                               ref: composerInputRef,
@@ -20685,6 +21016,7 @@ function Chat({
                               contentEditable: !(missingConfig || isHistoryLoading || hasPendingInteractiveRequest),
                               suppressContentEditableWarning: true,
                               onInput: handleComposerInput,
+                              onCompositionStart: handleComposerCompositionStart,
                               onCompositionEnd: handleComposerCompositionEnd,
                               onSelect: handleComposerSelect,
                               onPaste: handleComposerPaste,
@@ -20697,19 +21029,19 @@ function Chat({
                                 (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                               ),
                               children: renderedComposerParts.map(
-                                (part, index) => part.type === "text" ? /* @__PURE__ */ jsx59(React55.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx59(ComposerCapabilityToken, { part }, part.key)
+                                (part, index) => part.type === "text" ? /* @__PURE__ */ jsx60(React56.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx60(ComposerCapabilityToken, { part }, part.key)
                               )
                             },
                             composerDomVersion
                           ),
-                          /* @__PURE__ */ jsxs41(
+                          /* @__PURE__ */ jsxs42(
                             "div",
                             {
                               "data-slot": "composer-action-bar",
                               className: "pointer-events-none absolute inset-x-1.5 bottom-1 flex min-h-10 items-center justify-between gap-2",
                               children: [
-                                /* @__PURE__ */ jsxs41("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
-                                  /* @__PURE__ */ jsx59("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx59(
+                                /* @__PURE__ */ jsxs42("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
+                                  /* @__PURE__ */ jsx60("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx60(
                                     ComposerMenu,
                                     {
                                       composer,
@@ -20727,20 +21059,20 @@ function Chat({
                                       disabled: missingConfig || isHistoryLoading || hasPendingInteractiveRequest
                                     }
                                   ) }),
-                                  selectedTool && /* @__PURE__ */ jsxs41("span", { className: "pointer-events-auto inline-flex h-8 min-w-0 max-w-[14rem] shrink items-center gap-1.5 rounded-full bg-primary/10 px-2 text-xs font-medium text-primary transition-all duration-200", children: [
-                                    /* @__PURE__ */ jsx59("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
-                                    /* @__PURE__ */ jsx59(
+                                  selectedTool && /* @__PURE__ */ jsxs42("span", { className: "pointer-events-auto inline-flex h-8 min-w-0 max-w-[14rem] shrink items-center gap-1.5 rounded-full bg-primary/10 px-2 text-xs font-medium text-primary transition-all duration-200", children: [
+                                    /* @__PURE__ */ jsx60("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
+                                    /* @__PURE__ */ jsx60(
                                       "button",
                                       {
                                         type: "button",
                                         onClick: () => setSelectedTool(null),
                                         className: "shrink-0 rounded-full p-0.5 text-primary/70 hover:bg-primary/10 hover:text-primary",
-                                        children: /* @__PURE__ */ jsx59(X9, { size: 12 })
+                                        children: /* @__PURE__ */ jsx60(X10, { size: 12 })
                                       }
                                     )
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ jsx59("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ jsx59(
+                                /* @__PURE__ */ jsx60("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ jsx60(
                                   SendButton,
                                   {
                                     disabled: isSendDisabled,
@@ -20763,7 +21095,7 @@ function Chat({
                         ]
                       }
                     ) }),
-                    disclaimer?.text && /* @__PURE__ */ jsx59(
+                    disclaimer?.text && /* @__PURE__ */ jsx60(
                       "p",
                       {
                         className: cn(
@@ -20773,14 +21105,14 @@ function Chat({
                         children: disclaimer.text
                       }
                     ),
-                    /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ jsx59("span", { children: t("chat.poweredBy") }),
-                      /* @__PURE__ */ jsx59(ContextUsageIndicator, { className: "absolute right-4" })
+                    /* @__PURE__ */ jsxs42("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx60("span", { children: t("chat.poweredBy") }),
+                      /* @__PURE__ */ jsx60(ContextUsageIndicator, { className: "absolute right-4" })
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx60(
                 SettingsSheet,
                 {
                   open: petSettingsOpen,
@@ -20790,11 +21122,11 @@ function Chat({
                   onSave: savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ jsx59(PetBridge, { pet: effectivePet, state: petAutoState })
+              /* @__PURE__ */ jsx60(PetBridge, { pet: effectivePet, state: petAutoState })
             ]
           }
         ),
-        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx59("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx59(
+        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx60("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx60(
           TaskSummaryPanel,
           {
             ...taskSummaryProps,
@@ -20807,10 +21139,10 @@ function Chat({
 }
 
 // src/components/ui/separator.tsx
-import * as React56 from "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
-var Separator = React56.forwardRef(
-  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx60(
+import * as React57 from "react";
+import { jsx as jsx61 } from "react/jsx-runtime";
+var Separator = React57.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx61(
     "div",
     {
       ref,