@xpert-ai/chatkit-ui 0.3.7 → 0.3.8

package/dist/index.cjs

@@ -67,8 +67,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/chat.tsx
-var React45 = __toESM(require("react"), 1);
-var import_lucide_react25 = require("lucide-react");
+var React46 = __toESM(require("react"), 1);
+var import_lucide_react26 = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -1514,6 +1514,12 @@ var en_US_default = {
     loading: "Loading",
     thinking: "Thinking",
     answering: "Answering",
+    contextCompression: {
+      running: "Automatically compressing context",
+      success: "Context automatically compressed",
+      skipped: "Context not compressed",
+      fail: "Context compression failed"
+    },
     requestUserInputResult: {
       title: "Selections confirmed",
       option: "Option",
@@ -1855,6 +1861,12 @@ var zh_CN_default = {
     loading: "\u6B63\u5728\u52A0\u8F7D",
     thinking: "\u6B63\u5728\u601D\u8003",
     answering: "\u6B63\u5728\u751F\u6210",
+    contextCompression: {
+      running: "\u6B63\u5728\u81EA\u52A8\u538B\u7F29\u4E0A\u4E0B\u6587",
+      success: "\u4E0A\u4E0B\u6587\u5DF2\u81EA\u52A8\u538B\u7F29",
+      skipped: "\u4E0A\u4E0B\u6587\u65E0\u9700\u538B\u7F29",
+      fail: "\u4E0A\u4E0B\u6587\u538B\u7F29\u5931\u8D25"
+    },
     requestUserInputResult: {
       title: "\u5DF2\u786E\u8BA4\u9009\u62E9",
       option: "\u9009\u9879",
@@ -6801,8 +6813,8 @@ function useSlashCommands({
 }
 
 // src/components/thread/messages/ai.tsx
-var React32 = __toESM(require("react"), 1);
-var import_lucide_react20 = require("lucide-react");
+var React33 = __toESM(require("react"), 1);
+var import_lucide_react21 = require("lucide-react");
 
 // src/lib/agent-run-render-tree.ts
 function isTextContent(content) {
@@ -8548,57 +8560,114 @@ function AgentRunGroup({
   ] });
 }
 
-// src/i18n/localized-text.ts
-function resolveLocalizedText(value, language) {
-  if (typeof value === "string") {
-    const trimmed = value.trim();
-    return trimmed || null;
-  }
-  if (!value || typeof value !== "object") return null;
-  const localized = value;
-  const normalizedLanguage = language.trim();
-  const underscoredLanguage = normalizedLanguage.replace(/-/g, "_");
-  const languagePrefix = normalizedLanguage.split("-")[0];
-  const preferredKeys = normalizedLanguage.startsWith("zh") ? [
-    normalizedLanguage,
-    underscoredLanguage,
-    "zh_Hans",
-    "zh-Hans",
-    "zh_CN",
-    "zh-CN",
-    "zh",
-    "en_US",
-    "en-US",
-    "en"
-  ] : [
-    normalizedLanguage,
-    underscoredLanguage,
-    "en_US",
-    "en-US",
-    "en",
-    languagePrefix,
-    "zh_Hans",
-    "zh-Hans",
-    "zh_CN",
-    "zh-CN",
-    "zh"
-  ];
-  for (const key of preferredKeys) {
-    const candidate = localized[key];
-    if (typeof candidate === "string" && candidate.trim()) {
-      return candidate.trim();
-    }
+// src/components/thread/messages/context-compression-message.tsx
+var React29 = require("react");
+var import_chatkit_types6 = require("@xpert-ai/chatkit-types");
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var CONTEXT_COMPRESSION_COMPONENT_TYPE = "context-compression";
+function isContextCompressionComponent(content) {
+  return content.data.category === "Tool" && content.data.type === CONTEXT_COMPRESSION_COMPONENT_TYPE;
+}
+function isSkipped(reason) {
+  return reason === "no_messages" || reason === "no_unprotected_history" || reason === "no_token_gain";
+}
+function ContextCompressionLabel({
+  data
+}) {
+  const { t } = useChatkitTranslation();
+  const status = data.status ?? "running";
+  const skipped = isSkipped(data.reason);
+  if (skipped) {
+    return t("message.contextCompression.skipped");
+  }
+  switch (status) {
+    case "success":
+      return t("message.contextCompression.success");
+    case "fail":
+      return t("message.contextCompression.fail");
+    default:
+      return t("message.contextCompression.running");
   }
-  for (const candidate of Object.values(localized)) {
-    if (typeof candidate === "string" && candidate.trim()) {
-      return candidate.trim();
-    }
+}
+function ContextCompressionIcon({
+  data
+}) {
+  const status = data.status ?? "running";
+  const skipped = isSkipped(data.reason);
+  if (status === "running") {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react17.Loader2, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 animate-spin" });
   }
-  return null;
+  if (status === "fail") {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react17.XCircle, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_lucide_react17.FileText,
+    {
+      "aria-hidden": "true",
+      className: cn("h-4 w-4 shrink-0", skipped && "opacity-80")
+    }
+  );
+}
+function getTooltipText(data, language) {
+  return (0, import_chatkit_types6.resolveLocalizedText)(
+    data.summary || data.error || data.message,
+    language
+  );
+}
+function ContextCompressionMessage({
+  content
+}) {
+  const { i18n: i18n2 } = useChatkitTranslation();
+  const data = content.data;
+  const status = data.status ?? "running";
+  const tooltipText = getTooltipText(data, i18n2.language);
+  const label = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ContextCompressionLabel, { data });
+  const center = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "div",
+    {
+      className: cn(
+        "inline-flex max-w-[80%] shrink-0 items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        tooltipText && "cursor-help",
+        status === "fail" && "text-destructive hover:text-destructive"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ContextCompressionIcon, { data }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          "span",
+          {
+            className: cn(
+              "truncate",
+              status === "running" && "ck-tool-call-running-text"
+            ),
+            children: label
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full items-center justify-center gap-3 py-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+    tooltipText ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipTrigger, { asChild: true, children: center }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        TooltipContent,
+        {
+          side: "top",
+          className: "max-h-80 max-w-xl overflow-auto whitespace-pre-wrap text-left text-xs leading-5",
+          children: tooltipText
+        }
+      )
+    ] }) : center,
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-px min-w-8 flex-1 bg-border" })
+  ] });
 }
 
+// src/i18n/localized-text.ts
+var import_chatkit_types7 = require("@xpert-ai/chatkit-types");
+
 // src/components/thread/messages/knowledge-retriever-component-renderer.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var KNOWLEDGE_RETRIEVER_TITLE = "Knowledge Retriever";
 var KNOWLEDGE_METADATA_SKIP_KEYS = /* @__PURE__ */ new Set([
   "assets",
@@ -8709,7 +8778,7 @@ function getRetrieverQuery(data, language) {
   if (isRecord2(input)) {
     return readString(input.query) ?? readString(input.input) ?? readString(input.question);
   }
-  return readString(resolveLocalizedText(data.message, language)) ?? readString(input);
+  return readString((0, import_chatkit_types7.resolveLocalizedText)(data.message, language)) ?? readString(input);
 }
 function hasKnowledgeRetrieverDetails(_content, data) {
   return isKnowledgeRetrieverComponent(_content, data);
@@ -8721,23 +8790,23 @@ function KnowledgeRawDataBlock({ value }) {
   const { t } = useChatkitTranslation();
   const detected = detectJsonValue(value);
   if (detected.kind === "text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PlainTextBlock, { value: detected.text });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PlainTextBlock, { value: detected.text });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
         t("message.toolGroup.jsonTitle"),
         " \xB7",
         " ",
         getJsonValueSummary(detected.value)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TabsList, { className: "rounded-md p-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TabsList, { className: "rounded-md p-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(JsonTreeView, { value: detected.value }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RawJsonBlock, { raw: detected.raw }) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(JsonTreeView, { value: detected.value }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RawJsonBlock, { raw: detected.raw }) })
   ] });
 }
 function KnowledgeRetrieverDetails({
@@ -8750,16 +8819,16 @@ function KnowledgeRetrieverDetails({
   const hasArrayData = Array.isArray(data.data);
   const hasRawFallback = rawData !== null && rawData !== void 0 && (!hasArrayData || Array.isArray(data.data) && data.data.length > 0 && results.length === 0);
   const showEmptyState = results.length === 0 && !hasRawFallback && data.status !== "running";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 space-y-3 px-3 py-2", children: [
-    query ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.queryTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "min-w-0 whitespace-pre-wrap wrap-break-word rounded-md bg-muted/40 px-3 py-2 font-mono text-[12px] leading-5 text-foreground/80", children: query })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 space-y-3 px-3 py-2", children: [
+    query ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.queryTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "min-w-0 whitespace-pre-wrap wrap-break-word rounded-md bg-muted/40 px-3 py-2 font-mono text-[12px] leading-5 text-foreground/80", children: query })
     ] }) : null,
-    results.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.resultsTitle", {
+    results.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.resultsTitle", {
         count: results.length
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "space-y-2", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-2", children: results.map((result, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         KnowledgeResultCard,
         {
           result,
@@ -8768,11 +8837,11 @@ function KnowledgeRetrieverDetails({
         result.id ?? `${result.title}-${index}`
       )) })
     ] }) : null,
-    hasRawFallback ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.rawDataTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(KnowledgeRawDataBlock, { value: rawData })
+    hasRawFallback ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.knowledgeRetriever.rawDataTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(KnowledgeRawDataBlock, { value: rawData })
     ] }) : null,
-    showEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "rounded-md border border-dashed border-border/70 px-3 py-4 text-center text-xs text-muted-foreground", children: t("message.knowledgeRetriever.noResults") }) : null
+    showEmptyState ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "rounded-md border border-dashed border-border/70 px-3 py-4 text-center text-xs text-muted-foreground", children: t("message.knowledgeRetriever.noResults") }) : null
   ] });
 }
 function KnowledgeResultCard({
@@ -8791,10 +8860,10 @@ function KnowledgeResultCard({
     ...result.metadata
   ];
   const titleClassName = "min-w-0 line-clamp-2 text-sm font-medium leading-5 text-foreground";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("article", { className: "min-w-0 rounded-md border border-border/60 bg-background/80 px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex min-w-0 items-start gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-medium text-muted-foreground", children: index + 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      result.url ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("article", { className: "min-w-0 rounded-md border border-border/60 bg-background/80 px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 items-start gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-medium text-muted-foreground", children: index + 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      result.url ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         "a",
         {
           id: titleId,
@@ -8804,37 +8873,37 @@ function KnowledgeResultCard({
           className: cn(titleClassName, "hover:underline"),
           children: [
             result.title,
-            result.lineRange ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "ml-1 text-muted-foreground", children: [
+            result.lineRange ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "ml-1 text-muted-foreground", children: [
               "[",
               result.lineRange,
               "]"
             ] }) : null
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { id: titleId, className: titleClassName, children: [
+      ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { id: titleId, className: titleClassName, children: [
         result.title,
-        result.lineRange ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "ml-1 text-muted-foreground", children: [
+        result.lineRange ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "ml-1 text-muted-foreground", children: [
           "[",
           result.lineRange,
           "]"
         ] }) : null
       ] }),
-      result.content ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-1 line-clamp-3 whitespace-pre-wrap text-xs leading-5 text-muted-foreground", children: result.content }) : null,
-      metadata.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      result.content ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 line-clamp-3 whitespace-pre-wrap text-xs leading-5 text-muted-foreground", children: result.content }) : null,
+      metadata.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         {
           className: "mt-2 flex flex-wrap gap-1.5",
           "aria-labelledby": titleId,
-          children: metadata.slice(0, 10).map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          children: metadata.slice(0, 10).map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
             "span",
             {
               className: "inline-flex min-w-0 max-w-full items-center gap-1 rounded-md bg-muted/50 px-1.5 py-0.5 text-[11px] leading-4 text-muted-foreground",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "shrink-0 font-medium text-foreground/70", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "shrink-0 font-medium text-foreground/70", children: [
                   item.key,
                   ":"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "min-w-0 truncate font-mono", children: item.value })
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "min-w-0 truncate font-mono", children: item.value })
               ]
             },
             `${item.key}:${item.value}`
@@ -8846,7 +8915,7 @@ function KnowledgeResultCard({
 }
 
 // src/components/thread/messages/web-search-component-renderer.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var webSearchComponentRenderer = {
   id: "computer-web-search-sources",
   presentation: "grouped-step",
@@ -8916,9 +8985,9 @@ function WebSearchToolCallOutput({
   const { t } = useChatkitTranslation();
   const sources = getWebSearchSources(data);
   if (sources.length === 0 || data.error !== void 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.sourcesTitle") }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "space-y-2", children: sources.map((source, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.sourcesTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "space-y-2", children: sources.map((source, index) => {
       const sourceHost = getSourceHost(source.url);
       const snippet = source.content ?? source.description;
       const metaParts = [
@@ -8926,13 +8995,13 @@ function WebSearchToolCallOutput({
         source.publishedDate,
         source.author
       ].filter((item) => Boolean(item));
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "div",
         {
           className: "min-w-0 rounded-md border border-border/60 bg-background/80 px-3 py-2",
           children: [
-            metaParts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mb-1 truncate text-[11px] text-muted-foreground", children: metaParts.join(" / ") }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            metaParts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mb-1 truncate text-[11px] text-muted-foreground", children: metaParts.join(" / ") }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "a",
               {
                 href: source.url,
@@ -8942,7 +9011,7 @@ function WebSearchToolCallOutput({
                 children: source.title
               }
             ),
-            snippet ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: snippet }) : null
+            snippet ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: snippet }) : null
           ]
         },
         `${source.url}-${index}`
@@ -8953,6 +9022,12 @@ function WebSearchToolCallOutput({
 
 // src/components/thread/messages/component-message-renderers.tsx
 var COMPONENT_MESSAGE_RENDERERS = [
+  {
+    id: "context-compression",
+    presentation: "standalone",
+    match: (content) => isContextCompressionComponent(content),
+    hasDetails: () => false
+  },
   knowledgeRetrieverComponentRenderer,
   webSearchComponentRenderer
 ];
@@ -8970,13 +9045,13 @@ function hasComponentMessageRendererDetails(renderer, content, data) {
 }
 
 // src/components/thread/messages/tool-component-group.tsx
-var React30 = __toESM(require("react"), 1);
-var import_lucide_react18 = require("lucide-react");
+var React31 = __toESM(require("react"), 1);
+var import_lucide_react19 = require("lucide-react");
 
 // src/components/thread/messages/sandbox-shell-tool-call.tsx
-var React29 = __toESM(require("react"), 1);
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var React30 = __toESM(require("react"), 1);
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var SANDBOX_SHELL_TEXT_CLASS = "text-[13px] leading-5 in-data-[density=compact]:text-xs in-data-[density=compact]:leading-4 in-data-[density=spacious]:text-sm in-data-[density=spacious]:leading-6";
 var SANDBOX_SHELL_SECTION_GAP_CLASS = "mt-2 in-data-[density=compact]:mt-1.5 in-data-[density=spacious]:mt-3";
 function normalizeShellToken(value) {
@@ -9031,7 +9106,7 @@ function getSandboxShellCommand(data, language) {
     const command = readShellString(source.command) ?? readShellString(source.cmd) ?? readShellString(source.input);
     if (command) return command;
   }
-  return readShellString(resolveLocalizedText(data.message, language)) ?? readShellString(resolveLocalizedText(data.title, language)) ?? "sandbox_shell";
+  return readShellString((0, import_chatkit_types7.resolveLocalizedText)(data.message, language)) ?? readShellString((0, import_chatkit_types7.resolveLocalizedText)(data.title, language)) ?? "sandbox_shell";
 }
 function getSandboxShellOutput(data) {
   const output = stringifyShellText(data.output) ?? stringifyShellText(data.data) ?? stringifyShellText(data.error);
@@ -9073,15 +9148,15 @@ function ShellCopyButton({
   className
 }) {
   const { t } = useChatkitTranslation();
-  const [isCopied, setIsCopied] = React29.useState(false);
-  const resetTimeoutRef = React29.useRef(null);
-  const clearResetTimeout = React29.useCallback(() => {
+  const [isCopied, setIsCopied] = React30.useState(false);
+  const resetTimeoutRef = React30.useRef(null);
+  const clearResetTimeout = React30.useCallback(() => {
     if (resetTimeoutRef.current === null) return;
     window.clearTimeout(resetTimeoutRef.current);
     resetTimeoutRef.current = null;
   }, []);
-  React29.useEffect(() => clearResetTimeout, [clearResetTimeout]);
-  const handleCopy = React29.useCallback(() => {
+  React30.useEffect(() => clearResetTimeout, [clearResetTimeout]);
+  const handleCopy = React30.useCallback(() => {
     if (typeof navigator === "undefined" || !navigator.clipboard) return;
     void navigator.clipboard.writeText(value).then(() => {
       setIsCopied(true);
@@ -9093,7 +9168,7 @@ function ShellCopyButton({
     }).catch(() => void 0);
   }, [clearResetTimeout, value]);
   const label = isCopied ? t("message.toolGroup.copied") : t("message.toolGroup.copy");
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "button",
     {
       type: "button",
@@ -9104,7 +9179,7 @@ function ShellCopyButton({
       "aria-label": label,
       title: label,
       onClick: handleCopy,
-      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Copy, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react18.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react18.Copy, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -9114,16 +9189,16 @@ function SandboxShellStatus({
 }) {
   const { t } = useChatkitTranslation();
   if (exitCode !== null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.exitCode", { code: exitCode }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.exitCode", { code: exitCode }) });
   }
   if (data.status === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.running") });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-muted-foreground/90", children: t("message.toolGroup.shell.running") });
   }
   if (data.status === "fail" || data.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-destructive/90", children: t("message.toolGroup.shell.failed") });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-destructive/90", children: t("message.toolGroup.shell.failed") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "inline-flex items-center gap-1 text-muted-foreground/90", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react17.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "inline-flex items-center gap-1 text-muted-foreground/90", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react18.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
     t("message.toolGroup.shell.success")
   ] });
 }
@@ -9134,14 +9209,14 @@ function SandboxShellToolCallCard({ data }) {
   const output = getSandboxShellOutput(data);
   const exitCode = getSandboxShellExitCode(data);
   const copyButtonClassName = "absolute right-1 top-1 h-6 w-6 opacity-0 transition-opacity group-hover/shell-copy:opacity-100 group-focus-within/shell-copy:opacity-100 in-data-[density=compact]:right-0.5 in-data-[density=compact]:top-0.5 in-data-[density=compact]:h-5 in-data-[density=compact]:w-5 in-data-[density=spacious]:right-1.5 in-data-[density=spacious]:top-1.5 in-data-[density=spacious]:h-7 in-data-[density=spacious]:w-7";
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
-      className: "flex max-h-64 min-w-0 flex-col overflow-hidden rounded-md bg-muted/60 px-3 py-2 text-left shadow-sm ring-1 ring-border/30 in-data-[density=compact]:max-h-52 in-data-[density=compact]:px-2 in-data-[density=compact]:py-1.5 in-data-[density=spacious]:max-h-80 in-data-[density=spacious]:px-4 in-data-[density=spacious]:py-3",
+      className: "flex max-h-64 min-w-0 flex-col overflow-hidden rounded-md bg-muted/60 px-3 my-1 text-left shadow-sm ring-1 ring-border/30 in-data-[density=compact]:max-h-52 in-data-[density=compact]:px-2 in-data-[density=compact]:py-1.5 in-data-[density=spacious]:max-h-80 in-data-[density=spacious]:px-4 in-data-[density=spacious]:py-3",
       "data-slot": "sandbox-shell-tool-call",
       "aria-label": "Shell",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "div",
           {
             className: cn(
@@ -9151,7 +9226,7 @@ function SandboxShellToolCallCard({ data }) {
             children: "Shell"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "div",
           {
             className: cn(
@@ -9159,7 +9234,7 @@ function SandboxShellToolCallCard({ data }) {
               SANDBOX_SHELL_SECTION_GAP_CLASS
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "pre",
                 {
                   className: cn(
@@ -9170,11 +9245,11 @@ function SandboxShellToolCallCard({ data }) {
                   children: formattedCommand
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ShellCopyButton, { value: command, className: copyButtonClassName })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ShellCopyButton, { value: command, className: copyButtonClassName })
             ]
           }
         ),
-        output ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        output ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           "div",
           {
             className: cn(
@@ -9182,7 +9257,7 @@ function SandboxShellToolCallCard({ data }) {
               SANDBOX_SHELL_SECTION_GAP_CLASS
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 "pre",
                 {
                   className: cn(
@@ -9193,18 +9268,18 @@ function SandboxShellToolCallCard({ data }) {
                   children: output
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ShellCopyButton, { value: output, className: copyButtonClassName })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ShellCopyButton, { value: output, className: copyButtonClassName })
             ]
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "div",
           {
             className: cn(
               "mt-3 flex shrink-0 justify-end in-data-[density=compact]:mt-2 in-data-[density=spacious]:mt-4",
               SANDBOX_SHELL_TEXT_CLASS
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SandboxShellStatus, { data, exitCode })
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SandboxShellStatus, { data, exitCode })
           }
         )
       ]
@@ -9213,19 +9288,19 @@ function SandboxShellToolCallCard({ data }) {
 }
 
 // src/components/thread/messages/tool-component-group.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var toolStatusConfig = {
   success: {
     iconClass: "border-green-500 text-green-700",
-    icon: import_lucide_react18.CheckCircle2
+    icon: import_lucide_react19.CheckCircle2
   },
   fail: {
     iconClass: "border-red-500 text-red-700",
-    icon: import_lucide_react18.XCircle
+    icon: import_lucide_react19.XCircle
   },
   running: {
     iconClass: "border-blue-500 text-blue-700",
-    icon: import_lucide_react18.Loader2
+    icon: import_lucide_react19.Loader2
   }
 };
 var TOOL_GROUP_CATEGORY_ORDER = [
@@ -9319,10 +9394,10 @@ function formatStepDuration2(durationMs) {
   return `${minutes}m ${seconds}s`;
 }
 function useFrozenTimestamp(shouldFreeze) {
-  const [frozenAt, setFrozenAt] = React30.useState(
+  const [frozenAt, setFrozenAt] = React31.useState(
     () => shouldFreeze ? Date.now() : null
   );
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (shouldFreeze) {
       setFrozenAt((current) => current ?? Date.now());
       return;
@@ -9332,12 +9407,12 @@ function useFrozenTimestamp(shouldFreeze) {
   return frozenAt;
 }
 function useToolStepDurationLabel(data, options) {
-  const [durationNow, setDurationNow] = React30.useState(() => Date.now());
+  const [durationNow, setDurationNow] = React31.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);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (status !== "running" || createdAt === null || endedAt !== null) {
       return;
     }
@@ -9392,7 +9467,7 @@ function normalizeToolToken3(value) {
 }
 function classifyToolToken(value) {
   const normalized = normalizeToolToken3(
-    typeof value === "string" ? value : resolveLocalizedText(value, "en-US")
+    typeof value === "string" ? value : (0, import_chatkit_types7.resolveLocalizedText)(value, "en-US")
   );
   if (!normalized) return null;
   const directMatch = TOOL_GROUP_TOKEN_CATEGORY[normalized];
@@ -9424,10 +9499,10 @@ function getToolGroupCategoryCounts(items) {
 function getToolActivityLabel(content, language, statusOverride) {
   const data = getToolStepData(content);
   const status = statusOverride ?? data.status;
-  const message = resolveLocalizedText(data.message, language);
-  const title = resolveLocalizedText(data.title, language);
-  const tool = resolveLocalizedText(data.tool, language);
-  const type = resolveLocalizedText(data.type, language);
+  const message = (0, import_chatkit_types7.resolveLocalizedText)(data.message, language);
+  const title = (0, import_chatkit_types7.resolveLocalizedText)(data.title, language);
+  const tool = (0, import_chatkit_types7.resolveLocalizedText)(data.tool, language);
+  const type = (0, import_chatkit_types7.resolveLocalizedText)(data.type, language);
   if (status === "running") {
     return message ?? title ?? tool ?? type ?? "Tool";
   }
@@ -9521,8 +9596,8 @@ function shouldUseToolsetAvatar(toolset) {
 }
 function useToolsetAvatar(toolsetId, enabled, apiUrl) {
   const avatarUrl = enabled ? createToolsetAvatarUrl(toolsetId, apiUrl) : null;
-  const [avatar, setAvatar] = React30.useState(null);
-  React30.useEffect(() => {
+  const [avatar, setAvatar] = React31.useState(null);
+  React31.useEffect(() => {
     if (!avatarUrl) {
       setAvatar(null);
       return;
@@ -9554,7 +9629,7 @@ function ToolAvatarIcon({
   className
 }) {
   if (avatar.url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "img",
       {
         alt: "",
@@ -9567,7 +9642,7 @@ function ToolAvatarIcon({
   }
   const emoji = unicodeFromUnified2(avatar.emoji?.unified);
   if (emoji) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -9582,8 +9657,8 @@ function ToolAvatarIcon({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_lucide_react18.CircleHelp,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_lucide_react19.CircleHelp,
     {
       className,
       "aria-hidden": "true",
@@ -9596,20 +9671,20 @@ function getKnownToolsetIcon(toolset) {
   if (!normalized) return null;
   switch (normalized) {
     case "project":
-      return import_lucide_react18.Building2;
+      return import_lucide_react19.Building2;
     case "transfer_to":
-      return import_lucide_react18.Repeat2;
+      return import_lucide_react19.Repeat2;
     case "knowledge":
     case "knowledgebase":
-      return import_lucide_react18.BookOpen;
+      return import_lucide_react19.BookOpen;
     case "project_tasks":
-      return import_lucide_react18.ListTodo;
+      return import_lucide_react19.ListTodo;
     case "memories":
-      return import_lucide_react18.Brain;
+      return import_lucide_react19.Brain;
     case "workflow_agent_tool":
-      return import_lucide_react18.Wrench;
+      return import_lucide_react19.Wrench;
     case "workflow_task":
-      return import_lucide_react18.Network;
+      return import_lucide_react19.Network;
     default:
       return null;
   }
@@ -9619,15 +9694,15 @@ function getStepTypeIcon(type) {
   if (!normalized) return null;
   switch (normalized) {
     case "file":
-      return import_lucide_react18.FileText;
+      return import_lucide_react19.FileText;
     case "files":
-      return import_lucide_react18.Files;
+      return import_lucide_react19.Files;
     case "program":
-      return import_lucide_react18.SquareTerminal;
+      return import_lucide_react19.SquareTerminal;
     case "web_search":
-      return import_lucide_react18.Search;
+      return import_lucide_react19.Search;
     case "knowledges":
-      return import_lucide_react18.BookOpen;
+      return import_lucide_react19.BookOpen;
     default:
       return null;
   }
@@ -9645,12 +9720,12 @@ function ToolStepIcon({
     apiUrl
   );
   const iconUrl = createToolsetIconUrl(data.toolset, organizationId, apiUrl);
-  const [failedIconUrl, setFailedIconUrl] = React30.useState(null);
-  React30.useEffect(() => {
+  const [failedIconUrl, setFailedIconUrl] = React31.useState(null);
+  React31.useEffect(() => {
     setFailedIconUrl(null);
   }, [iconUrl]);
   if (avatar) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       ToolAvatarIcon,
       {
         avatar,
@@ -9660,7 +9735,7 @@ function ToolStepIcon({
     );
   }
   if (iconUrl && failedIconUrl !== iconUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "img",
       {
         alt: "",
@@ -9674,7 +9749,7 @@ function ToolStepIcon({
   }
   const TypeIcon = getStepTypeIcon(data.type);
   if (TypeIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       TypeIcon,
       {
         className,
@@ -9685,7 +9760,7 @@ function ToolStepIcon({
   }
   const ToolsetIcon = getKnownToolsetIcon(data.toolset);
   if (ToolsetIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       ToolsetIcon,
       {
         className,
@@ -9695,8 +9770,8 @@ function ToolStepIcon({
     );
   }
   if (usesToolsetAvatar) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_lucide_react18.CircleHelp,
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_lucide_react19.CircleHelp,
       {
         className,
         "aria-hidden": "true",
@@ -9704,8 +9779,8 @@ function ToolStepIcon({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_lucide_react18.CircleHelp,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_lucide_react19.CircleHelp,
     {
       className,
       "aria-hidden": "true",
@@ -9718,15 +9793,15 @@ function ToolCallCopyButton({
   className
 }) {
   const { t } = useChatkitTranslation();
-  const [isCopied, setIsCopied] = React30.useState(false);
-  const resetTimeoutRef = React30.useRef(null);
-  const clearResetTimeout = React30.useCallback(() => {
+  const [isCopied, setIsCopied] = React31.useState(false);
+  const resetTimeoutRef = React31.useRef(null);
+  const clearResetTimeout = React31.useCallback(() => {
     if (resetTimeoutRef.current === null) return;
     window.clearTimeout(resetTimeoutRef.current);
     resetTimeoutRef.current = null;
   }, []);
-  React30.useEffect(() => clearResetTimeout, [clearResetTimeout]);
-  const handleCopy = React30.useCallback(() => {
+  React31.useEffect(() => clearResetTimeout, [clearResetTimeout]);
+  const handleCopy = React31.useCallback(() => {
     if (typeof navigator === "undefined" || !navigator.clipboard) return;
     void navigator.clipboard.writeText(value).then(() => {
       setIsCopied(true);
@@ -9738,7 +9813,7 @@ function ToolCallCopyButton({
     }).catch(() => void 0);
   }, [clearResetTimeout, value]);
   const label = isCopied ? t("message.toolGroup.copied") : t("message.toolGroup.copy");
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "button",
     {
       type: "button",
@@ -9749,7 +9824,7 @@ function ToolCallCopyButton({
       "aria-label": label,
       title: label,
       onClick: handleCopy,
-      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react18.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react18.Copy, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react19.Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react19.Copy, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -9760,28 +9835,28 @@ function ToolCallValueBlock({
   const { t } = useChatkitTranslation();
   const detected = detectJsonValue(value);
   if (detected.kind === "text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0 space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallCopyButton, { value: detected.text }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PlainTextBlock, { value: detected.text, destructive })
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallCopyButton, { value: detected.text }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(PlainTextBlock, { value: detected.text, destructive })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tabs, { defaultValue: "tree", className: "min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mb-2 flex min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "min-w-0 truncate text-[11px] text-muted-foreground", children: [
         t("message.toolGroup.jsonTitle"),
         " \xB7 ",
         getJsonValueSummary(detected.value)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallCopyButton, { value: detected.raw }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(TabsList, { className: "rounded-md p-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallCopyButton, { value: detected.raw }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(TabsList, { className: "rounded-md p-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "tree", children: t("message.toolGroup.jsonTree") }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TabsTrigger, { className: "px-2 py-0.5 text-[11px]", value: "raw", children: t("message.toolGroup.jsonRaw") })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(JsonTreeView, { value: detected.value }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RawJsonBlock, { raw: detected.raw }) })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TabsContent, { value: "tree", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(JsonTreeView, { value: detected.value }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TabsContent, { value: "raw", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RawJsonBlock, { raw: detected.raw }) })
   ] });
 }
 function DefaultToolCallOutput({ data }) {
@@ -9789,40 +9864,40 @@ function DefaultToolCallOutput({ data }) {
   const output = data.output ?? null;
   const error = data.error ?? null;
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-[11px] font-medium text-destructive", children: t("message.toolGroup.errorTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallValueBlock, { value: error, destructive: true })
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-[11px] font-medium text-destructive", children: t("message.toolGroup.errorTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallValueBlock, { value: error, destructive: true })
     ] });
   }
   if (output === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.outputTitle") }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallValueBlock, { value: output })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.outputTitle") }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallValueBlock, { value: output })
   ] });
 }
 function ToolCallDetails({ content }) {
   const { t } = useChatkitTranslation();
   const data = getToolStepData(content);
   if (isSandboxShellStep(data)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ml-6 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SandboxShellToolCallCard, { data }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(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__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CustomDetailsRenderer, { content, data }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ml-6 mt-1 max-h-60 overflow-auto rounded-md bg-muted/30 text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CustomDetailsRenderer, { content, data }) });
   }
   const OutputRenderer = getToolCallOutputRenderer(data);
   const hasInput = data.input !== void 0 && data.input !== null;
   const hasOutput = data.error !== void 0 || data.output !== void 0;
   if (!hasInput && !hasOutput) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.inputTitle") }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallValueBlock, { value: data.input })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-[11px] font-medium text-muted-foreground", children: t("message.toolGroup.inputTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallValueBlock, { value: data.input })
     ] }),
-    hasInput && hasOutput ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-2" }) : null,
-    hasOutput ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OutputRenderer, { content, data }) : null
+    hasInput && hasOutput ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-2" }) : null,
+    hasOutput ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(OutputRenderer, { content, data }) : null
   ] });
 }
 function areToolCallRowPropsEqual(previous, next) {
@@ -9839,7 +9914,7 @@ function ToolCallRowContent({
   const status = getEffectiveToolStepStatus(data, isThreadRunning);
   const hasError = status === "fail" || Boolean(data.error);
   const isSandboxShell = isSandboxShellStep(data);
-  const detailsId = React30.useId();
+  const detailsId = React31.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);
@@ -9851,14 +9926,14 @@ function ToolCallRowContent({
     status,
     fallbackEndedAt
   });
-  const [isExpanded, setIsExpanded] = React30.useState(false);
-  React30.useEffect(() => {
+  const [isExpanded, setIsExpanded] = React31.useState(false);
+  React31.useEffect(() => {
     if (status === "running" && data.output !== void 0) {
       setIsExpanded(true);
     }
   }, [data.output, status]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("li", { className: "ck-tool-call-row-enter min-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: "ck-tool-call-row-enter min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "button",
       {
         type: "button",
@@ -9875,7 +9950,7 @@ function ToolCallRowContent({
           if (hasDetails) setIsExpanded((prev) => !prev);
         },
         children: [
-          status ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          status ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             ToolStepIcon,
             {
               data,
@@ -9886,8 +9961,8 @@ function ToolCallRowContent({
                 hasError && !isSandboxShell ? "text-destructive" : "text-muted-foreground"
               )
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "span",
             {
               className: cn(
@@ -9898,9 +9973,9 @@ function ToolCallRowContent({
               children: label
             }
           ),
-          durationLabel ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground/80", children: durationLabel }) : null,
-          hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            import_lucide_react18.ChevronRight,
+          durationLabel ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "shrink-0 text-[11px] tabular-nums text-muted-foreground/80", children: durationLabel }) : null,
+          hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_lucide_react19.ChevronRight,
             {
               "aria-hidden": "true",
               className: cn(
@@ -9912,10 +9987,10 @@ function ToolCallRowContent({
         ]
       }
     ),
-    hasDetails && isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { id: detailsId, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ToolCallDetails, { content }) }) : null
+    hasDetails && isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { id: detailsId, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ToolCallDetails, { content }) }) : null
   ] });
 }
-var ToolCallRow = React30.memo(ToolCallRowContent, areToolCallRowPropsEqual);
+var ToolCallRow = React31.memo(ToolCallRowContent, areToolCallRowPropsEqual);
 ToolCallRow.displayName = "ToolCallRow";
 function ToolComponentGroup({
   items,
@@ -9925,8 +10000,8 @@ function ToolComponentGroup({
   apiUrl
 }) {
   const { t } = useChatkitTranslation();
-  const contentId = React30.useId();
-  const [isExpanded, setIsExpanded] = React30.useState(!hasFollowingItem);
+  const contentId = React31.useId();
+  const [isExpanded, setIsExpanded] = React31.useState(!hasFollowingItem);
   const categoryCounts = getToolGroupCategoryCounts(items);
   const categorySummary = TOOL_GROUP_CATEGORY_ORDER.flatMap((category) => {
     const count = categoryCounts[category] ?? 0;
@@ -9941,11 +10016,11 @@ function ToolComponentGroup({
   const summary = `${t("message.toolGroup.status.success")} ${categorySummary}`;
   const config = toolStatusConfig.success;
   const StatusIcon = config.icon;
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     setIsExpanded(!hasFollowingItem);
   }, [hasFollowingItem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "px-1 py-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-1 py-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "button",
       {
         type: "button",
@@ -9954,8 +10029,8 @@ function ToolComponentGroup({
         "aria-controls": contentId,
         onClick: () => setIsExpanded((prev) => !prev),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-sm font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               StatusIcon,
               {
                 className: cn(
@@ -9964,10 +10039,10 @@ function ToolComponentGroup({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "truncate", children: summary })
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "truncate", children: summary })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            import_lucide_react18.ChevronRight,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            import_lucide_react19.ChevronRight,
             {
               "aria-hidden": "true",
               className: cn(
@@ -9979,7 +10054,7 @@ function ToolComponentGroup({
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { id: contentId, className: "mt-2 space-y-1.5 overflow-y-auto pr-1", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { id: contentId, className: "mt-2 space-y-1.5 overflow-y-auto pr-1", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       ToolCallRow,
       {
         content: item,
@@ -9993,10 +10068,10 @@ function ToolComponentGroup({
 }
 
 // src/components/thread/messages/request-user-input-result-card.tsx
-var React31 = require("react");
-var import_chatkit_types6 = require("@xpert-ai/chatkit-types");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var React32 = require("react");
+var import_chatkit_types8 = require("@xpert-ai/chatkit-types");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function isRecord3(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
@@ -10035,7 +10110,7 @@ function collectPotentialToolCalls(messages) {
 function findRequestUserInputClientToolCallById(messages, id) {
   if (!id) return null;
   return collectPotentialToolCalls(messages).find(
-    (call) => getToolCallId(call) === id && getToolCallName(call) === import_chatkit_types6.REQUEST_USER_INPUT_TOOL_NAME
+    (call) => getToolCallId(call) === id && getToolCallName(call) === import_chatkit_types8.REQUEST_USER_INPUT_TOOL_NAME
   ) ?? null;
 }
 function normalizeAnswer(value) {
@@ -10070,7 +10145,7 @@ function parseResultOutput(output) {
   if (!isRecord3(result) || !Array.isArray(result.answers)) {
     return null;
   }
-  const hasExplicitType = result.type === import_chatkit_types6.REQUEST_USER_INPUT_RESULT_TYPE;
+  const hasExplicitType = result.type === import_chatkit_types8.REQUEST_USER_INPUT_RESULT_TYPE;
   const answers = result.answers.map(normalizeAnswer);
   if (answers.some((answer) => answer === null)) {
     return null;
@@ -10108,7 +10183,7 @@ function RequestUserInputResultCard({
   className
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "section",
     {
       "aria-label": t("message.requestUserInputResult.title"),
@@ -10117,23 +10192,23 @@ function RequestUserInputResultCard({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold text-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react19.CheckCircle2, { className: "h-4 w-4 text-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: t("message.requestUserInputResult.title") })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mb-2 flex items-center gap-2 text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react20.CheckCircle2, { className: "h-4 w-4 text-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: t("message.requestUserInputResult.title") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "space-y-2", children: result.answers.map((answer, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-2", children: result.answers.map((answer, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           "div",
           {
             className: "rounded-md bg-background/70 px-2.5 py-2",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-xs font-medium leading-5 text-muted-foreground", children: answer.question }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mt-0.5 flex min-w-0 flex-wrap items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "min-w-0 wrap-break-word text-sm font-semibold text-foreground", children: answer.label ?? answer.value }),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "rounded-full bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground", children: t(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-xs font-medium leading-5 text-muted-foreground", children: answer.question }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "mt-0.5 flex min-w-0 flex-wrap items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "min-w-0 wrap-break-word text-sm font-semibold text-foreground", children: answer.label ?? answer.value }),
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: answer.description }) : null
+              answer.description ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: answer.description }) : null
             ]
           },
           `${answer.id}-${index}`
@@ -10145,18 +10220,18 @@ function RequestUserInputResultCard({
 
 // src/components/thread/messages/widget.tsx
 var import_a2ui_react = require("@xpert-ai/a2ui-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-3", children: widgets.map((widget, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-3", children: widgets.map((widget, index) => {
     const config = widget?.config;
     if (!config || typeof config !== "object") {
       return null;
     }
     const surfaceId = widgets.length > 1 ? `${baseSurfaceId}-${index}` : baseSurfaceId;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_a2ui_react.SurfaceRenderer,
       {
         surfaceId,
@@ -10168,7 +10243,7 @@ function WidgetMessage({ messageId, data }) {
 }
 
 // src/components/thread/messages/ai.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("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";
@@ -10199,14 +10274,16 @@ function safeJson3(value) {
 function formatDisplayValue3(value) {
   return typeof value === "string" ? value : safeJson3(value);
 }
-function ReasoningBlock({ reasoning }) {
+function ReasoningBlock({
+  reasoning
+}) {
   const blocks = reasoning.filter((item) => item.text?.trim());
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-2", children: blocks.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-2", children: blocks.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: "rounded-lg border bg-muted/40 p-3 text-xs text-muted-foreground",
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "whitespace-pre-wrap wrap-break-word leading-relaxed", children: item.text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "whitespace-pre-wrap wrap-break-word leading-relaxed", children: item.text })
     },
     item.id ?? `reasoning-${index}`
   )) });
@@ -10214,20 +10291,27 @@ function ReasoningBlock({ reasoning }) {
 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__ */ (0, import_jsx_runtime38.jsxs)(Card, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardHeader, { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardTitle, { className: "text-sm", children: "Image" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: safeJson3(content) })
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardHeader, { className: "space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, { className: "text-sm", children: "Image" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: safeJson3(content) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("figure", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: imageUrl, alt: "Assistant output", className: "h-auto w-full object-cover" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("figure", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "img",
+    {
+      src: imageUrl,
+      alt: "Assistant output",
+      className: "h-auto w-full object-cover"
+    }
+  ) });
 }
 function MemoryBlock({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardTitle, { className: "text-sm", children: "Memory" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge, { variant: "secondary", children: "Memory" })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, { className: "text-sm", children: "Memory" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge, { variant: "secondary", children: "Memory" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: safeJson3(content.data ?? []) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: safeJson3(content.data ?? []) }) })
   ] });
 }
 function parseStepDate2(value) {
@@ -10261,11 +10345,11 @@ function formatStepDuration3(durationMs) {
 }
 function ComponentBlock({ content }) {
   const { i18n: i18n2 } = useChatkitTranslation();
-  const [isExpanded, setIsExpanded] = React32.useState(false);
-  const contentRef = React32.useRef(null);
-  const shouldAutoScrollRef = React32.useRef(true);
-  const previousScrollTopRef = React32.useRef(0);
-  const [durationNow, setDurationNow] = React32.useState(() => Date.now());
+  const [isExpanded, setIsExpanded] = React33.useState(false);
+  const contentRef = React33.useRef(null);
+  const shouldAutoScrollRef = React33.useRef(true);
+  const previousScrollTopRef = React33.useRef(0);
+  const [durationNow, setDurationNow] = React33.useState(() => Date.now());
   const data = getToolStepData(content);
   const category = data.category ?? "Component";
   const title = getToolActivityLabel(content, i18n2.language);
@@ -10279,10 +10363,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);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (status === "running" && output !== null) setIsExpanded(true);
   }, [status, output]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (status !== "running" || createdAt === null || endedAt !== null) {
       return;
     }
@@ -10294,7 +10378,7 @@ function ComponentBlock({ content }) {
       window.clearInterval(timer);
     };
   }, [createdAt, endedAt, status]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     const element = contentRef.current;
     if (!element) return;
     previousScrollTopRef.current = element.scrollTop;
@@ -10309,12 +10393,14 @@ function ComponentBlock({ content }) {
       shouldAutoScrollRef.current = isNearBottom(element);
     };
     updateAutoScrollState();
-    element.addEventListener("scroll", updateAutoScrollState, { passive: true });
+    element.addEventListener("scroll", updateAutoScrollState, {
+      passive: true
+    });
     return () => {
       element.removeEventListener("scroll", updateAutoScrollState);
     };
   }, [isExpanded]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (status !== "running") {
       shouldAutoScrollRef.current = true;
       return;
@@ -10327,76 +10413,112 @@ function ComponentBlock({ content }) {
   }, [isExpanded, output, status]);
   const config = status ? toolStatusConfig[status] : null;
   const StatusIcon = config?.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between gap-2 px-2 py-1 cursor-pointer", onClick: () => setIsExpanded(!isExpanded), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center space-x-1 flex-1 min-w-0", children: [
-        status && StatusIcon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StatusIcon, { className: cn("h-4 w-4", config?.iconClass, status === "running" && "animate-spin") }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardTitle, { className: "text-sm truncate", children: title })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-wrap items-center gap-2 shrink-0", children: [
-        durationLabel && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground tabular-nums", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react20.Clock3, { className: "h-3 w-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: durationLabel })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge, { variant: "secondary", className: "rounded-lg px-1.5", children: category }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          "button",
-          {
-            className: "text-muted-foreground hover:text-foreground transition-colors",
-            "aria-label": isExpanded ? "Collapse" : "Expand",
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-              import_lucide_react20.ChevronDown,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      CardHeader,
+      {
+        className: "flex flex-row items-center justify-between gap-2 px-2 py-1 cursor-pointer",
+        onClick: () => setIsExpanded(!isExpanded),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center space-x-1 flex-1 min-w-0", children: [
+            status && StatusIcon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              StatusIcon,
+              {
+                className: cn(
+                  "h-4 w-4",
+                  config?.iconClass,
+                  status === "running" && "animate-spin"
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, { className: "text-sm truncate", children: title })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex flex-wrap items-center gap-2 shrink-0", children: [
+            durationLabel && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground tabular-nums", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Clock3, { className: "h-3 w-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: durationLabel })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge, { variant: "secondary", className: "rounded-lg px-1.5", children: category }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              "button",
               {
-                className: cn("h-4 w-4 transition-transform", isExpanded && "rotate-180")
+                className: "text-muted-foreground hover:text-foreground transition-colors",
+                "aria-label": isExpanded ? "Collapse" : "Expand",
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  import_lucide_react21.ChevronDown,
+                  {
+                    className: cn(
+                      "h-4 w-4 transition-transform",
+                      isExpanded && "rotate-180"
+                    )
+                  }
+                )
               }
             )
-          }
-        )
-      ] })
-    ] }),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(CardContent, { ref: contentRef, className: "text-xs text-muted-foreground max-h-60 overflow-auto", children: [
-      data.input && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(data.input) }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word text-destructive", children: formatDisplayValue3(error) }) : hasOutput && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(fallback) })
-    ] })
+          ] })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      CardContent,
+      {
+        ref: contentRef,
+        className: "text-xs text-muted-foreground max-h-60 overflow-auto",
+        children: [
+          data.input && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(data.input) }),
+          error ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word text-destructive", children: formatDisplayValue3(error) }) : hasOutput && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { className: "whitespace-pre-wrap wrap-break-word", children: formatDisplayValue3(fallback) })
+        ]
+      }
+    )
   ] });
 }
 function UnknownBlock({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardTitle, { className: "text-sm", children: "Assistant Content" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Badge, { variant: "outline", children: content.type ?? "unknown" })
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, { className: "text-sm", children: "Assistant Content" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge, { variant: "outline", children: content.type ?? "unknown" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("pre", { className: "whitespace-pre-wrap break-words", children: safeJson3(content) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, { className: "text-xs text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime38.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MarkdownText, { children: content }) }, `text-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MarkdownText, { children: content }) }, `text-${index}`);
   }
   if (isTextContent3(content)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }
   if (isReasoningContent3(content)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ReasoningBlock, { reasoning: [content] }) }, content.id ?? `reasoning-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ReasoningBlock, { reasoning: [content] }) }, content.id ?? `reasoning-${index}`);
   }
   if (isImageContent(content)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ImageBlock, { content }) }, content.id ?? `image-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ImageBlock, { content }) }, content.id ?? `image-${index}`);
   }
   if (isComponentContent3(content)) {
+    if (isContextCompressionComponent(content)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        "div",
+        {
+          className: "w-full",
+          children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ContextCompressionMessage, { content })
+        },
+        content.id ?? `context-compression-${index}`
+      );
+    }
     const requestUserInputResult = getRequestUserInputResultCardData(
       content,
       lookupMessages
     );
     if (requestUserInputResult) {
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RequestUserInputResultCard, { result: requestUserInputResult }) }, content.id ?? `request-user-input-result-${index}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RequestUserInputResultCard, { result: requestUserInputResult }) }, content.id ?? `request-user-input-result-${index}`);
     }
     if (isWidgetComponent2(content)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
     }
     if (getComponentMessagePresentation(content, getToolStepData(content)) === "grouped-step") {
-      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         ToolComponentGroup,
         {
           items: [content],
@@ -10407,15 +10529,15 @@ function renderContentItem(content, index, message, lookupMessages, options) {
         }
       ) }, content.id ?? `component-group-${index}`);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ComponentBlock, { content }) }, content.id ?? `component-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ComponentBlock, { content }) }, content.id ?? `component-${index}`);
   }
   if (isMemoryContent(content)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MemoryBlock, { content }) }, content.id ?? `memory-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MemoryBlock, { content }) }, content.id ?? `memory-${index}`);
   }
   if (isAgentEventContent(content)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AgentEventRow, { content }) }, content.id ?? `agent-event-${index}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AgentEventRow, { content }) }, content.id ?? `agent-event-${index}`);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UnknownBlock, { content }) }, content.id ?? `unknown-${index}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UnknownBlock, { content }) }, content.id ?? `unknown-${index}`);
 }
 function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, options) {
   if (unit.type === "item") {
@@ -10426,7 +10548,7 @@ function renderContentUnit(unit, message, lookupMessages, hasFollowingItem, opti
       isAgentOutput: options?.isAgentOutput
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     ToolComponentGroup,
     {
       items: unit.items,
@@ -10463,7 +10585,7 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     const batch = entryBatch;
     entryBatch = [];
     rendered.push(
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(React32.Fragment, { children: renderEntryBatch(batch, message, lookupMessages, hasFollowingItem, {
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(React33.Fragment, { children: renderEntryBatch(batch, message, lookupMessages, hasFollowingItem, {
         ...options,
         isAgentOutput: depth > 0
       }) }, `entries-${batch[0]?.order ?? rendered.length}`)
@@ -10480,7 +10602,7 @@ function renderAssistantRenderUnits(units, message, lookupMessages, options, dep
     }
     flushEntries(true);
     rendered.push(
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         AgentRunGroup,
         {
           node: unit.node,
@@ -10505,7 +10627,7 @@ function renderContent(message, lookupMessages, options) {
     message
   );
   if (renderTree.hasAgentRuns) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: assistantMessageStackClassName, children: renderAssistantRenderUnits(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: assistantMessageStackClassName, children: renderAssistantRenderUnits(
       renderTree.units,
       message,
       lookupMessages,
@@ -10515,13 +10637,13 @@ function renderContent(message, lookupMessages, options) {
   const content = message.content;
   if (typeof content === "string") {
     if (!content.trim()) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MarkdownText, { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MarkdownText, { children: content });
   }
   if (!Array.isArray(content) || content.length === 0) return null;
   const renderUnits = buildToolComponentRenderUnits(content, {
     shouldGroupComponent: (item) => getRequestUserInputResultCardData(item, lookupMessages) === null
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-3", children: renderUnits.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "space-y-3", children: renderUnits.map(
     (unit, index) => renderContentUnit(
       unit,
       message,
@@ -10541,7 +10663,7 @@ function AssistantStreamingIndicator({
     thinking: t("message.thinking"),
     answering: t("message.answering")
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       className: cn(
@@ -10549,18 +10671,18 @@ function AssistantStreamingIndicator({
         className
       ),
       children: [
-        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react20.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-        status === "thinking" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+        status === "thinking" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-1.5 w-1.5 rounded-full bg-current animate-bounce" })
         ] }),
-        status === "answering" && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
+        status === "answering" && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-end gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-2 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.25s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-3 w-0.5 rounded-full bg-current animate-pulse [animation-delay:-0.1s]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "h-2.5 w-0.5 rounded-full bg-current animate-pulse" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: labelMap[status] })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: labelMap[status] })
       ]
     }
   );
@@ -10589,42 +10711,42 @@ function AssistantMessage({
     organizationId,
     apiUrl
   });
-  const reasoningNode = hasReasoning ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ReasoningBlock, { reasoning: rootReasoning ?? [] }) : null;
+  const reasoningNode = hasReasoning ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ReasoningBlock, { reasoning: rootReasoning ?? [] }) : null;
   if (!hasContent && !hasReasoning && !resolvedStreamingStatus) return null;
   const streamingClass = isStreaming ? "streaming-active" : "";
   if (!hasContent && !hasReasoning && resolvedStreamingStatus) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("space-y-3", streamingClass, className), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("space-y-3", streamingClass, className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) });
   }
   if (hasContent && hasReasoning) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         Tabs,
         {
           defaultValue: message.status === "reasoning" ? "reasoning" : "answer",
           className: "w-full",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(TabsList, { className: "", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TabsTrigger, { value: "answer", children: t("message.answer") }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TabsTrigger, { value: "reasoning", children: t("message.reasoning") })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(TabsList, { className: "", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TabsTrigger, { value: "answer", children: t("message.answer") }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TabsTrigger, { value: "reasoning", children: t("message.reasoning") })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TabsContent, { value: "answer", className: "space-y-3", children: answerNode }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TabsContent, { value: "reasoning", className: "space-y-3", children: reasoningNode })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TabsContent, { value: "answer", className: "space-y-3", children: answerNode }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TabsContent, { value: "reasoning", className: "space-y-3", children: reasoningNode })
           ]
         }
       ),
-      resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
+      resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("space-y-3", streamingClass, className), children: [
     hasReasoning ? reasoningNode : answerNode,
-    resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
+    resolvedStreamingStatus ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AssistantStreamingIndicator, { status: resolvedStreamingStatus }) : null
   ] });
 }
 
 // src/components/thread/MessageActions.tsx
-var React33 = __toESM(require("react"), 1);
-var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var React34 = __toESM(require("react"), 1);
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function MessageActions({
   content,
   isAssistant = false,
@@ -10633,7 +10755,7 @@ function MessageActions({
   className
 }) {
   const { t } = useChatkitTranslation();
-  const [copied, setCopied] = React33.useState(false);
+  const [copied, setCopied] = React34.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -10646,7 +10768,7 @@ function MessageActions({
   if (isStreaming) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: cn(
@@ -10654,7 +10776,7 @@ function MessageActions({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "button",
           {
             type: "button",
@@ -10664,17 +10786,17 @@ function MessageActions({
               copied && "text-green-500"
             ),
             title: copied ? t("messageActions.copied") : t("messageActions.copy"),
-            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Copy, { size: 14 })
+            children: copied ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Check, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Copy, { size: 14 })
           }
         ),
-        isAssistant && onRetry && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        isAssistant && onRetry && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "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__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.RefreshCw, { size: 14 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.RefreshCw, { size: 14 })
           }
         )
       ]
@@ -10683,20 +10805,20 @@ function MessageActions({
 }
 
 // src/components/thread/StartScreen.tsx
-var React34 = require("react");
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var React35 = require("react");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function getIconComponent2(icon) {
   const iconMap = {
-    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.HelpCircle, { size: 20 }),
-    "lightbulb": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Lightbulb, { size: 20 }),
-    "sparkle": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Sparkles, { size: 20 }),
-    "write": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Pencil, { size: 20 }),
-    "search": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Search, { size: 20 }),
-    "globe": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Globe, { size: 20 }),
-    "book-open": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.BookOpen, { size: 20 }),
-    "compass": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Compass, { size: 20 }),
-    "bolt": /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Zap, { size: 20 })
+    "circle-question": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.HelpCircle, { size: 20 }),
+    "lightbulb": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Lightbulb, { size: 20 }),
+    "sparkle": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Sparkles, { size: 20 }),
+    "write": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Pencil, { size: 20 }),
+    "search": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Search, { size: 20 }),
+    "globe": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Globe, { size: 20 }),
+    "book-open": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.BookOpen, { size: 20 }),
+    "compass": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Compass, { size: 20 }),
+    "bolt": /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Zap, { size: 20 })
   };
   return icon ? iconMap[icon] || iconMap["sparkle"] : iconMap["sparkle"];
 }
@@ -10704,9 +10826,9 @@ function StartScreen({ startScreen, onPromptClick, className }) {
   const { t } = useChatkitTranslation();
   const greeting = startScreen?.greeting ?? t("startScreen.greeting");
   const prompts = startScreen?.prompts ?? [];
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("flex flex-col items-center justify-center py-12 px-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mb-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-2xl font-semibold text-foreground mb-2", children: greeting }) }),
-    prompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex flex-col items-center justify-center py-12 px-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h2", { className: "text-2xl font-semibold text-foreground mb-2", children: greeting }) }),
+    prompts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: prompts.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "button",
       {
         type: "button",
@@ -10717,8 +10839,8 @@ function StartScreen({ startScreen, onPromptClick, className }) {
           "focus:outline-none focus:ring-2 focus:ring-primary/20"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium text-foreground", children: item.label })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: getIconComponent2(item.icon) }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-foreground", children: item.label })
         ]
       },
       `prompt-${index}`
@@ -10727,7 +10849,7 @@ function StartScreen({ startScreen, onPromptClick, className }) {
 }
 
 // src/hooks/useThreads.ts
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var DEFAULT_LIMIT = 50;
 var getThreadTitle = (threadRecord) => {
   const title = threadRecord.title?.trim();
@@ -10780,16 +10902,16 @@ function useThreads(limit = DEFAULT_LIMIT) {
     isLoading: isStreamLoading,
     error: streamError
   } = useStreamContext();
-  const [threadRecords, setThreadRecords] = React35.useState([]);
-  const [isLoading, setIsLoading] = React35.useState(false);
-  const [error, setError] = React35.useState(null);
-  const upsertThreadRecord = React35.useCallback((threadRecord) => {
+  const [threadRecords, setThreadRecords] = React36.useState([]);
+  const [isLoading, setIsLoading] = React36.useState(false);
+  const [error, setError] = React36.useState(null);
+  const upsertThreadRecord = React36.useCallback((threadRecord) => {
     setThreadRecords((prev) => {
       const next = prev.filter((item) => item.id !== threadRecord.id);
       return sortThreadRecords([threadRecord, ...next]);
     });
   }, []);
-  const refreshThreads = React35.useCallback(async () => {
+  const refreshThreads = React36.useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -10805,7 +10927,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       setIsLoading(false);
     }
   }, [client, limit, assistantId]);
-  const createThread = React35.useCallback(
+  const createThread = React36.useCallback(
     async (input) => {
       setError(null);
       const payload = {};
@@ -10819,7 +10941,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client, upsertThreadRecord]
   );
-  const updateThread = React35.useCallback(
+  const updateThread = React36.useCallback(
     async (recordId, payload) => {
       setError(null);
       const updated = await client.conversations.update(recordId, payload);
@@ -10828,7 +10950,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client, upsertThreadRecord]
   );
-  const deleteThread = React35.useCallback(
+  const deleteThread = React36.useCallback(
     async (recordId) => {
       setError(null);
       await client.conversations.delete(recordId);
@@ -10836,11 +10958,11 @@ function useThreads(limit = DEFAULT_LIMIT) {
     },
     [client]
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!isReady) return;
     void refreshThreads();
   }, [refreshThreads, isReady]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!threadId || !isStreamLoading) return;
     const now = (/* @__PURE__ */ new Date()).toISOString();
     const busyStatus = "busy";
@@ -10861,7 +10983,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       return changed ? sortThreadRecords(next) : prev;
     });
   }, [threadId, isStreamLoading]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     const message = getErrorMessage(streamError)?.trim();
     if (!threadId || !message) return;
     const now = (/* @__PURE__ */ new Date()).toISOString();
@@ -10883,7 +11005,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       return changed ? sortThreadRecords(next) : prev;
     });
   }, [threadId, streamError]);
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     if (!isReady || !threadId || isStreamLoading) return;
     let cancelled = false;
     void client.conversations.search({ where: { threadId }, limit: 1 }).then((result) => {
@@ -10897,7 +11019,7 @@ function useThreads(limit = DEFAULT_LIMIT) {
       cancelled = true;
     };
   }, [client, threadId, upsertThreadRecord, isReady, isStreamLoading]);
-  const threads = React35.useMemo(
+  const threads = React36.useMemo(
     () => threadRecords.map((threadRecord) => toThreadItem(threadRecord)),
     [threadRecords]
   );
@@ -10914,10 +11036,10 @@ function useThreads(limit = DEFAULT_LIMIT) {
 }
 
 // src/components/thread/context-usage-indicator.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 
 // src/components/ui/progress-circle.tsx
-var import_jsx_runtime41 = (
+var import_jsx_runtime42 = (
   // biome-ignore lint/a11y/useFocusableInteractive: false positive (progress + progressbar are not focusable interactives)
   // biome-ignore lint/nursery/useAriaPropsSupportedByRole: biome rule at odds with mdn docs (presumed nursary bug with rule)
   require("react/jsx-runtime")
@@ -10941,7 +11063,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
     fill: "none",
     strokeWidth
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "svg",
     {
       role: "progressbar",
@@ -10952,8 +11074,8 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
       "aria-valuemax": 100,
       ...restSvgProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("circle", { ...commonParams, className: "stroke-current/25" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { ...commonParams, className: "stroke-current/25" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "circle",
           {
             ...commonParams,
@@ -10971,7 +11093,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
 };
 
 // src/components/thread/context-usage-indicator.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var kNumberFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
@@ -11004,20 +11126,20 @@ function ContextUsageIndicator({
 }) {
   const { t } = useChatkitTranslation();
   const stream = useStreamContext();
-  const [maxContextSize, setMaxContextSize] = React36.useState(null);
-  const [usedContextSize, setUsedContextSize] = React36.useState(null);
-  const [assistantAgentKey, setAssistantAgentKey] = React36.useState(null);
-  const latestRealtimeUsageRef = React36.useRef({
+  const [maxContextSize, setMaxContextSize] = React37.useState(null);
+  const [usedContextSize, setUsedContextSize] = React37.useState(null);
+  const [assistantAgentKey, setAssistantAgentKey] = React37.useState(null);
+  const latestRealtimeUsageRef = React37.useRef({
     threadId: null,
     agentKey: null,
     usedTokens: null
   });
-  const realtimeUsage = React36.useMemo(
+  const realtimeUsage = React37.useMemo(
     () => getThreadContextUsage(stream.contextUsageByAgentKey, assistantAgentKey),
     [assistantAgentKey, stream.contextUsageByAgentKey]
   );
   const realtimeUsedContextSize = getThreadContextUsageTotalTokens(realtimeUsage);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!stream.client || !stream.assistantId) {
       setMaxContextSize(null);
       setAssistantAgentKey(null);
@@ -11037,18 +11159,18 @@ function ContextUsageIndicator({
       cancelled = true;
     };
   }, [stream.client, stream.assistantId]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     latestRealtimeUsageRef.current = {
       threadId: stream.threadId ?? null,
       agentKey: assistantAgentKey,
       usedTokens: realtimeUsedContextSize
     };
   }, [assistantAgentKey, realtimeUsedContextSize, stream.threadId]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (realtimeUsedContextSize == null) return;
     setUsedContextSize(realtimeUsedContextSize);
   }, [realtimeUsedContextSize]);
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (!stream.client) {
       setUsedContextSize(null);
       return;
@@ -11113,8 +11235,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__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "button",
       {
         type: "button",
@@ -11123,31 +11245,31 @@ function ContextUsageIndicator({
           className
         ),
         "aria-label": `${usageLabelWithSuffix} ${usageFullLabel}. ${usageTokensLabel}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ProgressCircle, { value: percent, className: cn("size-3.5", progressClassName) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ProgressCircle, { value: percent, className: cn("size-3.5", progressClassName) })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(TooltipContent, { side: "top", sideOffset: 6, className: "space-y-0.5 px-3 py-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(TooltipContent, { side: "top", sideOffset: 6, className: "space-y-0.5 px-3 py-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm font-semibold", children: usageTokensLabel })
     ] })
   ] });
 }
 
 // src/components/pet/PetBridge.tsx
-var React37 = __toESM(require("react"), 1);
-var import_chatkit_types7 = require("@xpert-ai/chatkit-types");
+var React38 = __toESM(require("react"), 1);
+var import_chatkit_types9 = require("@xpert-ai/chatkit-types");
 function PetBridge({ pet, state }) {
   const parentMessenger = useParentMessenger();
   const sendEvent = parentMessenger?.sendEvent;
-  const options = React37.useMemo(() => (0, import_chatkit_types7.normalizePetOptions)(pet), [pet]);
-  React37.useEffect(() => {
+  const options = React38.useMemo(() => (0, import_chatkit_types9.normalizePetOptions)(pet), [pet]);
+  React38.useEffect(() => {
     if (!sendEvent) {
       return;
     }
     sendEvent("pet_options_change", { pet: pet ?? null });
   }, [sendEvent, pet]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (!sendEvent || !options) {
       return;
     }
@@ -11157,15 +11279,15 @@ function PetBridge({ pet, state }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-var React44 = __toESM(require("react"), 1);
-var import_lucide_react24 = require("lucide-react");
+var React45 = __toESM(require("react"), 1);
+var import_lucide_react25 = require("lucide-react");
 
 // src/components/ui/input.tsx
-var React38 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Input = React38.forwardRef(
+var React39 = __toESM(require("react"), 1);
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Input = React39.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "input",
       {
         ref,
@@ -11182,20 +11304,20 @@ var Input = React38.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/select.tsx
-var React39 = require("react");
+var React40 = require("react");
 var import_radix_ui2 = require("radix-ui");
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_radix_ui2.Select.Group,
     {
       "data-slot": "select-group",
@@ -11207,7 +11329,7 @@ function SelectGroup({
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -11215,7 +11337,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     import_radix_ui2.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -11227,7 +11349,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react23.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react24.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })
       ]
     }
   );
@@ -11239,7 +11361,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     import_radix_ui2.Select.Content,
     {
       "data-slot": "select-content",
@@ -11249,8 +11371,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_radix_ui2.Select.Viewport,
           {
             "data-position": position,
@@ -11261,7 +11383,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -11271,7 +11393,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     import_radix_ui2.Select.Item,
     {
       "data-slot": "select-item",
@@ -11281,8 +11403,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react23.CheckIcon, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui2.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react24.CheckIcon, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui2.Select.ItemText, { children })
       ]
     }
   );
@@ -11291,7 +11413,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_radix_ui2.Select.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -11300,8 +11422,8 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_lucide_react23.ChevronUpIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_lucide_react24.ChevronUpIcon,
         {}
       )
     }
@@ -11311,7 +11433,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_radix_ui2.Select.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -11320,8 +11442,8 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        import_lucide_react23.ChevronDownIcon,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        import_lucide_react24.ChevronDownIcon,
         {}
       )
     }
@@ -11329,9 +11451,9 @@ function SelectScrollDownButton({
 }
 
 // src/components/ui/slider.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_radix_ui3 = require("radix-ui");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Slider({
   className,
   defaultValue,
@@ -11340,11 +11462,11 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React40.useMemo(
+  const _values = React41.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     import_radix_ui3.Slider.Root,
     {
       "data-slot": "slider",
@@ -11358,12 +11480,12 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           import_radix_ui3.Slider.Track,
           {
             "data-slot": "slider-track",
             className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
-            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               import_radix_ui3.Slider.Range,
               {
                 "data-slot": "slider-range",
@@ -11372,7 +11494,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           import_radix_ui3.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -11386,15 +11508,15 @@ function Slider({
 }
 
 // src/components/ui/toggle-group.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_radix_ui5 = require("radix-ui");
 
 // src/components/ui/toggle.tsx
-var React41 = require("react");
+var React42 = require("react");
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_radix_ui4 = require("radix-ui");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority2.cva)(
   "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -11417,8 +11539,8 @@ var toggleVariants = (0, import_class_variance_authority2.cva)(
 );
 
 // src/components/ui/toggle-group.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var ToggleGroupContext = React42.createContext({
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var ToggleGroupContext = React43.createContext({
   size: "default",
   variant: "default",
   spacing: 0,
@@ -11433,7 +11555,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radix_ui5.ToggleGroup.Root,
     {
       "data-slot": "toggle-group",
@@ -11447,7 +11569,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         ToggleGroupContext.Provider,
         {
           value: { variant, size: size2, spacing, orientation },
@@ -11464,8 +11586,8 @@ function ToggleGroupItem({
   size: size2 = "default",
   ...props
 }) {
-  const context = React42.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  const context = React43.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_radix_ui5.ToggleGroup.Item,
     {
       "data-slot": "toggle-group-item",
@@ -11487,7 +11609,7 @@ function ToggleGroupItem({
 }
 
 // src/components/pet/pet-local-settings.ts
-var import_chatkit_types8 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types10 = require("@xpert-ai/chatkit-types");
 
 // src/components/pet/builtinPets.ts
 var PUBLIC_PETS = [
@@ -11661,7 +11783,7 @@ function derivePetLocalSettings(pet) {
   if (!pet) {
     return { ...DEFAULT_PET_LOCAL_SETTINGS };
   }
-  const normalized = (0, import_chatkit_types8.normalizePetOptions)(pet ?? null);
+  const normalized = (0, import_chatkit_types10.normalizePetOptions)(pet ?? null);
   if (!normalized) {
     return { ...DEFAULT_PET_LOCAL_SETTINGS };
   }
@@ -11691,25 +11813,25 @@ function derivePetLocalSettings(pet) {
   return base2;
 }
 function isPetEnabled(pet) {
-  return Boolean((0, import_chatkit_types8.normalizePetOptions)(pet ?? null));
+  return Boolean((0, import_chatkit_types10.normalizePetOptions)(pet ?? null));
 }
 
 // src/components/pet/PetPreview.tsx
-var React43 = require("react");
+var React44 = require("react");
 
 // src/components/pet/petSpriteAtlas.ts
-var import_chatkit_types9 = require("@xpert-ai/chatkit-types");
+var import_chatkit_types11 = require("@xpert-ai/chatkit-types");
 
 // src/components/pet/PetPreview.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function escapeCssUrl(value) {
   return value.replace(/["\\]/g, "\\$&");
 }
 function PetPreview({ src, label, className }) {
   const scale = 0.13;
-  const width = import_chatkit_types9.petSpriteAtlas.cellWidth;
-  const height = import_chatkit_types9.petSpriteAtlas.cellHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  const width = import_chatkit_types11.petSpriteAtlas.cellWidth;
+  const height = import_chatkit_types11.petSpriteAtlas.cellHeight;
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "span",
     {
       className: cn(
@@ -11718,7 +11840,7 @@ function PetPreview({ src, label, className }) {
       ),
       "aria-hidden": "true",
       title: label,
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "span",
         {
           className: "absolute left-1/2 top-1/2 block",
@@ -11729,7 +11851,7 @@ function PetPreview({ src, label, className }) {
             transformOrigin: "center",
             backgroundImage: `url("${escapeCssUrl(src)}")`,
             backgroundRepeat: "no-repeat",
-            backgroundSize: `${import_chatkit_types9.petSpriteAtlas.columns * width}px ${import_chatkit_types9.petSpriteAtlas.rows * height}px`,
+            backgroundSize: `${import_chatkit_types11.petSpriteAtlas.columns * width}px ${import_chatkit_types11.petSpriteAtlas.rows * height}px`,
             backgroundPosition: "0px 0px",
             imageRendering: "auto"
           }
@@ -11740,7 +11862,7 @@ function PetPreview({ src, label, className }) {
 }
 
 // src/components/settings/SettingsSheet.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var CHARACTER_TYPES2 = [
   "builtin",
   "atlas"
@@ -11756,13 +11878,13 @@ function SettingsSheet({
   onSave
 }) {
   const { t } = useChatkitTranslation();
-  const [draft, setDraft] = React44.useState(settings);
-  React44.useEffect(() => {
+  const [draft, setDraft] = React45.useState(settings);
+  React45.useEffect(() => {
     if (open) {
       setDraft(petRequired ? { ...settings, enabled: true } : settings);
     }
   }, [open, petRequired, settings]);
-  const updateDraft = React44.useCallback(
+  const updateDraft = React45.useCallback(
     (patch) => {
       setDraft((previous) => ({ ...previous, ...patch }));
     },
@@ -11780,23 +11902,23 @@ function SettingsSheet({
       defaultValue: selectedBuiltinPet.label
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.Settings, { size: 16 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTitle, { children: t("settings.title") })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SheetContent, { side: "right", className: "w-[min(92vw,26rem)] overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Settings, { size: 16 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetTitle, { children: t("settings.title") })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: "space-y-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.PawPrint, { size: 15 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("form", { className: "mt-6 space-y-5", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: "space-y-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.PawPrint, { size: 15 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "text-sm font-semibold", children: t("pet.settings.title") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
-            petRequired && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "flex items-center justify-between gap-4 rounded-md border border-border px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "block text-sm font-medium", children: t("pet.settings.enabled") }),
+            petRequired && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: t("pet.settings.requiredHint") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "button",
             {
               type: "button",
@@ -11809,7 +11931,7 @@ function SettingsSheet({
                 draft.enabled ? "bg-primary" : "bg-muted-foreground/20",
                 petRequired ? "cursor-not-allowed opacity-70" : ""
               ].join(" "),
-              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 "span",
                 {
                   className: [
@@ -11822,9 +11944,9 @@ function SettingsSheet({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { id: "chatkit-pet-type-label", className: "text-sm font-medium", children: t("pet.settings.characterType") }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           ToggleGroup,
           {
             id: "chatkit-pet-type",
@@ -11839,7 +11961,7 @@ function SettingsSheet({
             variant: "outline",
             spacing: 2,
             className: "!w-full",
-            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: CHARACTER_TYPES2.map((type) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               ToggleGroupItem,
               {
                 value: type,
@@ -11851,8 +11973,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "builtin" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      draft.characterType === "builtin" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "label",
           {
             htmlFor: "chatkit-pet-builtin",
@@ -11860,7 +11982,7 @@ function SettingsSheet({
             children: t("pet.settings.builtin")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
           Select,
           {
             value: selectedBuiltinPet.id,
@@ -11871,26 +11993,26 @@ function SettingsSheet({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 SelectTrigger,
                 {
                   id: "chatkit-pet-builtin",
                   className: "min-h-12 w-full px-3 py-2",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectValue, { placeholder: selectedBuiltinPetLabel })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectValue, { placeholder: selectedBuiltinPetLabel })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectContent, { className: "w-[var(--radix-select-trigger-width)]", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectGroup, { children: INCLUDED_PET_OPTIONS.map((pet) => {
                 const label = t(`pet.settings.builtins.${pet.id}`, {
                   defaultValue: pet.label
                 });
-                return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   SelectItem,
                   {
                     value: pet.id,
                     className: "min-h-10 py-1.5 pl-2 pr-8",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PetPreview, { src: pet.previewSrc, label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "min-w-0 truncate", children: label })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "flex min-w-0 items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PetPreview, { src: pet.previewSrc, label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "min-w-0 truncate", children: label })
                     ] })
                   },
                   pet.id
@@ -11900,8 +12022,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      draft.characterType === "atlas" && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      draft.characterType === "atlas" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "label",
           {
             className: "text-sm font-medium",
@@ -11909,7 +12031,7 @@ function SettingsSheet({
             children: t("pet.settings.atlasUrl")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Input,
           {
             id: "chatkit-pet-atlas",
@@ -11919,15 +12041,15 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: "text-sm font-medium", htmlFor: "chatkit-pet-scale", children: t("pet.settings.scale") }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
             draft.scale.toFixed(2),
             "x"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Slider,
           {
             id: "chatkit-pet-scale",
@@ -11941,8 +12063,8 @@ function SettingsSheet({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "input",
           {
             type: "checkbox",
@@ -11953,8 +12075,8 @@ function SettingsSheet({
         ),
         t("pet.settings.draggable")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "input",
           {
             type: "checkbox",
@@ -11965,8 +12087,8 @@ function SettingsSheet({
         ),
         t("pet.settings.persistPosition")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-end gap-2 pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Button,
           {
             type: "button",
@@ -11975,7 +12097,7 @@ function SettingsSheet({
             children: t("pet.settings.cancel")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "submit", children: t("pet.settings.save") })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { type: "submit", children: t("pet.settings.save") })
       ] })
     ] })
   ] }) });
@@ -12481,7 +12603,7 @@ function findDomPointForComposerOffset(root, offset) {
 }
 
 // src/components/chat.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var import_meta2 = {};
 var defaultApiUrl2 = import_meta2.env.VITE_XPERTAI_API_URL;
 var COMPOSER_INPUT_MAX_HEIGHT = 128;
@@ -12614,8 +12736,8 @@ function ReferenceChip({
 }) {
   const metaLine = getReferenceMetaLine(reference);
   const isComposer = variant === "composer";
-  const Icon = reference.type === "quote" ? import_lucide_react25.Quote : reference.type === "image" ? import_lucide_react25.ImageIcon : import_lucide_react25.FileText;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  const Icon = reference.type === "quote" ? import_lucide_react26.Quote : reference.type === "image" ? import_lucide_react26.ImageIcon : import_lucide_react26.FileText;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       className: cn(
@@ -12624,7 +12746,7 @@ function ReferenceChip({
       ),
       title: getReferenceTitle(reference),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Icon,
           {
             size: isComposer ? 14 : 12,
@@ -12634,8 +12756,8 @@ function ReferenceChip({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "div",
             {
               className: cn(
@@ -12645,7 +12767,7 @@ function ReferenceChip({
               children: getReferenceLabel(reference)
             }
           ),
-          metaLine && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          metaLine && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "div",
             {
               className: cn(
@@ -12656,7 +12778,7 @@ function ReferenceChip({
             }
           )
         ] }),
-        onRemove && removeLabel && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        onRemove && removeLabel && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "button",
           {
             type: "button",
@@ -12667,7 +12789,7 @@ function ReferenceChip({
             ),
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.X, { size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.X, { size: 12 })
           }
         )
       ]
@@ -12691,20 +12813,20 @@ function Chat({
   const { setStream } = useStreamManager();
   const stream = useStreamContext();
   const { theme } = useTheme();
-  const [isHistoryLoading, setIsHistoryLoading] = React45.useState(false);
-  const [historyError, setHistoryError] = React45.useState(null);
-  const [assistantName, setAssistantName] = React45.useState(null);
-  const [assistantAvatar, setAssistantAvatar] = React45.useState(null);
+  const [isHistoryLoading, setIsHistoryLoading] = React46.useState(false);
+  const [historyError, setHistoryError] = React46.useState(null);
+  const [assistantName, setAssistantName] = React46.useState(null);
+  const [assistantAvatar, setAssistantAvatar] = React46.useState(null);
   const LOADING_DOTS_MIN_DURATION = 800;
   const STREAMING_STATUS_REFRESH_MS = 250;
-  const [showLoadingDots, setShowLoadingDots] = React45.useState(false);
-  const [streamingNow, setStreamingNow] = React45.useState(() => Date.now());
-  const loadingStartTimeRef = React45.useRef(null);
-  const lastStreamOutputAtRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const [showLoadingDots, setShowLoadingDots] = React46.useState(false);
+  const [streamingNow, setStreamingNow] = React46.useState(() => Date.now());
+  const loadingStartTimeRef = React46.useRef(null);
+  const lastStreamOutputAtRef = React46.useRef(null);
+  React46.useEffect(() => {
     setStream(stream);
   }, [setStream, stream]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (stream.isLoading) {
       if (!loadingStartTimeRef.current) {
         loadingStartTimeRef.current = Date.now();
@@ -12727,7 +12849,7 @@ function Chat({
       }
     }
   }, [stream.isLoading]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!stream.isLoading) {
       lastStreamOutputAtRef.current = null;
       setStreamingNow(Date.now());
@@ -12737,7 +12859,7 @@ function Chat({
     lastStreamOutputAtRef.current = now;
     setStreamingNow(now);
   }, [stream.messages, stream.isLoading]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!stream.isLoading) {
       return;
     }
@@ -12746,74 +12868,74 @@ function Chat({
     }, STREAMING_STATUS_REFRESH_MS);
     return () => window.clearInterval(timer);
   }, [stream.isLoading]);
-  const [composerParts, setComposerParts] = React45.useState([]);
-  const [renderedComposerParts, setRenderedComposerParts] = React45.useState([]);
-  const [composerDomVersion, setComposerDomVersion] = React45.useState(0);
-  const [selectedTool, setSelectedTool] = React45.useState(
+  const [composerParts, setComposerParts] = React46.useState([]);
+  const [renderedComposerParts, setRenderedComposerParts] = React46.useState([]);
+  const [composerDomVersion, setComposerDomVersion] = React46.useState(0);
+  const [selectedTool, setSelectedTool] = React46.useState(
     null
   );
-  const [planModeEnabled, setPlanModeEnabled] = React45.useState(false);
-  const [petSettingsOpen, setPetSettingsOpen] = React45.useState(false);
-  const [petLocalSettings, setPetLocalSettings] = React45.useState(() => readPetLocalSettings());
-  const [runtimeCapabilities, setRuntimeCapabilities] = React45.useState(null);
-  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React45.useState(false);
-  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React45.useState(
+  const [planModeEnabled, setPlanModeEnabled] = React46.useState(false);
+  const [petSettingsOpen, setPetSettingsOpen] = React46.useState(false);
+  const [petLocalSettings, setPetLocalSettings] = React46.useState(() => readPetLocalSettings());
+  const [runtimeCapabilities, setRuntimeCapabilities] = React46.useState(null);
+  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React46.useState(false);
+  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React46.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React45.useState(
+  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React46.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React45.useState(null);
-  const [attachments, setAttachments] = React45.useState([]);
-  const [references, setReferences] = React45.useState([]);
-  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React45.useState(false);
-  const [quoteSelection, setQuoteSelection] = React45.useState(null);
-  const [isAtBottom, setIsAtBottom] = React45.useState(true);
-  const [hasUpdatesBelow, setHasUpdatesBelow] = React45.useState(false);
+  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React46.useState(null);
+  const [attachments, setAttachments] = React46.useState([]);
+  const [references, setReferences] = React46.useState([]);
+  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React46.useState(false);
+  const [quoteSelection, setQuoteSelection] = React46.useState(null);
+  const [isAtBottom, setIsAtBottom] = React46.useState(true);
+  const [hasUpdatesBelow, setHasUpdatesBelow] = React46.useState(false);
   const {
     threads,
     deleteThread,
     refreshThreads,
     isLoading: isThreadsLoading
   } = useThreads();
-  const viewportRef = React45.useRef(null);
-  const fileInputRef = React45.useRef(null);
-  const composerInputRef = React45.useRef(null);
-  const slashPaletteRef = React45.useRef(null);
-  const slashPaletteOptionRefs = React45.useRef(
+  const viewportRef = React46.useRef(null);
+  const fileInputRef = React46.useRef(null);
+  const composerInputRef = React46.useRef(null);
+  const slashPaletteRef = React46.useRef(null);
+  const slashPaletteOptionRefs = React46.useRef(
     []
   );
-  const composerPartsRef = React45.useRef([]);
-  const pendingComposerCaretOffsetRef = React45.useRef(null);
-  const shouldAutoScrollRef = React45.useRef(true);
-  const forceFollowRef = React45.useRef(false);
-  const previousMessageCountRef = React45.useRef(0);
-  const previousScrollTopRef = React45.useRef(0);
-  const autoScrollFrameRef = React45.useRef(null);
-  const isPointerDownRef = React45.useRef(false);
-  const lastTouchYRef = React45.useRef(null);
-  const runtimeCapabilityPreferenceLoadRef = React45.useRef(0);
+  const composerPartsRef = React46.useRef([]);
+  const pendingComposerCaretOffsetRef = React46.useRef(null);
+  const shouldAutoScrollRef = React46.useRef(true);
+  const forceFollowRef = React46.useRef(false);
+  const previousMessageCountRef = React46.useRef(0);
+  const previousScrollTopRef = React46.useRef(0);
+  const autoScrollFrameRef = React46.useRef(null);
+  const isPointerDownRef = React46.useRef(false);
+  const lastTouchYRef = React46.useRef(null);
+  const runtimeCapabilityPreferenceLoadRef = React46.useRef(0);
   const resolvedTitle = title ?? t("chat.title");
   const resolvedPlaceholder = placeholder ?? t("chat.placeholder");
   const petRequired = options?.displayMode === "pet";
-  const basePetSettings = React45.useMemo(
+  const basePetSettings = React46.useMemo(
     () => derivePetLocalSettings(options?.pet),
     [options?.pet]
   );
-  const displayedPetSettings = React45.useMemo(
+  const displayedPetSettings = React46.useMemo(
     () => ({
       ...petLocalSettings ?? basePetSettings,
       ...petRequired ? { enabled: true } : {}
     }),
     [basePetSettings, petLocalSettings, petRequired]
   );
-  const effectivePet = React45.useMemo(() => {
+  const effectivePet = React46.useMemo(() => {
     if (petRequired || petLocalSettings) {
       return buildPetOptionsFromLocalSettings(displayedPetSettings);
     }
     return options?.pet ?? null;
   }, [displayedPetSettings, options?.pet, petLocalSettings, petRequired]);
-  const savePetLocalSettings = React45.useCallback(
+  const savePetLocalSettings = React46.useCallback(
     (settings) => {
       const nextSettings = petRequired ? { ...settings, enabled: true } : settings;
       setPetLocalSettings(nextSettings);
@@ -12821,7 +12943,7 @@ function Chat({
     },
     [petRequired]
   );
-  const handlePetCommand = React45.useCallback(
+  const handlePetCommand = React46.useCallback(
     (mode) => {
       if (mode === "settings") {
         setPetSettingsOpen(true);
@@ -12843,11 +12965,11 @@ function Chat({
     [displayedPetSettings, effectivePet, petRequired, savePetLocalSettings]
   );
   const inputPlaceholder = selectedTool?.placeholderOverride ?? composer?.placeholder ?? resolvedPlaceholder;
-  const messages = React45.useMemo(
+  const messages = React46.useMemo(
     () => stream.messages ?? [],
     [stream.messages]
   );
-  const draft = React45.useMemo(
+  const draft = React46.useMemo(
     () => getComposerPlainText(composerParts),
     [composerParts]
   );
@@ -12859,7 +12981,7 @@ function Chat({
     isEmpty: isComposerInputEmpty,
     isStacked: isComposerStacked
   });
-  const pendingFollowUps = React45.useMemo(
+  const pendingFollowUps = React46.useMemo(
     () => [...stream.pendingFollowUps ?? []].sort(
       (a, b) => a.createdAt - b.createdAt
     ),
@@ -12870,18 +12992,18 @@ function Chat({
   const hasPendingHITLRequest = Boolean(stream.pendingHITLRequest);
   const hasPendingInteractiveRequest = hasPendingRequestUserInput || hasPendingHITLRequest;
   const hasPendingTodos = Boolean(stream.todos?.items.length);
-  const runtimeCapabilityOptions = React45.useMemo(
+  const runtimeCapabilityOptions = React46.useMemo(
     () => getRuntimeCapabilityOptions(runtimeCapabilities),
     [runtimeCapabilities]
   );
-  const effectiveSessionRuntimeCapabilities = React45.useMemo(
+  const effectiveSessionRuntimeCapabilities = React46.useMemo(
     () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
       runtimeCapabilities,
       sessionRuntimeCapabilities
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
-  const runRuntimeCapabilityOptions = React45.useMemo(
+  const runRuntimeCapabilityOptions = React46.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(
         runRuntimeCapabilities,
@@ -12891,11 +13013,11 @@ function Chat({
     ),
     [runRuntimeCapabilities, runtimeCapabilityOptions]
   );
-  const composerRuntimeCapabilitySelectionKeys = React45.useMemo(
+  const composerRuntimeCapabilitySelectionKeys = React46.useMemo(
     () => getComposerCapabilitySelectionKeys(composerParts),
     [composerParts]
   );
-  const detachedRunRuntimeCapabilityOptions = React45.useMemo(
+  const detachedRunRuntimeCapabilityOptions = React46.useMemo(
     () => runRuntimeCapabilityOptions.filter(
       (option) => !composerRuntimeCapabilitySelectionKeys.has(
         getRuntimeCapabilityOptionKey(option)
@@ -12903,7 +13025,7 @@ function Chat({
     ),
     [composerRuntimeCapabilitySelectionKeys, runRuntimeCapabilityOptions]
   );
-  const persistSessionRuntimeCapabilities = React45.useCallback(
+  const persistSessionRuntimeCapabilities = React46.useCallback(
     async (threadId, selection) => {
       if (!runtimeCapabilities || !selection) {
         return;
@@ -12928,10 +13050,10 @@ function Chat({
     },
     [runtimeCapabilities, stream.client]
   );
-  const clearQuoteSelection = React45.useCallback(() => {
+  const clearQuoteSelection = React46.useCallback(() => {
     setQuoteSelection(null);
   }, []);
-  const commitComposerParts = React45.useCallback(
+  const commitComposerParts = React46.useCallback(
     (nextParts, options2) => {
       const normalized = normalizeComposerParts(nextParts);
       const previous = composerPartsRef.current;
@@ -12967,7 +13089,7 @@ function Chat({
     },
     []
   );
-  const setComposerText = React45.useCallback(
+  const setComposerText = React46.useCallback(
     (text, caretOffset = text.length) => {
       commitComposerParts(createComposerTextParts(text), {
         caretOffset,
@@ -12977,7 +13099,7 @@ function Chat({
     },
     [commitComposerParts]
   );
-  const focusComposerAt = React45.useCallback((position) => {
+  const focusComposerAt = React46.useCallback((position) => {
     const nextPosition = position ?? getComposerEditingLength(composerPartsRef.current);
     pendingComposerCaretOffsetRef.current = nextPosition;
     requestAnimationFrame(() => {
@@ -12989,7 +13111,7 @@ function Chat({
     });
   }, []);
   const parentMessenger = useParentMessenger({
-    onSetComposerValue: React45.useCallback(
+    onSetComposerValue: React46.useCallback(
       (payload) => {
         if (!payload) {
           return;
@@ -13012,10 +13134,10 @@ function Chat({
       },
       [composer?.tools, setComposerText]
     ),
-    onFocusComposer: React45.useCallback(() => {
+    onFocusComposer: React46.useCallback(() => {
       composerInputRef.current?.focus();
     }, []),
-    onSetPetEnabled: React45.useCallback(
+    onSetPetEnabled: React46.useCallback(
       (enabled) => {
         if (petRequired) {
           return;
@@ -13029,10 +13151,10 @@ function Chat({
     )
   });
   const canMinimizeToPet = parentMessenger?.isParentAvailable === true && isPetEnabled(effectivePet);
-  const handleMinimizeToPet = React45.useCallback(() => {
+  const handleMinimizeToPet = React46.useCallback(() => {
     parentMessenger?.sendEvent("chat_minimize_change", { minimized: true });
   }, [parentMessenger]);
-  const syncQuoteSelection = React45.useCallback(() => {
+  const syncQuoteSelection = React46.useCallback(() => {
     if (typeof window === "undefined") {
       clearQuoteSelection();
       return;
@@ -13077,23 +13199,23 @@ function Chat({
       left
     });
   }, [clearQuoteSelection]);
-  const cancelPendingAutoScroll = React45.useCallback(() => {
+  const cancelPendingAutoScroll = React46.useCallback(() => {
     if (autoScrollFrameRef.current !== null) {
       cancelAnimationFrame(autoScrollFrameRef.current);
       autoScrollFrameRef.current = null;
     }
   }, []);
-  const disableAutoFollow = React45.useCallback(() => {
+  const disableAutoFollow = React46.useCallback(() => {
     forceFollowRef.current = false;
     shouldAutoScrollRef.current = false;
     cancelPendingAutoScroll();
   }, [cancelPendingAutoScroll]);
-  const enableAutoFollow = React45.useCallback(() => {
+  const enableAutoFollow = React46.useCallback(() => {
     forceFollowRef.current = true;
     shouldAutoScrollRef.current = true;
     setHasUpdatesBelow(false);
   }, []);
-  const scrollToBottom = React45.useCallback(
+  const scrollToBottom = React46.useCallback(
     (smooth = false, force = false) => {
       if (force) {
         enableAutoFollow();
@@ -13120,7 +13242,7 @@ function Chat({
     },
     [cancelPendingAutoScroll, enableAutoFollow]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     previousScrollTopRef.current = viewport.scrollTop;
@@ -13201,14 +13323,14 @@ function Chat({
       window.removeEventListener("pointercancel", stopPointerTracking);
     };
   }, [cancelPendingAutoScroll, disableAutoFollow]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     shouldAutoScrollRef.current = true;
     forceFollowRef.current = false;
     previousScrollTopRef.current = 0;
     setIsAtBottom(true);
     setHasUpdatesBelow(false);
   }, [stream.threadId]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const messageCountChanged = messages.length !== previousMessageCountRef.current;
     previousMessageCountRef.current = messages.length;
     if (!shouldAutoScrollRef.current) {
@@ -13227,7 +13349,7 @@ function Chat({
     clientSecret: effectiveClientSecret
   });
   const missingConfig = Boolean(missingConfigKind);
-  const missingConfigShortMessage = React45.useMemo(() => {
+  const missingConfigShortMessage = React46.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlShort");
@@ -13239,7 +13361,7 @@ function Chat({
         return t("chat.missingConfigShort");
     }
   }, [missingConfigKind, t]);
-  const missingConfigDetailMessage = React45.useMemo(() => {
+  const missingConfigDetailMessage = React46.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlDetail");
@@ -13254,7 +13376,7 @@ function Chat({
   const showMissingConfig = !isClientSecretInitializing && missingConfig;
   const hasUploadingFiles = attachments.some((a) => a.status === "uploading");
   const isSendDisabled = !trimmedDraft && !hasReferences || hasPendingInteractiveRequest || missingConfig || isHistoryLoading || hasUploadingFiles || isUploadingReferenceImages;
-  const resizeComposerInput = React45.useCallback(() => {
+  const resizeComposerInput = React46.useCallback(() => {
     const input = composerInputRef.current;
     if (!input) {
       return;
@@ -13262,7 +13384,7 @@ function Chat({
     input.style.maxHeight = `${COMPOSER_INPUT_MAX_HEIGHT}px`;
     input.style.overflowY = input.scrollHeight > COMPOSER_INPUT_MAX_HEIGHT ? "auto" : "hidden";
   }, []);
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     composerPartsRef.current = composerParts;
     resizeComposerInput();
     const caretOffset = pendingComposerCaretOffsetRef.current;
@@ -13274,13 +13396,13 @@ function Chat({
       }
     }
   }, [composerDomVersion, composerParts, resizeComposerInput]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     document.addEventListener("selectionchange", syncQuoteSelection);
     return () => {
       document.removeEventListener("selectionchange", syncQuoteSelection);
     };
   }, [syncQuoteSelection]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       return;
@@ -13297,14 +13419,14 @@ function Chat({
       window.removeEventListener("resize", handleViewportScroll);
     };
   }, [clearQuoteSelection]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     clearQuoteSelection();
   }, [messages.length, stream.threadId, clearQuoteSelection]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (missingConfig) return;
     void refreshThreads();
   }, [missingConfig, refreshThreads]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (missingConfig || !stream.client || !stream.assistantId) {
       setAssistantName(null);
       setAssistantAvatar(null);
@@ -13327,7 +13449,7 @@ function Chat({
       cancelled = true;
     };
   }, [missingConfig, stream.client, stream.assistantId]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (missingConfig || !stream.client || !stream.assistantId) {
       setRuntimeCapabilities(null);
       setRuntimeCapabilitiesReady(false);
@@ -13374,7 +13496,7 @@ function Chat({
     });
     return () => controller.abort();
   }, [missingConfig, stream.client, stream.assistantId]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     setRunRuntimeCapabilities(
       createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities)
     );
@@ -13431,7 +13553,7 @@ function Chat({
     mimetype: a.storageFile?.mimetype ?? a.file.type,
     size: a.storageFile?.size ?? a.file.size
   }));
-  const handleSessionRuntimeCapabilityToggle = React45.useCallback(
+  const handleSessionRuntimeCapabilityToggle = React46.useCallback(
     (type, id, selected) => {
       setSessionRuntimeCapabilities((previous) => {
         const nextSelection = toggleRuntimeCapabilitySelection(
@@ -13449,7 +13571,7 @@ function Chat({
     },
     [persistSessionRuntimeCapabilities, stream.threadId]
   );
-  const updateRuntimeCapabilityPalette = React45.useCallback(
+  const updateRuntimeCapabilityPalette = React46.useCallback(
     (parts, selectionStart) => {
       const input = composerInputRef.current;
       const editingText = getComposerEditingText(parts);
@@ -13461,7 +13583,7 @@ function Chat({
     },
     []
   );
-  const syncComposerInputFromElement = React45.useCallback(
+  const syncComposerInputFromElement = React46.useCallback(
     (input) => {
       const previousCapabilities = getComposerCapabilityPartMap(
         composerPartsRef.current
@@ -13479,25 +13601,25 @@ function Chat({
     },
     [commitComposerParts, updateRuntimeCapabilityPalette]
   );
-  const handleComposerInput = React45.useCallback(
+  const handleComposerInput = React46.useCallback(
     (event) => {
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerCompositionEnd = React45.useCallback(
+  const handleComposerCompositionEnd = React46.useCallback(
     (event) => {
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerSelect = React45.useCallback(() => {
+  const handleComposerSelect = React46.useCallback(() => {
     updateRuntimeCapabilityPalette(
       composerPartsRef.current,
       composerInputRef.current ? getComposerSelectionOffset(composerInputRef.current) : void 0
     );
   }, [updateRuntimeCapabilityPalette]);
-  const removeRunRuntimeCapability = React45.useCallback(
+  const removeRunRuntimeCapability = React46.useCallback(
     (option) => {
       setRunRuntimeCapabilities(
         (previous) => toggleRuntimeCapabilitySelection(
@@ -13517,7 +13639,7 @@ function Chat({
     },
     [commitComposerParts]
   );
-  const submitDraft = React45.useCallback(
+  const submitDraft = React46.useCallback(
     (optionsOrFollowUp) => {
       if (isSendDisabled) return;
       const submitOptions = typeof optionsOrFollowUp === "string" ? { followUpOverride: optionsOrFollowUp } : optionsOrFollowUp ?? {};
@@ -13641,7 +13763,7 @@ function Chat({
       t
     ]
   );
-  const addRunRuntimeCapabilities = React45.useCallback(
+  const addRunRuntimeCapabilities = React46.useCallback(
     (selection) => {
       setRunRuntimeCapabilities(
         (previous) => runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
@@ -13653,7 +13775,7 @@ function Chat({
     },
     [runtimeCapabilities]
   );
-  const insertComposerCapabilityToken = React45.useCallback(
+  const insertComposerCapabilityToken = React46.useCallback(
     (capability, range) => {
       const token = createComposerCapabilityPart(capability, createMessageId());
       const currentParts = composerPartsRef.current;
@@ -13724,7 +13846,7 @@ function Chat({
     plugin: t("composer.slashCommands.empty.loadingCapabilities"),
     subAgent: t("composer.slashCommands.empty.loadingCapabilities")
   };
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -13743,7 +13865,7 @@ function Chat({
       );
     }
   }, [slashPaletteOptions.length, runtimeCapabilityPalette]);
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -13767,7 +13889,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleEditPendingFollowUp = React45.useCallback(
+  const handleEditPendingFollowUp = React46.useCallback(
     (id) => {
       const item = pendingFollowUps.find(
         (entry) => entry.id === id && entry.mode === "queue"
@@ -13794,7 +13916,7 @@ function Chat({
     },
     [pendingFollowUps, setComposerText, stream]
   );
-  const handleQuoteSelection = React45.useCallback(() => {
+  const handleQuoteSelection = React46.useCallback(() => {
     if (!quoteSelection) {
       return;
     }
@@ -13810,7 +13932,7 @@ function Chat({
   const handleAttachmentClick = () => {
     fileInputRef.current?.click();
   };
-  const uploadContextFile = React45.useCallback(
+  const uploadContextFile = React46.useCallback(
     (file) => stream.client.contexts.uploadFile(file),
     [stream.client]
   );
@@ -13914,7 +14036,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleComposerPaste = React45.useCallback(
+  const handleComposerPaste = React46.useCallback(
     (event) => {
       const clipboardData = event.clipboardData;
       if (!clipboardData) {
@@ -14013,18 +14135,18 @@ function Chat({
       uploadContextFile
     ]
   );
-  const alternateFollowUpShortcutLabel = React45.useMemo(() => {
+  const alternateFollowUpShortcutLabel = React46.useMemo(() => {
     if (typeof navigator === "undefined") {
       return "\u2318Enter";
     }
     const platform = navigator.platform || navigator.userAgent;
     return /Mac|iPhone|iPad|iPod/i.test(platform) ? "\u2318Enter" : "Ctrl+Enter";
   }, []);
-  const followUpShortcutLabels = React45.useMemo(
+  const followUpShortcutLabels = React46.useMemo(
     () => getComposerFollowUpShortcutLabels(alternateFollowUpShortcutLabel),
     [alternateFollowUpShortcutLabel]
   );
-  const uploadFile = React45.useCallback(
+  const uploadFile = React46.useCallback(
     async (localId, file) => {
       try {
         const result = await uploadContextFile(file);
@@ -14047,7 +14169,7 @@ function Chat({
     },
     [uploadContextFile]
   );
-  const handleRetryUpload = React45.useCallback(
+  const handleRetryUpload = React46.useCallback(
     (localId) => {
       const attachment = attachments.find((a) => a.localId === localId);
       if (!attachment || attachment.status !== "error") return;
@@ -14146,7 +14268,7 @@ function Chat({
     );
     scrollToBottom(true, true);
   };
-  const loadConversationMessages = React45.useCallback(
+  const loadConversationMessages = React46.useCallback(
     async (recordId) => {
       if (missingConfig) {
         setHistoryError(missingConfigShortMessage);
@@ -14241,12 +14363,12 @@ 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 currentThread = React45.useMemo(
+  const currentThread = React46.useMemo(
     () => threads.find((item) => item.id === stream.threadId),
     [threads, stream.threadId]
   );
   const streamErrorMessage = stream.error instanceof Error ? stream.error.message : void 0;
-  const threadErrorMessage = React45.useMemo(() => {
+  const threadErrorMessage = React46.useMemo(() => {
     if (streamErrorMessage?.trim()) return streamErrorMessage.trim();
     if (currentThread?.status !== "error") return void 0;
     const message = currentThread.error?.trim();
@@ -14277,7 +14399,7 @@ function Chat({
     fallbackTitle: t("history.threadFallback")
   });
   const assistantTitle = assistantName || resolvedTitle;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
       ref: viewportRef,
@@ -14287,10 +14409,10 @@ function Chat({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between border-b p-2 sticky top-0 z-10 bg-background", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between border-b p-2 sticky top-0 z-10 bg-background", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 ChatkitAvatar,
                 {
                   avatar: assistantAvatar,
@@ -14298,10 +14420,10 @@ function Chat({
                   label: assistantTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "truncate", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "truncate", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "h2",
                 {
                   className: "text-lg font-semibold truncate",
@@ -14309,12 +14431,12 @@ function Chat({
                   children: assistantTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground", children: t("chat.statusOnline") })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-xs text-muted-foreground", children: t("chat.statusOnline") })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-1", children: [
-            canMinimizeToPet && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-1", children: [
+            canMinimizeToPet && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14325,13 +14447,13 @@ function Chat({
                     "transition-colors duration-150"
                   ),
                   "aria-label": t("chat.minimizeToPet"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Minus, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Minus, { size: 16 })
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tooltip, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "button",
                 {
                   type: "button",
@@ -14342,14 +14464,14 @@ function Chat({
                     "transition-colors duration-150"
                   ),
                   "aria-label": t("settings.open"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Settings, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Settings, { size: 16 })
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipContent, { side: "bottom", children: t("settings.open") })
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContent, { side: "bottom", children: t("settings.open") })
             ] }),
-            history?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            history?.enabled !== false && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "button",
                   {
                     type: "button",
@@ -14362,12 +14484,12 @@ function Chat({
                       "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
                     ),
                     "aria-label": t("history.newThread"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Pencil, { size: 16 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Pencil, { size: 16 })
                   }
                 ) }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipContent, { side: "bottom", children: t("history.newThread") })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContent, { side: "bottom", children: t("history.newThread") })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 HistorySidebar,
                 {
                   threads,
@@ -14382,18 +14504,18 @@ function Chat({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex-1 p-4", children: [
-          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
-          historyError && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
-          showMissingConfig && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
-          isHistoryLoading && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 p-4", children: [
+          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
+          historyError && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+          showMissingConfig && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
+          isHistoryLoading && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("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 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             StartScreen,
             {
               startScreen,
               onPromptClick: handlePromptClick
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-4", children: [
+          ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-4", children: [
             messages.map((message, index) => {
               const messageType = String(message.type);
               const isAssistantMessage = messageType === "assistant" || messageType === "ai";
@@ -14426,7 +14548,7 @@ function Chat({
               if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
                 return null;
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 "div",
                 {
                   className: cn(
@@ -14434,96 +14556,105 @@ function Chat({
                     message.type === "human" ? "justify-end" : "justify-start -ml-1"
                     // AI messages: slightly closer to left
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col px-3 overflow-hidden", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                      "div",
-                      {
-                        ...canQuoteMessage ? {
-                          "data-quote-message-id": message.id,
-                          "data-quote-source": quoteSource
-                        } : {},
-                        className: cn(
-                          "max-w-full rounded-2xl",
-                          message.type === "human" ? "bg-primary text-primary-foreground px-4 py-2.5" : message.type === "system" ? "bg-muted text-muted-foreground text-xs px-4 py-2.5" : "py-1 text-chat-foreground"
-                          // AI messages: use chat-specific foreground color
-                        ),
-                        children: isAssistantMessage ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                          AssistantMessage,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                    "div",
+                    {
+                      className: cn(
+                        "flex flex-col px-3 overflow-hidden",
+                        isAssistantMessage && "min-w-0 flex-1"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                          "div",
                           {
-                            message: {
-                              ...message,
-                              type: "assistant"
-                            },
-                            messages: messages.slice(0, index + 1).map(
-                              (item) => ({
-                                ...item,
-                                type: String(item.type) === "ai" ? "assistant" : item.type
-                              })
+                            ...canQuoteMessage ? {
+                              "data-quote-message-id": message.id,
+                              "data-quote-source": quoteSource
+                            } : {},
+                            className: cn(
+                              "max-w-full rounded-2xl",
+                              message.type === "human" ? "bg-primary text-primary-foreground px-4 py-2.5" : message.type === "system" ? "bg-muted text-muted-foreground text-xs px-4 py-2.5" : "py-1 text-chat-foreground"
+                              // AI messages: use chat-specific foreground color
                             ),
+                            children: isAssistantMessage ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                              AssistantMessage,
+                              {
+                                message: {
+                                  ...message,
+                                  type: "assistant"
+                                },
+                                messages: messages.slice(0, index + 1).map(
+                                  (item) => ({
+                                    ...item,
+                                    type: String(item.type) === "ai" ? "assistant" : item.type
+                                  })
+                                ),
+                                isStreaming: isStreamingMessage,
+                                streamingStatus,
+                                isThreadRunning: currentThreadIsRunning,
+                                organizationId: stream.organizationId,
+                                apiUrl: stream.apiUrl
+                              }
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+                              message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanRuntimeCapabilityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                                "span",
+                                {
+                                  className: "inline-flex max-w-full items-center gap-1 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs font-medium text-primary-foreground",
+                                  children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                                      RuntimeCapabilityIcon,
+                                      {
+                                        option,
+                                        variant: "chip"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "max-w-[9rem] truncate", children: option.label })
+                                  ]
+                                },
+                                `${option.type}:${option.id}`
+                              )) }),
+                              message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                                ReferenceChip,
+                                {
+                                  reference,
+                                  variant: "message"
+                                },
+                                getReferenceKey(reference)
+                              )) }),
+                              message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                                "div",
+                                {
+                                  className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
+                                  children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.FileText, { size: 12 }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName })
+                                  ]
+                                },
+                                fileIndex
+                              )) }),
+                              Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                                "p",
+                                {
+                                  className: "wrap-break-word text-sm leading-relaxed",
+                                  children: formatMessageContent(part)
+                                },
+                                `${part.type}-${partIndex}`
+                              )) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                          MessageActions,
+                          {
+                            content: messageContent,
+                            isAssistant: isAssistantMessage,
                             isStreaming: isStreamingMessage,
-                            streamingStatus,
-                            isThreadRunning: currentThreadIsRunning,
-                            organizationId: stream.organizationId,
-                            apiUrl: stream.apiUrl
+                            onRetry: isAssistantMessage && !stream.isLoading && index === messages.length - 1 ? () => handleRetry(index) : void 0
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-                          message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanRuntimeCapabilityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-                            "span",
-                            {
-                              className: "inline-flex max-w-full items-center gap-1 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs font-medium text-primary-foreground",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                                  RuntimeCapabilityIcon,
-                                  {
-                                    option,
-                                    variant: "chip"
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "max-w-[9rem] truncate", children: option.label })
-                              ]
-                            },
-                            `${option.type}:${option.id}`
-                          )) }),
-                          message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                            ReferenceChip,
-                            {
-                              reference,
-                              variant: "message"
-                            },
-                            getReferenceKey(reference)
-                          )) }),
-                          message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-                            "div",
-                            {
-                              className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.FileText, { size: 12 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "max-w-[100px] truncate", children: file.originalName })
-                              ]
-                            },
-                            fileIndex
-                          )) }),
-                          Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                            "p",
-                            {
-                              className: "wrap-break-word text-sm leading-relaxed",
-                              children: formatMessageContent(part)
-                            },
-                            `${part.type}-${partIndex}`
-                          )) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                      MessageActions,
-                      {
-                        content: messageContent,
-                        isAssistant: isAssistantMessage,
-                        isStreaming: isStreamingMessage,
-                        onRetry: isAssistantMessage && !stream.isLoading && index === messages.length - 1 ? () => handleRetry(index) : void 0
-                      }
-                    )
-                  ] })
+                        )
+                      ]
+                    }
+                  )
                 },
                 message.id ?? `${message.type}-${index}`
               );
@@ -14550,7 +14681,7 @@ function Chat({
                 stream.isLoading,
                 { now: streamingNow }
               );
-              return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 AssistantStreamingIndicator,
                 {
                   status: fallbackStreamingStatus ?? "loading"
@@ -14559,7 +14690,7 @@ function Chat({
             })()
           ] })
         ] }),
-        !isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        !isAtBottom && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Button,
           {
             type: "button",
@@ -14572,10 +14703,10 @@ function Chat({
             onClick: () => scrollToBottom(true, true),
             "aria-label": t("chat.scrollToBottom"),
             title: t("chat.scrollToBottom"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.ArrowDown, { size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.ArrowDown, { size: 16 })
           }
         ) }),
-        quoteSelection && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        quoteSelection && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           {
             className: "pointer-events-none fixed z-50",
@@ -14584,7 +14715,7 @@ function Chat({
               left: `${quoteSelection.left}px`,
               transform: "translateX(-50%)"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               Button,
               {
                 type: "button",
@@ -14596,16 +14727,16 @@ function Chat({
                 "aria-label": t("composer.quoteSelection"),
                 title: t("composer.quoteSelection"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.Quote, { size: 14 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Quote, { size: 14 }),
                   t("composer.quoteSelection")
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "p-2 sticky bottom-0 z-10 bg-background", children: [
-          threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "p-2 sticky bottom-0 z-10 bg-background", children: [
+          threadErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -14616,7 +14747,7 @@ function Chat({
               className: "hidden"
             }
           ),
-          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: attachments.map((item) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: attachments.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               className: cn(
@@ -14624,16 +14755,16 @@ function Chat({
                 item.status === "error" ? "bg-destructive/10 border border-destructive/30" : "bg-muted"
               ),
               children: [
-                item.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                  import_lucide_react25.Loader2,
+                item.status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                  import_lucide_react26.Loader2,
                   {
                     size: 14,
                     className: "animate-spin text-muted-foreground"
                   }
                 ),
-                item.status === "success" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.FileText, { size: 14, className: "text-muted-foreground" }),
-                item.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.FileText, { size: 14, className: "text-destructive" }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                item.status === "success" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.FileText, { size: 14, className: "text-muted-foreground" }),
+                item.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.FileText, { size: 14, className: "text-destructive" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "span",
                   {
                     className: cn(
@@ -14643,17 +14774,17 @@ function Chat({
                     children: item.file.name
                   }
                 ),
-                item.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                item.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "button",
                   {
                     type: "button",
                     onClick: () => handleRetryUpload(item.localId),
                     className: "ml-1 rounded-full p-0.5 text-destructive hover:bg-destructive/20",
                     title: t("chat.retryUpload"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.RefreshCw, { size: 12 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.RefreshCw, { size: 12 })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "button",
                   {
                     type: "button",
@@ -14662,14 +14793,14 @@ function Chat({
                       "ml-1 rounded-full p-0.5",
                       item.status === "error" ? "text-destructive hover:bg-destructive/20" : "hover:bg-muted-foreground/20"
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.X, { size: 12 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.X, { size: 12 })
                   }
                 )
               ]
             },
             item.localId
           )) }),
-          references.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          references.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             ReferenceChip,
             {
               reference,
@@ -14683,16 +14814,16 @@ function Chat({
             },
             getReferenceKey(reference)
           )) }),
-          detachedRunRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs text-muted-foreground", children: t("composer.capabilities.runOnly") }),
-            detachedRunRuntimeCapabilityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          detachedRunRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-xs text-muted-foreground", children: t("composer.capabilities.runOnly") }),
+            detachedRunRuntimeCapabilityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
               "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",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "max-w-40 truncate", children: option.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RuntimeCapabilityIcon, { option, variant: "chip" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "max-w-40 truncate", children: option.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                     "button",
                     {
                       type: "button",
@@ -14700,7 +14831,7 @@ function Chat({
                       className: "rounded-full p-0.5 hover:bg-primary/15",
                       title: t("composer.capabilities.removeRunCapability"),
                       "aria-label": t("composer.capabilities.removeRunCapability"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.X, { size: 11 })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.X, { size: 11 })
                     }
                   )
                 ]
@@ -14708,7 +14839,7 @@ function Chat({
               `${option.type}:${option.id}`
             ))
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             PendingRuntimeServices,
             {
               state: stream.runtimeActivities.sandboxServices,
@@ -14717,7 +14848,7 @@ function Chat({
               className: hasPendingTodos || hasPendingFollowUps ? "mb-2" : void 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             PendingTodos,
             {
               snapshot: stream.todos,
@@ -14725,7 +14856,7 @@ function Chat({
               className: hasPendingFollowUps ? "mb-2" : void 0
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             PendingFollowUps,
             {
               items: pendingFollowUps,
@@ -14740,7 +14871,7 @@ function Chat({
               attachToComposer: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             RequestUserInputPanel,
             {
               request: stream.pendingRequestUserInput,
@@ -14749,7 +14880,7 @@ function Chat({
               attachToComposer: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             HITLApprovalPanel,
             {
               request: stream.pendingHITLRequest,
@@ -14758,7 +14889,7 @@ function Chat({
               attachToComposer: true
             }
           ),
-          runtimeCapabilityPalette && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          runtimeCapabilityPalette && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             SlashPalette,
             {
               palette: runtimeCapabilityPalette,
@@ -14772,7 +14903,7 @@ function Chat({
               onSelect: selectSlashPaletteOption
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "div",
             {
               "data-slot": "composer-input-shell",
@@ -14786,7 +14917,7 @@ function Chat({
                 composerInputRoundedClass
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "div",
                   {
                     ref: composerInputRef,
@@ -14808,7 +14939,7 @@ function Chat({
                       (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                     ),
                     children: renderedComposerParts.map(
-                      (part, index) => part.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(React45.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+                      (part, index) => part.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(React46.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                         "span",
                         {
                           "data-composer-capability-key": part.key,
@@ -14817,14 +14948,14 @@ function Chat({
                           contentEditable: false,
                           className: "mx-0.5 inline-flex max-w-[14rem] select-none items-center gap-1 text-sm font-semibold text-primary align-baseline",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                               RuntimeCapabilityIcon,
                               {
                                 option: part.capability,
                                 variant: "chip"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "truncate", children: part.capability.label })
+                            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate", children: part.capability.label })
                           ]
                         },
                         part.key
@@ -14833,14 +14964,14 @@ function Chat({
                   },
                   composerDomVersion
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                   "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__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                           ComposerMenu,
                           {
                             composer,
@@ -14855,20 +14986,20 @@ function Chat({
                             disabled: missingConfig || isHistoryLoading || hasPendingInteractiveRequest
                           }
                         ) }),
-                        selectedTool && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("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__ */ (0, import_jsx_runtime50.jsx)("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
-                          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        selectedTool && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("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__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
+                          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                             "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__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.X, { size: 12 })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.X, { size: 12 })
                             }
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                         SendButton,
                         {
                           disabled: isSendDisabled,
@@ -14895,7 +15026,7 @@ function Chat({
               ]
             }
           ) }),
-          disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          disclaimer?.text && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "p",
             {
               className: cn(
@@ -14905,12 +15036,12 @@ function Chat({
               children: disclaimer.text
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: t("chat.poweredBy") }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ContextUsageIndicator, { className: "absolute right-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: t("chat.poweredBy") }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ContextUsageIndicator, { className: "absolute right-4" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           SettingsSheet,
           {
             open: petSettingsOpen,
@@ -14920,17 +15051,17 @@ function Chat({
             onSave: savePetLocalSettings
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PetBridge, { pet: effectivePet, state: petAutoState })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PetBridge, { pet: effectivePet, state: petAutoState })
       ]
     }
   );
 }
 
 // src/components/ui/separator.tsx
-var React46 = __toESM(require("react"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Separator = React46.forwardRef(
-  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var Separator = React47.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,