@xpert-ai/chatkit-ui 0.4.9 → 0.4.11

package/dist/index.js

@@ -1,11 +1,11 @@
 // src/components/chat.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 import {
   ArrowDown as ArrowDown2,
   ChevronDown as ChevronDown5,
   FileText as FileText5,
   ImageIcon,
-  Loader2 as Loader210,
+  Loader2 as Loader211,
   Minus,
   Pause,
   Pencil as Pencil4,
@@ -14,7 +14,7 @@ import {
   Settings as Settings2,
   Target as Target3,
   Trash2 as Trash23,
-  X as X7
+  X as X9
 } from "lucide-react";
 import { CHATKIT_TASK_SUMMARY_OPEN_RESOURCE_EFFECT } from "@xpert-ai/chatkit-types";
 
@@ -806,6 +806,7 @@ function isRuntimeCapabilitiesSelection(value) {
 
 // src/providers/ParentMessenger.tsx
 import { jsx } from "react/jsx-runtime";
+var CHATKIT_INTERNAL_PARENT_EVENT = "chatkit:internal-parent-event";
 var handledSendUserMessageNonces = /* @__PURE__ */ new Set();
 var handledSendUserMessageEvents = /* @__PURE__ */ new WeakSet();
 var getParentOrigin = () => {
@@ -1123,6 +1124,16 @@ function ParentMessengerProvider({
   );
   const sendEvent = useCallback(
     (event, data, transfer) => {
+      if (typeof window !== "undefined") {
+        window.dispatchEvent(
+          new CustomEvent(
+            CHATKIT_INTERNAL_PARENT_EVENT,
+            {
+              detail: { event, data }
+            }
+          )
+        );
+      }
       if (!isParentAvailable) return;
       const message = {
         __xpaiChatKit: true,
@@ -2118,6 +2129,32 @@ import { initReactI18next } from "react-i18next";
 
 // src/i18n/locales/en-US.json
 var en_US_default = {
+  workbench: {
+    title: "Views",
+    description: "Remote workbench views",
+    views: "Available views",
+    open: "Open views",
+    close: "Close views",
+    expandPanel: "Expand panel",
+    restorePanel: "Restore panel",
+    toggleSidebar: "Show or hide sidebar",
+    resize: "Resize views panel",
+    loading: "Loading views...",
+    loadingView: "Loading view...",
+    empty: "No compatible views are available.",
+    loadFailed: "Views could not be loaded.",
+    entryUnavailable: "Remote view content is unavailable.",
+    missingAssistant: "An assistant is required to load views.",
+    retry: "Retry",
+    errors: {
+      contextKeyRequired: "Context key is required.",
+      messageRequired: "Message text is required.",
+      sendFailed: "The message could not be sent.",
+      requestFailed: "The remote view request failed.",
+      requestTimeout: "The remote view request timed out.",
+      clientCommandUnavailable: "No handler is configured for client command {{commandKey}}."
+    }
+  },
   chat: {
     title: "Chat",
     placeholder: "Type a message...",
@@ -2205,6 +2242,9 @@ var en_US_default = {
   history: {
     threadHistory: "Thread history",
     title: "Threads",
+    refresh: "Refresh threads",
+    updatedAt: "Updated {{time}}",
+    deleteThread: "Delete {{title}}",
     newThread: "New Thread",
     empty: "No threads yet",
     newThreadTitle: "New thread",
@@ -2559,6 +2599,32 @@ var en_US_default = {
 
 // src/i18n/locales/zh-CN.json
 var zh_CN_default = {
+  workbench: {
+    title: "\u89C6\u56FE",
+    description: "\u8FDC\u7A0B\u5DE5\u4F5C\u53F0\u89C6\u56FE",
+    views: "\u53EF\u7528\u89C6\u56FE",
+    open: "\u6253\u5F00\u89C6\u56FE",
+    close: "\u5173\u95ED\u89C6\u56FE",
+    expandPanel: "\u5C55\u5F00\u9762\u677F",
+    restorePanel: "\u8FD8\u539F\u9762\u677F",
+    toggleSidebar: "\u663E\u793A/\u9690\u85CF\u4FA7\u8FB9\u680F",
+    resize: "\u8C03\u6574\u89C6\u56FE\u9762\u677F\u5BBD\u5EA6",
+    loading: "\u6B63\u5728\u52A0\u8F7D\u89C6\u56FE...",
+    loadingView: "\u6B63\u5728\u52A0\u8F7D\u89C6\u56FE...",
+    empty: "\u6682\u65E0\u517C\u5BB9\u7684\u89C6\u56FE\u3002",
+    loadFailed: "\u89C6\u56FE\u52A0\u8F7D\u5931\u8D25\u3002",
+    entryUnavailable: "\u8FDC\u7A0B\u89C6\u56FE\u5185\u5BB9\u4E0D\u53EF\u7528\u3002",
+    missingAssistant: "\u9700\u8981 Assistant \u624D\u80FD\u52A0\u8F7D\u89C6\u56FE\u3002",
+    retry: "\u91CD\u8BD5",
+    errors: {
+      contextKeyRequired: "\u5FC5\u987B\u63D0\u4F9B\u4E0A\u4E0B\u6587\u952E\u3002",
+      messageRequired: "\u5FC5\u987B\u63D0\u4F9B\u6D88\u606F\u5185\u5BB9\u3002",
+      sendFailed: "\u6D88\u606F\u53D1\u9001\u5931\u8D25\u3002",
+      requestFailed: "\u8FDC\u7A0B\u89C6\u56FE\u8BF7\u6C42\u5931\u8D25\u3002",
+      requestTimeout: "\u8FDC\u7A0B\u89C6\u56FE\u8BF7\u6C42\u8D85\u65F6\u3002",
+      clientCommandUnavailable: "\u672A\u914D\u7F6E\u5BA2\u6237\u7AEF\u547D\u4EE4 {{commandKey}} \u7684\u5904\u7406\u5668\u3002"
+    }
+  },
   chat: {
     title: "\u804A\u5929",
     placeholder: "\u8F93\u5165\u6D88\u606F...",
@@ -2646,6 +2712,9 @@ var zh_CN_default = {
   history: {
     threadHistory: "\u7EBF\u7A0B\u5386\u53F2",
     title: "\u7EBF\u7A0B",
+    refresh: "\u5237\u65B0\u7EBF\u7A0B",
+    updatedAt: "\u66F4\u65B0\u4E8E {{time}}",
+    deleteThread: "\u5220\u9664 {{title}}",
     newThread: "\u65B0\u7EBF\u7A0B",
     empty: "\u6682\u65E0\u7EBF\u7A0B",
     newThreadTitle: "\u65B0\u7EBF\u7A0B",
@@ -3230,6 +3299,7 @@ function generateGrayscaleColors(grayscale, isDarkMode) {
 }
 function ThemeProvider({ children, theme: themeProp }) {
   const themeRef = React4.useRef(null);
+  const [themeRevision, setThemeRevision] = React4.useState(0);
   const theme = React4.useMemo(() => {
     if (typeof themeProp === "string") {
       return {
@@ -3242,8 +3312,13 @@ function ThemeProvider({ children, theme: themeProp }) {
     return theme.colorScheme === "dark";
   }, [theme]);
   const contextValue = React4.useMemo(
-    () => ({ theme, isDarkMode }),
-    [theme, isDarkMode]
+    () => ({
+      theme,
+      isDarkMode,
+      themeRootRef: themeRef,
+      themeRevision
+    }),
+    [theme, isDarkMode, themeRevision]
   );
   React4.useEffect(() => {
     if (!themeRef.current) return;
@@ -3340,6 +3415,7 @@ function ThemeProvider({ children, theme: themeProp }) {
         }
       }
     }
+    setThemeRevision((current) => current + 1);
     return () => {
       const root = document.documentElement;
       el.classList.remove("dark");
@@ -4758,7 +4834,14 @@ function SlashPalette({
 
 // src/components/history/HistorySidebar.tsx
 import * as React13 from "react";
-import { History, MessageSquare, PlusCircle, Trash2 } from "lucide-react";
+import {
+  History,
+  MessageSquare,
+  PlusCircle,
+  RefreshCw,
+  Trash2,
+  X as X3
+} from "lucide-react";
 
 // src/components/ui/scroll-area.tsx
 import * as React11 from "react";
@@ -4768,10 +4851,10 @@ var ScrollArea = React11.forwardRef(({ className, children, ...props }, ref) =>
   ScrollAreaPrimitive.Root,
   {
     ref,
-    className: cn("relative overflow-hidden", className),
+    className: cn("relative min-w-0 overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx14(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx14(ScrollAreaPrimitive.Viewport, { className: "h-full w-full min-w-0 max-w-full rounded-[inherit] [&>div]:!block [&>div]:!w-full", children }),
       /* @__PURE__ */ jsx14(ScrollBar, {}),
       /* @__PURE__ */ jsx14(ScrollAreaPrimitive.Corner, {})
     ]
@@ -4806,6 +4889,9 @@ function Sheet({ ...props }) {
 function SheetTrigger({ ...props }) {
   return /* @__PURE__ */ jsx15(SheetPrimitive.Trigger, { ...props });
 }
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Close, { ...props });
+}
 function SheetPortal({ ...props }) {
   return /* @__PURE__ */ jsx15(SheetPrimitive.Portal, { ...props });
 }
@@ -4826,6 +4912,7 @@ function SheetOverlay({
 }
 function SheetContent({
   side = "right",
+  showCloseButton = true,
   className,
   children,
   ...props
@@ -4850,7 +4937,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs8(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          showCloseButton && /* @__PURE__ */ jsxs8(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
             /* @__PURE__ */ jsx15(X2, { size: 16 }),
             /* @__PURE__ */ jsx15("span", { className: "sr-only", children: t("sheet.close") })
           ] })
@@ -4889,17 +4976,51 @@ function SheetTitle({
 
 // src/components/history/HistorySidebar.tsx
 import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var formatThreadUpdatedAt = (value, formatters, now = /* @__PURE__ */ new Date()) => {
+  if (Number.isNaN(value.getTime())) return null;
+  const isSameYear = value.getFullYear() === now.getFullYear();
+  const isSameDay = isSameYear && value.getMonth() === now.getMonth() && value.getDate() === now.getDate();
+  return {
+    compact: isSameDay ? formatters.time.format(value) : isSameYear ? formatters.date.format(value) : formatters.dateWithYear.format(value),
+    full: formatters.full.format(value)
+  };
+};
 function HistorySidebar({
   threads = [],
   currentThreadId,
   onNewThread,
+  onRefresh,
   onSelectThread,
   onDeleteThread,
+  isRefreshing = false,
   showDelete = true,
   disabled = false
 }) {
-  const { t } = useChatkitTranslation();
+  const { t, i18n: i18n2 } = useChatkitTranslation();
   const [open, setOpen] = React13.useState(false);
+  const language = i18n2.resolvedLanguage ?? i18n2.language;
+  const threadTimeFormatters = React13.useMemo(
+    () => ({
+      time: new Intl.DateTimeFormat(language, {
+        hour: "2-digit",
+        minute: "2-digit"
+      }),
+      date: new Intl.DateTimeFormat(language, {
+        month: "numeric",
+        day: "numeric"
+      }),
+      dateWithYear: new Intl.DateTimeFormat(language, {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric"
+      }),
+      full: new Intl.DateTimeFormat(language, {
+        dateStyle: "medium",
+        timeStyle: "short"
+      })
+    }),
+    [language]
+  );
   const handleNewThread = () => {
     onNewThread?.();
     setOpen(false);
@@ -4926,49 +5047,118 @@ function HistorySidebar({
       ) }) }) }),
       /* @__PURE__ */ jsx16(TooltipContent, { side: "bottom", children: t("history.threadHistory") })
     ] }),
-    /* @__PURE__ */ jsxs9(SheetContent, { side: "right", className: "w-80 p-0", children: [
-      /* @__PURE__ */ jsx16(SheetHeader, { className: "border-b p-4", children: /* @__PURE__ */ jsx16(SheetTitle, { children: t("history.title") }) }),
-      /* @__PURE__ */ jsx16("div", { className: "p-4", children: /* @__PURE__ */ jsxs9(
-        Button,
-        {
-          onClick: handleNewThread,
-          className: "w-full justify-start gap-2",
-          variant: "secondary",
-          children: [
-            /* @__PURE__ */ jsx16(PlusCircle, { size: 16 }),
-            t("history.newThread")
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx16(ScrollArea, { className: "h-[calc(100vh-140px)]", children: /* @__PURE__ */ jsx16("div", { className: "px-4 pb-4", children: threads.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "py-8 text-center text-sm text-muted-foreground", children: t("history.empty") }) : /* @__PURE__ */ jsx16("div", { className: "space-y-1", children: threads.map((thread) => /* @__PURE__ */ jsxs9(
-        "div",
-        {
-          className: cn(
-            "group flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
-            "hover:bg-muted cursor-pointer",
-            currentThreadId === thread.id && "bg-muted"
-          ),
-          onClick: () => handleSelectThread(thread.id),
-          children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx16(MessageSquare, { size: 16 }) }),
-            /* @__PURE__ */ jsx16("span", { className: "flex-1 truncate", children: thread.title }),
-            showDelete && onDeleteThread && /* @__PURE__ */ jsx16(
-              "button",
+    /* @__PURE__ */ jsxs9(
+      SheetContent,
+      {
+        side: "right",
+        className: "w-80 p-0",
+        showCloseButton: false,
+        "aria-describedby": void 0,
+        children: [
+          /* @__PURE__ */ jsxs9(SheetHeader, { className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center space-y-0 border-b px-3 py-4", children: [
+            /* @__PURE__ */ jsx16(SheetTitle, { className: "col-start-2 text-center", children: t("history.title") }),
+            /* @__PURE__ */ jsxs9("div", { className: "col-start-3 row-start-1 flex min-w-max items-center gap-1 justify-self-end", children: [
+              onRefresh && /* @__PURE__ */ jsxs9(Tooltip, { children: [
+                /* @__PURE__ */ jsx16(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: () => void onRefresh(),
+                    disabled: disabled || isRefreshing,
+                    className: "cursor-pointer text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                    "aria-label": t("history.refresh"),
+                    "aria-busy": isRefreshing,
+                    children: /* @__PURE__ */ jsx16(
+                      RefreshCw,
+                      {
+                        size: 16,
+                        className: cn(isRefreshing && "animate-spin")
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ jsx16(TooltipContent, { side: "bottom", children: t("history.refresh") })
+              ] }),
+              /* @__PURE__ */ jsx16(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx16(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  className: "cursor-pointer text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                  "aria-label": t("sheet.close"),
+                  children: /* @__PURE__ */ jsx16(X3, { size: 16 })
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx16("div", { className: "p-4", children: /* @__PURE__ */ jsxs9(
+            Button,
+            {
+              onClick: handleNewThread,
+              className: "w-full justify-start gap-2",
+              variant: "secondary",
+              children: [
+                /* @__PURE__ */ jsx16(PlusCircle, { size: 16 }),
+                t("history.newThread")
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx16(ScrollArea, { className: "h-[calc(100vh-140px)]", children: /* @__PURE__ */ jsx16("div", { className: "px-4 pb-4", children: threads.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "py-8 text-center text-sm text-muted-foreground", children: t("history.empty") }) : /* @__PURE__ */ jsx16("div", { children: threads.map((thread) => {
+            const updatedAt = thread.lastMessageAt ? formatThreadUpdatedAt(
+              thread.lastMessageAt,
+              threadTimeFormatters
+            ) : null;
+            return /* @__PURE__ */ jsxs9(
+              "div",
               {
-                type: "button",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onDeleteThread(thread.id);
-                },
-                className: "opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-destructive/10 hover:text-destructive transition-all",
-                children: /* @__PURE__ */ jsx16(Trash2, { size: 14 })
-              }
-            )
-          ]
-        },
-        thread.id
-      )) }) }) })
-    ] })
+                "data-active": currentThreadId === thread.id,
+                className: cn(
+                  "group flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
+                  "cursor-pointer hover:bg-accent hover:text-accent-foreground",
+                  "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground"
+                ),
+                onClick: () => handleSelectThread(thread.id),
+                children: [
+                  /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-muted-foreground transition-colors group-hover:text-accent-foreground group-data-[active=true]:text-accent-foreground", children: /* @__PURE__ */ jsx16(MessageSquare, { size: 16 }) }),
+                  /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: thread.title }),
+                  updatedAt && /* @__PURE__ */ jsx16(
+                    "time",
+                    {
+                      dateTime: thread.lastMessageAt?.toISOString(),
+                      title: updatedAt.full,
+                      "aria-label": t("history.updatedAt", {
+                        time: updatedAt.full
+                      }),
+                      className: "hidden shrink-0 whitespace-nowrap text-xs text-muted-foreground transition-colors group-hover:inline group-hover:text-accent-foreground group-focus-within:inline group-data-[active=true]:text-accent-foreground",
+                      children: updatedAt.compact
+                    }
+                  ),
+                  showDelete && onDeleteThread && /* @__PURE__ */ jsx16(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onDeleteThread(thread.id);
+                      },
+                      className: "shrink-0 rounded p-1 opacity-0 transition-all hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100 group-focus-within:opacity-100",
+                      "aria-label": t("history.deleteThread", {
+                        title: thread.title
+                      }),
+                      children: /* @__PURE__ */ jsx16(Trash2, { size: 14 })
+                    }
+                  )
+                ]
+              },
+              thread.id
+            );
+          }) }) }) })
+        ]
+      }
+    )
   ] });
 }
 
@@ -5513,7 +5703,7 @@ import {
   MessageSquare as MessageSquare2,
   Pencil as Pencil2,
   ShieldCheck,
-  X as X3
+  X as X4
 } from "lucide-react";
 
 // src/components/thread/json-tree-view.tsx
@@ -5708,7 +5898,7 @@ var decisionOrder = [
 var decisionMeta = {
   approve: { icon: Check, labelKey: "composer.hitl.approve" },
   edit: { icon: Pencil2, labelKey: "composer.hitl.edit" },
-  reject: { icon: X3, labelKey: "composer.hitl.reject" },
+  reject: { icon: X4, labelKey: "composer.hitl.reject" },
   respond: { icon: MessageSquare2, labelKey: "composer.hitl.respond" }
 };
 var emptyActions = [];
@@ -7084,7 +7274,7 @@ function useConversationSummaryEvent({
 
 // src/components/chat/attachments.tsx
 import * as React22 from "react";
-import { FileText as FileText2, Loader2 as Loader22, RefreshCw, X as X4 } from "lucide-react";
+import { FileText as FileText2, Loader2 as Loader22, RefreshCw as RefreshCw2, X as X5 } from "lucide-react";
 import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 var ACTIVE_PARSE_STATUSES = /* @__PURE__ */ new Set([
   "uploaded",
@@ -7426,7 +7616,7 @@ var ChatAttachments = React22.forwardRef(function ChatAttachments2({
                 onClick: () => retryUpload(item.localId),
                 className: "ml-1 rounded-full p-0.5 text-destructive hover:bg-destructive/20",
                 title: retryUploadLabel,
-                children: /* @__PURE__ */ jsx24(RefreshCw, { size: 12 })
+                children: /* @__PURE__ */ jsx24(RefreshCw2, { size: 12 })
               }
             ),
             /* @__PURE__ */ jsx24(
@@ -7438,7 +7628,7 @@ var ChatAttachments = React22.forwardRef(function ChatAttachments2({
                   "ml-1 rounded-full p-0.5",
                   item.status === "error" ? "text-destructive hover:bg-destructive/20" : "hover:bg-muted-foreground/20"
                 ),
-                children: /* @__PURE__ */ jsx24(X4, { size: 12 })
+                children: /* @__PURE__ */ jsx24(X5, { size: 12 })
               }
             )
           ]
@@ -9154,7 +9344,7 @@ import {
   memo,
   useContext as useContext5,
   useId as useId4,
-  useState as useState14
+  useState as useState15
 } from "react";
 import { CheckIcon as CheckIcon3, ChevronDownIcon, CopyIcon as CopyIcon2, DownloadIcon as DownloadIcon2, ListChecksIcon } from "lucide-react";
 
@@ -9203,7 +9393,7 @@ import {
   ExpandIcon,
   Loader2 as Loader23,
   TriangleAlert,
-  X as X5
+  X as X6
 } from "lucide-react";
 import * as React30 from "react";
 
@@ -9491,7 +9681,7 @@ function MermaidPreviewDialog({
             type: "button",
             className: "inline-flex size-10 items-center justify-center rounded-full border border-border bg-card text-muted-foreground transition-colors hover:text-foreground",
             children: [
-              /* @__PURE__ */ jsx32(X5, { className: "size-4" }),
+              /* @__PURE__ */ jsx32(X6, { className: "size-4" }),
               /* @__PURE__ */ jsx32("span", { className: "sr-only", children: closeLabel })
             ]
           }
@@ -9909,7 +10099,7 @@ function PlanCard({ children }) {
   const { t } = useChatkitTranslation();
   const planMarkdown = normalizePlanMarkdown(children);
   const contentId = useId4();
-  const [isExpanded, setIsExpanded] = useState14(false);
+  const [isExpanded, setIsExpanded] = useState15(false);
   const { isCopied, copyToClipboard } = useCopyToClipboard();
   const onCopy = () => {
     if (!planMarkdown || isCopied) return;
@@ -10015,7 +10205,7 @@ var isMermaidCodeElement = (child) => isValidElement(child) && typeof child.prop
 function useCopyToClipboard({
   copiedDuration = 3e3
 } = {}) {
-  const [isCopied, setIsCopied] = useState14(false);
+  const [isCopied, setIsCopied] = useState15(false);
   const copyToClipboard = (value) => {
     if (!value) return;
     navigator.clipboard.writeText(value).then(() => {
@@ -12351,7 +12541,7 @@ function RequestUserInputResultCard({
 }
 
 // src/components/thread/messages/widget.tsx
-import { useEffect as useEffect17, useMemo as useMemo11, useState as useState18 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo12, useState as useState19 } from "react";
 import {
   A2UIRenderer,
   SurfaceRenderer,
@@ -12394,8 +12584,8 @@ function FlatWidgetSurface({
   surfaceId
 }) {
   const { processMessages } = useA2UI();
-  const [renderError, setRenderError] = useState18(false);
-  const normalizedMessages = useMemo11(
+  const [renderError, setRenderError] = useState19(false);
+  const normalizedMessages = useMemo12(
     () => normalizeFlatWidgetMessages(messages, surfaceId),
     [messages, surfaceId]
   );
@@ -14378,7 +14568,7 @@ function MessageNavigator({
 
 // src/components/thread/MessageActions.tsx
 import * as React39 from "react";
-import { Check as Check5, Copy as Copy3, RefreshCw as RefreshCw2 } from "lucide-react";
+import { Check as Check5, Copy as Copy3, RefreshCw as RefreshCw3 } from "lucide-react";
 import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 function MessageActions({
   content,
@@ -14429,7 +14619,7 @@ function MessageActions({
             onClick: onRetry,
             className: "p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
             title: t("messageActions.regenerate"),
-            children: /* @__PURE__ */ jsx45(RefreshCw2, { size: 14 })
+            children: /* @__PURE__ */ jsx45(RefreshCw3, { size: 14 })
           }
         )
       ]
@@ -16417,10 +16607,62 @@ function findDomPointForComposerOffset(root, offset) {
   return result ?? { node: lastNode, offset: lastOffset };
 }
 
-// src/components/chat/runtime-capabilities.tsx
+// src/workbench/WorkbenchShell.tsx
 import * as React51 from "react";
-import { X as X6 } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
+import {
+  ASSISTANT_CHAT_SEND_MESSAGE_COMMAND,
+  ASSISTANT_CONTEXT_SET_COMMAND
+} from "@xpert-ai/xpert-sdk";
+import {
+  Loader2 as Loader29,
+  Maximize2,
+  Minimize2,
+  PanelRight,
+  RotateCcw,
+  X as X7
+} from "lucide-react";
+import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
+var WorkbenchContext = React51.createContext({
+  enabled: false,
+  open: false,
+  loading: false,
+  available: false,
+  toggle: () => void 0
+});
+function useWorkbench() {
+  return React51.useContext(WorkbenchContext);
+}
+function WorkbenchToggleButton() {
+  const workbench = useWorkbench();
+  const { t } = useChatkitTranslation();
+  if (!workbench.enabled || workbench.open) return null;
+  const label = t("workbench.open");
+  const tooltip = workbench.disabledReason ?? label;
+  return /* @__PURE__ */ jsxs38(Tooltip, { children: [
+    /* @__PURE__ */ jsx56(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx56("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx56(
+      "button",
+      {
+        type: "button",
+        onClick: workbench.toggle,
+        disabled: !workbench.available,
+        className: cn(
+          "flex h-8 w-8 cursor-pointer items-center justify-center rounded-md",
+          "text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground",
+          "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
+        ),
+        "aria-label": label,
+        "aria-expanded": false,
+        children: workbench.loading ? /* @__PURE__ */ jsx56(Loader29, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx56(PanelRight, { size: 16 })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx56(TooltipContent, { side: "bottom", children: tooltip })
+  ] });
+}
+
+// src/components/chat/runtime-capabilities.tsx
+import * as React52 from "react";
+import { X as X8 } from "lucide-react";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function createComposerCapabilityInsertionParts(options) {
   return options.flatMap((option) => [
     createComposerCapabilityPart(option, createMessageId()),
@@ -16493,29 +16735,29 @@ function useRuntimeCapabilitiesState({
   disabled,
   composerParts
 }) {
-  const [runtimeCapabilities, setRuntimeCapabilities] = React51.useState(null);
-  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React51.useState(false);
-  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React51.useState(
+  const [runtimeCapabilities, setRuntimeCapabilities] = React52.useState(null);
+  const [runtimeCapabilitiesReady, setRuntimeCapabilitiesReady] = React52.useState(false);
+  const [sessionRuntimeCapabilities, setSessionRuntimeCapabilities] = React52.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React51.useState(
+  const [runRuntimeCapabilities, setRunRuntimeCapabilities] = React52.useState(
     () => createEmptyRuntimeCapabilitiesSelection()
   );
-  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React51.useState(null);
-  const runtimeCapabilityPreferenceLoadRef = React51.useRef(0);
-  const pendingExternalRuntimeCapabilitiesRef = React51.useRef(null);
-  const runtimeCapabilityOptions = React51.useMemo(
+  const [runtimeCapabilityPalette, setRuntimeCapabilityPalette] = React52.useState(null);
+  const runtimeCapabilityPreferenceLoadRef = React52.useRef(0);
+  const pendingExternalRuntimeCapabilitiesRef = React52.useRef(null);
+  const runtimeCapabilityOptions = React52.useMemo(
     () => getRuntimeCapabilityOptions(runtimeCapabilities),
     [runtimeCapabilities]
   );
-  const effectiveSessionRuntimeCapabilities = React51.useMemo(
+  const effectiveSessionRuntimeCapabilities = React52.useMemo(
     () => runtimeCapabilitiesReady && runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
       runtimeCapabilities,
       sessionRuntimeCapabilities
     ) : null,
     [runtimeCapabilities, runtimeCapabilitiesReady, sessionRuntimeCapabilities]
   );
-  const runRuntimeCapabilityOptions = React51.useMemo(
+  const runRuntimeCapabilityOptions = React52.useMemo(
     () => runtimeCapabilityOptions.filter(
       (option) => isRuntimeCapabilitySelected(
         runRuntimeCapabilities,
@@ -16525,11 +16767,11 @@ function useRuntimeCapabilitiesState({
     ),
     [runRuntimeCapabilities, runtimeCapabilityOptions]
   );
-  const composerRuntimeCapabilitySelectionKeys = React51.useMemo(
+  const composerRuntimeCapabilitySelectionKeys = React52.useMemo(
     () => getComposerCapabilitySelectionKeys(composerParts),
     [composerParts]
   );
-  const detachedRunRuntimeCapabilityOptions = React51.useMemo(
+  const detachedRunRuntimeCapabilityOptions = React52.useMemo(
     () => runRuntimeCapabilityOptions.filter(
       (option) => !composerRuntimeCapabilitySelectionKeys.has(
         getRuntimeCapabilityOptionKey(option)
@@ -16537,7 +16779,7 @@ function useRuntimeCapabilitiesState({
     ),
     [composerRuntimeCapabilitySelectionKeys, runRuntimeCapabilityOptions]
   );
-  const persistSessionRuntimeCapabilities = React51.useCallback(
+  const persistSessionRuntimeCapabilities = React52.useCallback(
     async (nextThreadId, selection) => {
       if (!runtimeCapabilities || !selection || !client) {
         return;
@@ -16562,7 +16804,7 @@ function useRuntimeCapabilitiesState({
     },
     [client, runtimeCapabilities]
   );
-  const applyExternalRuntimeCapabilities = React51.useCallback(
+  const applyExternalRuntimeCapabilities = React52.useCallback(
     (selection) => {
       pendingExternalRuntimeCapabilitiesRef.current = selection;
       setRunRuntimeCapabilities(() => {
@@ -16583,7 +16825,7 @@ function useRuntimeCapabilitiesState({
     },
     [runtimeCapabilities]
   );
-  const handleSessionRuntimeCapabilityToggle = React51.useCallback(
+  const handleSessionRuntimeCapabilityToggle = React52.useCallback(
     (type, id, selected) => {
       setSessionRuntimeCapabilities((previous) => {
         const nextSelection = toggleRuntimeCapabilitySelection(
@@ -16604,7 +16846,7 @@ function useRuntimeCapabilitiesState({
     },
     [persistSessionRuntimeCapabilities, threadId]
   );
-  const addRunRuntimeCapabilities = React51.useCallback(
+  const addRunRuntimeCapabilities = React52.useCallback(
     (selection) => {
       setRunRuntimeCapabilities(
         (previous) => runtimeCapabilities ? mergeRuntimeCapabilitiesSelections(
@@ -16616,13 +16858,13 @@ function useRuntimeCapabilitiesState({
     },
     [runtimeCapabilities]
   );
-  const resetRunRuntimeCapabilities = React51.useCallback(() => {
+  const resetRunRuntimeCapabilities = React52.useCallback(() => {
     setRunRuntimeCapabilities(
       createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities)
     );
     setRuntimeCapabilityPalette(null);
   }, [runtimeCapabilities]);
-  const getRuntimeCapabilitiesForSubmit = React51.useCallback(
+  const getRuntimeCapabilitiesForSubmit = React52.useCallback(
     (recommended) => {
       const recommendedRuntimeCapabilitiesForSubmit = recommended && runtimeCapabilities && runtimeCapabilitiesReady ? mergeRuntimeCapabilitiesSelections(
         runtimeCapabilities,
@@ -16653,7 +16895,7 @@ function useRuntimeCapabilitiesState({
       runtimeCapabilityOptions
     ]
   );
-  const getRuntimeCapabilitiesForCommand = React51.useCallback(
+  const getRuntimeCapabilitiesForCommand = React52.useCallback(
     (recommended) => runtimeCapabilities && runtimeCapabilitiesReady ? createRuntimeCapabilitiesForSubmit({
       capabilities: runtimeCapabilities,
       available: effectiveSessionRuntimeCapabilities,
@@ -16665,7 +16907,7 @@ function useRuntimeCapabilitiesState({
       runtimeCapabilitiesReady
     ]
   );
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (disabled || !client || !assistantId) {
       pendingExternalRuntimeCapabilitiesRef.current = null;
       setRuntimeCapabilities(null);
@@ -16713,7 +16955,7 @@ function useRuntimeCapabilitiesState({
     });
     return () => controller.abort();
   }, [assistantId, client, disabled]);
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     const emptyRunSelection = createEmptyRuntimeCapabilitiesSelection(runtimeCapabilities);
     const pendingExternalSelection = pendingExternalRuntimeCapabilitiesRef.current;
     if (pendingExternalSelection && runtimeCapabilities) {
@@ -16805,8 +17047,8 @@ function useRuntimeCapabilityComposerActions({
   commitComposerParts,
   focusComposerAt
 }) {
-  const pendingExternalRuntimeCapabilityInsertRef = React51.useRef(null);
-  const insertExternalRuntimeCapabilities = React51.useCallback(
+  const pendingExternalRuntimeCapabilityInsertRef = React52.useRef(null);
+  const insertExternalRuntimeCapabilities = React52.useCallback(
     (selection, options) => {
       applyExternalRuntimeCapabilities(selection);
       if (!selection) {
@@ -16861,7 +17103,7 @@ function useRuntimeCapabilityComposerActions({
       setRuntimeCapabilityPalette
     ]
   );
-  const applyComposerValueRuntimeCapabilities = React51.useCallback(
+  const applyComposerValueRuntimeCapabilities = React52.useCallback(
     (payload, options) => {
       const runtimeCapabilitiesPayload = isRuntimeCapabilitiesSelection(
         payload.runtimeCapabilities
@@ -16877,7 +17119,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [applyExternalRuntimeCapabilities, insertExternalRuntimeCapabilities]
   );
-  const updateRuntimeCapabilityPalette = React51.useCallback(
+  const updateRuntimeCapabilityPalette = React52.useCallback(
     (parts, selectionStart) => {
       const input = composerInputRef.current;
       const editingText = getComposerEditingText(parts);
@@ -16889,7 +17131,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [composerInputRef, setRuntimeCapabilityPalette]
   );
-  const removeRunRuntimeCapability = React51.useCallback(
+  const removeRunRuntimeCapability = React52.useCallback(
     (option) => {
       setRunRuntimeCapabilities(
         (previous) => toggleRuntimeCapabilitySelection(
@@ -16909,7 +17151,7 @@ function useRuntimeCapabilityComposerActions({
     },
     [commitComposerParts, composerPartsRef, setRunRuntimeCapabilities]
   );
-  const insertComposerCapabilityToken = React51.useCallback(
+  const insertComposerCapabilityToken = React52.useCallback(
     (capability, range) => {
       const replacementParts = createComposerCapabilityInsertionParts([
         capability
@@ -16950,7 +17192,7 @@ function useRuntimeCapabilityComposerActions({
       setRuntimeCapabilityPalette
     ]
   );
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (!runtimeCapabilitiesReady || !runtimeCapabilities) {
       return;
     }
@@ -16980,16 +17222,16 @@ function HumanRuntimeCapabilityChips({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx56("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
+  return /* @__PURE__ */ jsx57("div", { className: "mb-2 flex flex-wrap gap-1.5", children: options.map((option) => {
     const color = option.type === "skill" ? void 0 : getRuntimeCapabilityColor(option);
-    return /* @__PURE__ */ jsxs38(
+    return /* @__PURE__ */ jsxs39(
       "span",
       {
         className: "inline-flex max-w-full items-center gap-1 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs font-medium text-primary-foreground",
         style: color ? { color } : void 0,
         children: [
-          /* @__PURE__ */ jsx56(RuntimeCapabilityIcon, { option, variant: "chip" }),
-          /* @__PURE__ */ jsx56("span", { className: "max-w-[9rem] truncate", children: option.label })
+          /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option, variant: "chip" }),
+          /* @__PURE__ */ jsx57("span", { className: "max-w-[9rem] truncate", children: option.label })
         ]
       },
       `${option.type}:${option.id}`
@@ -17005,19 +17247,19 @@ function DetachedRunRuntimeCapabilities({
   if (options.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs38("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ jsx56("span", { className: "text-xs text-muted-foreground", children: runOnlyLabel }),
+  return /* @__PURE__ */ jsxs39("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx57("span", { className: "text-xs text-muted-foreground", children: runOnlyLabel }),
     options.map((option) => {
       const color = getRuntimeCapabilityColor(option);
-      return /* @__PURE__ */ jsxs38(
+      return /* @__PURE__ */ jsxs39(
         "span",
         {
           className: "inline-flex max-w-full items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary",
           style: color ? { color } : void 0,
           children: [
-            /* @__PURE__ */ jsx56(RuntimeCapabilityIcon, { option, variant: "chip" }),
-            /* @__PURE__ */ jsx56("span", { className: "max-w-40 truncate", children: option.label }),
-            /* @__PURE__ */ jsx56(
+            /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option, variant: "chip" }),
+            /* @__PURE__ */ jsx57("span", { className: "max-w-40 truncate", children: option.label }),
+            /* @__PURE__ */ jsx57(
               "button",
               {
                 type: "button",
@@ -17025,7 +17267,7 @@ function DetachedRunRuntimeCapabilities({
                 className: "rounded-full p-0.5 hover:bg-primary/15",
                 title: removeLabel,
                 "aria-label": removeLabel,
-                children: /* @__PURE__ */ jsx56(X6, { size: 11 })
+                children: /* @__PURE__ */ jsx57(X8, { size: 11 })
               }
             )
           ]
@@ -17039,7 +17281,7 @@ function ComposerCapabilityToken({
   part
 }) {
   const color = getRuntimeCapabilityColor(part.capability);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "span",
     {
       "data-composer-capability-key": part.key,
@@ -17049,8 +17291,8 @@ function ComposerCapabilityToken({
       className: "mx-0.5 inline-flex max-w-[14rem] select-none items-center gap-1 text-sm font-semibold text-primary align-baseline",
       style: color ? { color } : void 0,
       children: [
-        /* @__PURE__ */ jsx56(RuntimeCapabilityIcon, { option: part.capability, variant: "chip" }),
-        /* @__PURE__ */ jsx56("span", { className: "truncate", children: part.capability.label })
+        /* @__PURE__ */ jsx57(RuntimeCapabilityIcon, { option: part.capability, variant: "chip" }),
+        /* @__PURE__ */ jsx57("span", { className: "truncate", children: part.capability.label })
       ]
     },
     part.key
@@ -17310,30 +17552,30 @@ function buildMessageNavigationItems(messages, options) {
 }
 
 // src/hooks/useTaskSummary.ts
-import * as React52 from "react";
+import * as React53 from "react";
 function useTaskSummary({
   enabled,
   conversationId,
   client,
   live
 }) {
-  const [loaded, setLoaded] = React52.useState(null);
-  const [historySections, setHistorySections] = React52.useState({});
-  const [historySectionsConversationId, setHistorySectionsConversationId] = React52.useState(null);
-  const [loadingSections, setLoadingSections] = React52.useState({});
-  const [error, setError] = React52.useState(null);
-  const [retryVersion, setRetryVersion] = React52.useState(0);
-  const requestVersionRef = React52.useRef(0);
-  const conversationIdRef = React52.useRef(conversationId);
-  const sectionControllersRef = React52.useRef(
+  const [loaded, setLoaded] = React53.useState(null);
+  const [historySections, setHistorySections] = React53.useState({});
+  const [historySectionsConversationId, setHistorySectionsConversationId] = React53.useState(null);
+  const [loadingSections, setLoadingSections] = React53.useState({});
+  const [error, setError] = React53.useState(null);
+  const [retryVersion, setRetryVersion] = React53.useState(0);
+  const requestVersionRef = React53.useRef(0);
+  const conversationIdRef = React53.useRef(conversationId);
+  const sectionControllersRef = React53.useRef(
     /* @__PURE__ */ new Map()
   );
   conversationIdRef.current = conversationId;
-  const abortSectionRequests = React52.useCallback(() => {
+  const abortSectionRequests = React53.useCallback(() => {
     sectionControllersRef.current.forEach((controller) => controller.abort());
     sectionControllersRef.current.clear();
   }, []);
-  React52.useEffect(() => {
+  React53.useEffect(() => {
     abortSectionRequests();
     setHistorySections({});
     setHistorySectionsConversationId(conversationId);
@@ -17362,11 +17604,11 @@ function useTaskSummary({
     };
   }, [abortSectionRequests, client, conversationId, enabled, retryVersion]);
   const snapshot = loaded?.conversationId === conversationId ? loaded.snapshot : null;
-  const activeHistorySections = React52.useMemo(
+  const activeHistorySections = React53.useMemo(
     () => historySectionsConversationId === conversationId ? historySections : {},
     [conversationId, historySections, historySectionsConversationId]
   );
-  const loadSection = React52.useCallback(
+  const loadSection = React53.useCallback(
     async (section) => {
       if (!enabled || !conversationId || loadingSections[section]) {
         return;
@@ -17426,7 +17668,7 @@ function useTaskSummary({
 }
 
 // src/components/task-summary/TaskSummary.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import {
   Bot as Bot4,
   BookOpen as BookOpen3,
@@ -17435,12 +17677,12 @@ import {
   ExternalLink,
   FileOutput,
   ListChecks as ListChecks3,
-  Loader2 as Loader29,
+  Loader2 as Loader210,
   PlayCircle,
-  RotateCcw,
+  RotateCcw as RotateCcw2,
   Target as Target2
 } from "lucide-react";
-import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 var PREVIEW_SIZE = 3;
 function TaskSummaryTrigger({
   displayMode = "popover",
@@ -17449,9 +17691,9 @@ function TaskSummaryTrigger({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  const [uncontrolledOpen, setUncontrolledOpen] = React53.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React54.useState(false);
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React53.useCallback(
+  const setOpen = React54.useCallback(
     (nextOpen) => {
       if (controlledOpen === void 0) {
         setUncontrolledOpen(nextOpen);
@@ -17460,7 +17702,7 @@ function TaskSummaryTrigger({
     },
     [controlledOpen, onOpenChange]
   );
-  const triggerButton = /* @__PURE__ */ jsx57(
+  const triggerButton = /* @__PURE__ */ jsx58(
     "button",
     {
       type: "button",
@@ -17468,28 +17710,28 @@ function TaskSummaryTrigger({
       "aria-label": t("taskSummary.open"),
       "aria-expanded": open,
       onClick: displayMode === "docked" ? () => setOpen(!open) : void 0,
-      children: /* @__PURE__ */ jsx57(ListChecks3, { size: 16 })
+      children: /* @__PURE__ */ jsx58(ListChecks3, { size: 16 })
     }
   );
   if (displayMode === "docked") {
-    return /* @__PURE__ */ jsxs39(Tooltip, { children: [
-      /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: triggerButton }),
-      /* @__PURE__ */ jsx57(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+    return /* @__PURE__ */ jsxs40(Tooltip, { children: [
+      /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: triggerButton }),
+      /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] });
   }
-  return /* @__PURE__ */ jsxs39(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs39(Tooltip, { children: [
-      /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children: triggerButton }) }),
-      /* @__PURE__ */ jsx57(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
+  return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs40(Tooltip, { children: [
+      /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: triggerButton }) }),
+      /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("taskSummary.open") })
     ] }),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58(
       PopoverContent,
       {
         align: "end",
         sideOffset: 8,
         className: "w-[min(20rem,calc(100vw-2rem))] max-h-[min(44rem,calc(100vh-5rem))] overflow-y-auto rounded-2xl border-border/70 bg-popover p-0 shadow-lg",
         "aria-label": t("taskSummary.title"),
-        children: /* @__PURE__ */ jsx57(TaskSummaryContent, { ...props })
+        children: /* @__PURE__ */ jsx58(TaskSummaryContent, { ...props })
       }
     )
   ] });
@@ -17499,7 +17741,7 @@ function TaskSummaryPanel({
   ...props
 }) {
   const { t } = useChatkitTranslation();
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "aside",
     {
       "data-slot": "task-summary-panel",
@@ -17508,7 +17750,7 @@ function TaskSummaryPanel({
         "h-fit max-h-full overflow-y-auto rounded-2xl border border-border/70 bg-popover text-popover-foreground shadow-lg",
         className
       ),
-      children: /* @__PURE__ */ jsx57(TaskSummaryContent, { ...props })
+      children: /* @__PURE__ */ jsx58(TaskSummaryContent, { ...props })
     }
   );
 }
@@ -17524,7 +17766,7 @@ function TaskSummaryContent({
   onOpenResource
 }) {
   const { t } = useChatkitTranslation();
-  const [expanded, setExpanded] = React53.useState({});
+  const [expanded, setExpanded] = React54.useState({});
   const hasTask = Boolean(
     summary.goal || summary.plan || summary.todos?.items.length
   );
@@ -17556,7 +17798,7 @@ function TaskSummaryContent({
     if (total2 <= PREVIEW_SIZE && !expanded[section]) return null;
     const loading = loadingSections[section];
     const canLoadMore = Boolean(expanded[section]) && loadedSectionCounts[section] < total2;
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs40(
       "button",
       {
         type: "button",
@@ -17564,41 +17806,41 @@ function TaskSummaryContent({
         disabled: loading,
         onClick: () => canLoadMore ? void onLoadSection(section) : toggleSection(section),
         children: [
-          loading && /* @__PURE__ */ jsx57(Loader29, { className: "size-3 animate-spin" }),
-          !loading && /* @__PURE__ */ jsx57(ListChecks3, { className: "size-3.5" }),
+          loading && /* @__PURE__ */ jsx58(Loader210, { className: "size-3 animate-spin" }),
+          !loading && /* @__PURE__ */ jsx58(ListChecks3, { className: "size-3.5" }),
           canLoadMore ? t("taskSummary.loadMore") : expanded[section] ? t("taskSummary.collapse") : t("taskSummary.viewAll", { count: total2 })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsxs39("div", { className: "divide-y divide-border/70", children: [
-    Boolean(historyError) && /* @__PURE__ */ jsxs39("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsx57("span", { children: t("taskSummary.historyError") }),
-      /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40("div", { className: "divide-y divide-border/70", children: [
+    Boolean(historyError) && /* @__PURE__ */ jsxs40("div", { className: "m-3 flex items-start justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsx58("span", { children: t("taskSummary.historyError") }),
+      /* @__PURE__ */ jsxs40(
         "button",
         {
           type: "button",
           className: "inline-flex shrink-0 items-center gap-1 font-medium hover:underline",
           onClick: onRetryHistory,
           children: [
-            /* @__PURE__ */ jsx57(RotateCcw, { className: "size-3" }),
+            /* @__PURE__ */ jsx58(RotateCcw2, { className: "size-3" }),
             t("taskSummary.retry")
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs39(
+    /* @__PURE__ */ jsxs40(
       SummarySection,
       {
         title: t("taskSummary.sections.outputs"),
         children: [
-          summary.outputs.length === 0 ? /* @__PURE__ */ jsx57(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx57(
+          summary.outputs.length === 0 ? /* @__PURE__ */ jsx58(SummaryPrompt, { onClick: onFocusComposer, children: t("taskSummary.createOutput") }) : sectionItems("outputs", summary.outputs).map((item) => /* @__PURE__ */ jsx58(
             SummaryButton,
             {
               title: item.title,
               description: item.description ?? item.status,
-              leading: /* @__PURE__ */ jsx57(FileOutput, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx57(ExternalLink, { className: "size-3.5" }) : void 0,
+              leading: /* @__PURE__ */ jsx58(FileOutput, { className: "size-4" }),
+              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
               onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
             },
             item.id
@@ -17607,18 +17849,18 @@ function TaskSummaryContent({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs39(
+    /* @__PURE__ */ jsxs40(
       SummarySection,
       {
         title: t("taskSummary.sections.sources"),
         children: [
-          sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx57(
+          sectionItems("sources", summary.sources).map((item) => /* @__PURE__ */ jsx58(
             SummaryButton,
             {
               title: item.title,
               description: item.description,
-              leading: /* @__PURE__ */ jsx57(BookOpen3, { className: "size-4" }),
-              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx57(ExternalLink, { className: "size-3.5" }) : void 0,
+              leading: /* @__PURE__ */ jsx58(BookOpen3, { className: "size-4" }),
+              trailing: item.resource && item.resource.type !== "message" ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
               onClick: () => openSummaryItem(item.resource, item.messageId, item.title)
             },
             item.id
@@ -17627,67 +17869,67 @@ function TaskSummaryContent({
         ]
       }
     ),
-    hasTask && /* @__PURE__ */ jsxs39(SummarySection, { title: t("taskSummary.sections.task"), children: [
-      summary.goal && /* @__PURE__ */ jsx57(
+    hasTask && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.task"), children: [
+      summary.goal && /* @__PURE__ */ jsx58(
         SummaryButton,
         {
           title: summary.goal.objective,
           description: summary.goal.status,
-          leading: /* @__PURE__ */ jsx57(Target2, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx58(Target2, { className: "size-4" }),
           onClick: onFocusComposer
         }
       ),
-      summary.plan && /* @__PURE__ */ jsx57(
+      summary.plan && /* @__PURE__ */ jsx58(
         SummaryButton,
         {
           title: summary.plan.title,
           description: summary.plan.excerpt,
-          leading: /* @__PURE__ */ jsx57(ListChecks3, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx58(ListChecks3, { className: "size-4" }),
           onClick: () => summary.plan?.messageId ? onNavigateMessage(summary.plan.messageId) : onFocusComposer()
         }
       ),
-      (summary.todos?.items ?? []).slice(0, PREVIEW_SIZE).map((todo) => /* @__PURE__ */ jsx57(
+      (summary.todos?.items ?? []).slice(0, PREVIEW_SIZE).map((todo) => /* @__PURE__ */ jsx58(
         SummaryButton,
         {
           title: todo.content,
           description: t(`taskSummary.status.${todo.status}`),
-          leading: todo.status === "completed" ? /* @__PURE__ */ jsx57(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx57(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
+          leading: todo.status === "completed" ? /* @__PURE__ */ jsx58(CheckCircle25, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx58(CircleEllipsis, { className: "size-4 text-muted-foreground" }),
           onClick: () => summary.todos?.messageId ? onNavigateMessage(summary.todos.messageId) : onFocusComposer()
         },
         todo.id
       ))
     ] }),
-    summary.running.length > 0 && /* @__PURE__ */ jsx57(SummarySection, { title: t("taskSummary.sections.running"), children: summary.running.slice(0, PREVIEW_SIZE).map((item) => /* @__PURE__ */ jsx57(
+    summary.running.length > 0 && /* @__PURE__ */ jsx58(SummarySection, { title: t("taskSummary.sections.running"), children: summary.running.slice(0, PREVIEW_SIZE).map((item) => /* @__PURE__ */ jsx58(
       SummaryButton,
       {
         title: item.title,
         description: item.description ?? item.status,
-        leading: /* @__PURE__ */ jsx57(PlayCircle, { className: "size-4" }),
-        trailing: item.resource ? /* @__PURE__ */ jsx57(ExternalLink, { className: "size-3.5" }) : void 0,
+        leading: /* @__PURE__ */ jsx58(PlayCircle, { className: "size-4" }),
+        trailing: item.resource ? /* @__PURE__ */ jsx58(ExternalLink, { className: "size-3.5" }) : void 0,
         onClick: () => item.resource && onOpenResource(item.resource, void 0, item.title)
       },
       item.id
     )) }),
-    summary.agents.length > 0 && /* @__PURE__ */ jsxs39(SummarySection, { title: t("taskSummary.sections.agents"), children: [
-      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx57(
+    summary.agents.length > 0 && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.agents"), children: [
+      sectionItems("agents", summary.agents).map((item) => /* @__PURE__ */ jsx58(
         SummaryButton,
         {
           title: item.title,
           description: [item.status, formatElapsed(item.elapsedTime)].filter(Boolean).join(" \xB7 "),
-          leading: /* @__PURE__ */ jsx57(Bot4, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx58(Bot4, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
       )),
       sectionAction("agents", summary.totals.agents)
     ] }),
-    summary.pending.length > 0 && /* @__PURE__ */ jsxs39(SummarySection, { title: t("taskSummary.sections.pending"), children: [
-      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx57(
+    summary.pending.length > 0 && /* @__PURE__ */ jsxs40(SummarySection, { title: t("taskSummary.sections.pending"), children: [
+      sectionItems("pending", summary.pending).map((item) => /* @__PURE__ */ jsx58(
         SummaryButton,
         {
           title: item.title,
           description: item.description,
-          leading: /* @__PURE__ */ jsx57(CircleEllipsis, { className: "size-4" }),
+          leading: /* @__PURE__ */ jsx58(CircleEllipsis, { className: "size-4" }),
           onClick: () => item.messageId ? onNavigateMessage(item.messageId) : onFocusComposer()
         },
         item.id
@@ -17700,16 +17942,16 @@ function SummarySection({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsxs39("section", { "aria-label": title, className: "px-4 py-3", children: [
-    /* @__PURE__ */ jsx57("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx57("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
-    /* @__PURE__ */ jsx57("div", { className: "mt-1 space-y-0.5", children })
+  return /* @__PURE__ */ jsxs40("section", { "aria-label": title, className: "px-4 py-3", children: [
+    /* @__PURE__ */ jsx58("div", { className: "flex min-h-7 items-center justify-between gap-3", children: /* @__PURE__ */ jsx58("h3", { className: "text-sm font-medium text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ jsx58("div", { className: "mt-1 space-y-0.5", children })
   ] });
 }
 function SummaryPrompt({
   children,
   onClick
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "button",
     {
       type: "button",
@@ -17726,7 +17968,7 @@ function SummaryButton({
   trailing,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "button",
     {
       type: "button",
@@ -17738,12 +17980,12 @@ function SummaryButton({
         !onClick && "cursor-default"
       ),
       children: [
-        leading && /* @__PURE__ */ jsx57("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
-        /* @__PURE__ */ jsxs39("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx57("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx57("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
+        leading && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: leading }),
+        /* @__PURE__ */ jsxs40("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx58("span", { className: "block truncate text-sm font-medium leading-5 text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 block line-clamp-2 text-xs text-muted-foreground", children: description })
         ] }),
-        trailing && /* @__PURE__ */ jsx57("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
+        trailing && /* @__PURE__ */ jsx58("span", { className: "mt-0.5 text-muted-foreground", children: trailing })
       ]
     }
   );
@@ -17755,7 +17997,7 @@ function formatElapsed(value) {
 }
 
 // src/components/chat.tsx
-import { Fragment as Fragment9, jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 var COMPOSER_INPUT_MAX_HEIGHT = 128;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
@@ -17862,7 +18104,7 @@ function ReferenceChip({
   const metaLine = getReferenceMetaLine(reference);
   const isComposer = variant === "composer";
   const Icon = reference.type === "quote" ? Quote : reference.type === "image" ? ImageIcon : FileText5;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       className: cn(
@@ -17871,7 +18113,7 @@ function ReferenceChip({
       ),
       title: getReferenceTitle(reference),
       children: [
-        /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59(
           Icon,
           {
             size: isComposer ? 14 : 12,
@@ -17881,8 +18123,8 @@ function ReferenceChip({
             )
           }
         ),
-        /* @__PURE__ */ jsxs40("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx59(
             "div",
             {
               className: cn(
@@ -17892,7 +18134,7 @@ function ReferenceChip({
               children: getReferenceLabel(reference)
             }
           ),
-          metaLine && /* @__PURE__ */ jsx58(
+          metaLine && /* @__PURE__ */ jsx59(
             "div",
             {
               className: cn(
@@ -17903,7 +18145,7 @@ function ReferenceChip({
             }
           )
         ] }),
-        onRemove && removeLabel && /* @__PURE__ */ jsx58(
+        onRemove && removeLabel && /* @__PURE__ */ jsx59(
           "button",
           {
             type: "button",
@@ -17914,7 +18156,7 @@ function ReferenceChip({
             ),
             title: removeLabel,
             "aria-label": removeLabel,
-            children: /* @__PURE__ */ jsx58(X7, { size: 12 })
+            children: /* @__PURE__ */ jsx59(X9, { size: 12 })
           }
         )
       ]
@@ -17945,7 +18187,7 @@ function Chat({
     clientSecret: effectiveClientSecret
   });
   const missingConfig = Boolean(missingConfigKind);
-  const missingConfigShortMessage = React54.useMemo(() => {
+  const missingConfigShortMessage = React55.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlShort");
@@ -17957,7 +18199,7 @@ function Chat({
         return t("chat.missingConfigShort");
     }
   }, [missingConfigKind, t]);
-  const missingConfigDetailMessage = React54.useMemo(() => {
+  const missingConfigDetailMessage = React55.useMemo(() => {
     switch (missingConfigKind) {
       case "apiUrl":
         return t("chat.missingApiUrlDetail");
@@ -17969,26 +18211,26 @@ function Chat({
         return t("chat.missingConfigDetail");
     }
   }, [missingConfigKind, t]);
-  const [isHistoryLoading, setIsHistoryLoading] = React54.useState(false);
-  const [historyError, setHistoryError] = React54.useState(null);
-  const [assistantName, setAssistantName] = React54.useState(null);
-  const [assistantAvatar, setAssistantAvatar] = React54.useState(null);
-  const [threadGoal, setThreadGoal] = React54.useState(null);
-  const [goalError, setGoalError] = React54.useState(null);
-  const [isGoalLoading, setIsGoalLoading] = React54.useState(false);
-  const [isGoalPanelOpen, setIsGoalPanelOpen] = React54.useState(false);
-  const [isGoalObjectiveExpanded, setIsGoalObjectiveExpanded] = React54.useState(false);
-  const [goalElapsedStartedAt, setGoalElapsedStartedAt] = React54.useState(null);
+  const [isHistoryLoading, setIsHistoryLoading] = React55.useState(false);
+  const [historyError, setHistoryError] = React55.useState(null);
+  const [assistantName, setAssistantName] = React55.useState(null);
+  const [assistantAvatar, setAssistantAvatar] = React55.useState(null);
+  const [threadGoal, setThreadGoal] = React55.useState(null);
+  const [goalError, setGoalError] = React55.useState(null);
+  const [isGoalLoading, setIsGoalLoading] = React55.useState(false);
+  const [isGoalPanelOpen, setIsGoalPanelOpen] = React55.useState(false);
+  const [isGoalObjectiveExpanded, setIsGoalObjectiveExpanded] = React55.useState(false);
+  const [goalElapsedStartedAt, setGoalElapsedStartedAt] = React55.useState(null);
   const LOADING_DOTS_MIN_DURATION = 800;
   const STREAMING_STATUS_REFRESH_MS = 250;
-  const [showLoadingDots, setShowLoadingDots] = React54.useState(false);
-  const [streamingNow, setStreamingNow] = React54.useState(() => Date.now());
-  const loadingStartTimeRef = React54.useRef(null);
-  const lastStreamOutputAtRef = React54.useRef(null);
-  React54.useEffect(() => {
+  const [showLoadingDots, setShowLoadingDots] = React55.useState(false);
+  const [streamingNow, setStreamingNow] = React55.useState(() => Date.now());
+  const loadingStartTimeRef = React55.useRef(null);
+  const lastStreamOutputAtRef = React55.useRef(null);
+  React55.useEffect(() => {
     setStream(stream);
   }, [setStream, stream]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (stream.isLoading) {
       if (!loadingStartTimeRef.current) {
         loadingStartTimeRef.current = Date.now();
@@ -18011,7 +18253,7 @@ function Chat({
       }
     }
   }, [stream.isLoading]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!stream.isLoading) {
       lastStreamOutputAtRef.current = null;
       setStreamingNow(Date.now());
@@ -18021,7 +18263,7 @@ function Chat({
     lastStreamOutputAtRef.current = now;
     setStreamingNow(now);
   }, [stream.messages, stream.isLoading]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!stream.isLoading) {
       return;
     }
@@ -18030,7 +18272,7 @@ function Chat({
     }, STREAMING_STATUS_REFRESH_MS);
     return () => window.clearInterval(timer);
   }, [stream.isLoading]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (threadGoal?.status === "active" && stream.isLoading) {
       setGoalElapsedStartedAt(Date.now());
       return;
@@ -18042,55 +18284,55 @@ function Chat({
     threadGoal?.id,
     threadGoal?.status
   ]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     setIsGoalObjectiveExpanded(false);
   }, [threadGoal?.id]);
-  const [composerParts, setComposerParts] = React54.useState([]);
-  const [renderedComposerParts, setRenderedComposerParts] = React54.useState([]);
-  const [composerDomVersion, setComposerDomVersion] = React54.useState(0);
-  const [selectedTool, setSelectedTool] = React54.useState(
+  const [composerParts, setComposerParts] = React55.useState([]);
+  const [renderedComposerParts, setRenderedComposerParts] = React55.useState([]);
+  const [composerDomVersion, setComposerDomVersion] = React55.useState(0);
+  const [selectedTool, setSelectedTool] = React55.useState(
     null
   );
-  const [planModeEnabled, setPlanModeEnabled] = React54.useState(false);
-  const [petSettingsOpen, setPetSettingsOpen] = React54.useState(false);
-  const [petLocalSettings, setPetLocalSettings] = React54.useState(() => readPetLocalSettings());
-  const [attachmentState, setAttachmentState] = React54.useState({
+  const [planModeEnabled, setPlanModeEnabled] = React55.useState(false);
+  const [petSettingsOpen, setPetSettingsOpen] = React55.useState(false);
+  const [petLocalSettings, setPetLocalSettings] = React55.useState(() => readPetLocalSettings());
+  const [attachmentState, setAttachmentState] = React55.useState({
     uploadedFiles: [],
     hasUploadingFiles: false,
     hasParsingFiles: false
   });
-  const [references, setReferences] = React54.useState([]);
-  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React54.useState(false);
-  const [quoteSelection, setQuoteSelection] = React54.useState(null);
-  const [isAtBottom, setIsAtBottom] = React54.useState(true);
-  const [hasUpdatesBelow, setHasUpdatesBelow] = React54.useState(false);
+  const [references, setReferences] = React55.useState([]);
+  const [isUploadingReferenceImages, setIsUploadingReferenceImages] = React55.useState(false);
+  const [quoteSelection, setQuoteSelection] = React55.useState(null);
+  const [isAtBottom, setIsAtBottom] = React55.useState(true);
+  const [hasUpdatesBelow, setHasUpdatesBelow] = React55.useState(false);
   const {
     threads,
     deleteThread,
     refreshThreads,
     isLoading: isThreadsLoading
   } = useThreads();
-  const viewportRef = React54.useRef(null);
-  const chatColumnRef = React54.useRef(null);
-  const messageNavigationAnchorsRef = React54.useRef(
+  const viewportRef = React55.useRef(null);
+  const chatColumnRef = React55.useRef(null);
+  const messageNavigationAnchorsRef = React55.useRef(
     /* @__PURE__ */ new Map()
   );
-  const attachmentsRef = React54.useRef(null);
-  const composerInputRef = React54.useRef(null);
-  const slashPaletteRef = React54.useRef(null);
-  const slashPaletteOptionRefs = React54.useRef(
+  const attachmentsRef = React55.useRef(null);
+  const composerInputRef = React55.useRef(null);
+  const slashPaletteRef = React55.useRef(null);
+  const slashPaletteOptionRefs = React55.useRef(
     []
   );
-  const composerPartsRef = React54.useRef([]);
-  const pendingComposerCaretOffsetRef = React54.useRef(null);
-  const shouldAutoScrollRef = React54.useRef(true);
-  const forceFollowRef = React54.useRef(false);
-  const previousMessageCountRef = React54.useRef(0);
-  const previousScrollTopRef = React54.useRef(0);
-  const isPrependingHistoryMessagesRef = React54.useRef(false);
-  const autoScrollFrameRef = React54.useRef(null);
-  const isPointerDownRef = React54.useRef(false);
-  const lastTouchYRef = React54.useRef(null);
+  const composerPartsRef = React55.useRef([]);
+  const pendingComposerCaretOffsetRef = React55.useRef(null);
+  const shouldAutoScrollRef = React55.useRef(true);
+  const forceFollowRef = React55.useRef(false);
+  const previousMessageCountRef = React55.useRef(0);
+  const previousScrollTopRef = React55.useRef(0);
+  const isPrependingHistoryMessagesRef = React55.useRef(false);
+  const autoScrollFrameRef = React55.useRef(null);
+  const isPointerDownRef = React55.useRef(false);
+  const lastTouchYRef = React55.useRef(null);
   const {
     runtimeCapabilities,
     runtimeCapabilitiesReady,
@@ -18119,24 +18361,24 @@ function Chat({
   const resolvedPlaceholder = placeholder ?? t("chat.placeholder");
   const assistantTitle = assistantName || resolvedTitle;
   const petRequired = options?.displayMode === "pet";
-  const basePetSettings = React54.useMemo(
+  const basePetSettings = React55.useMemo(
     () => derivePetLocalSettings(options?.pet),
     [options?.pet]
   );
-  const displayedPetSettings = React54.useMemo(
+  const displayedPetSettings = React55.useMemo(
     () => ({
       ...petLocalSettings ?? basePetSettings,
       ...petRequired ? { enabled: true } : {}
     }),
     [basePetSettings, petLocalSettings, petRequired]
   );
-  const effectivePet = React54.useMemo(() => {
+  const effectivePet = React55.useMemo(() => {
     if (petRequired || petLocalSettings) {
       return buildPetOptionsFromLocalSettings(displayedPetSettings);
     }
     return options?.pet ?? null;
   }, [displayedPetSettings, options?.pet, petLocalSettings, petRequired]);
-  const savePetLocalSettings = React54.useCallback(
+  const savePetLocalSettings = React55.useCallback(
     (settings) => {
       const nextSettings = petRequired ? { ...settings, enabled: true } : settings;
       setPetLocalSettings(nextSettings);
@@ -18144,7 +18386,7 @@ function Chat({
     },
     [petRequired]
   );
-  const handlePetCommand = React54.useCallback(
+  const handlePetCommand = React55.useCallback(
     (mode) => {
       if (mode === "settings") {
         setPetSettingsOpen(true);
@@ -18166,11 +18408,11 @@ function Chat({
     [displayedPetSettings, effectivePet, petRequired, savePetLocalSettings]
   );
   const inputPlaceholder = selectedTool?.placeholderOverride ?? composer?.placeholder ?? resolvedPlaceholder;
-  const messages = React54.useMemo(
+  const messages = React55.useMemo(
     () => stream.messages ?? [],
     [stream.messages]
   );
-  const messageNavigationLabels = React54.useMemo(
+  const messageNavigationLabels = React55.useMemo(
     () => ({
       user: t("chat.youLabel"),
       assistant: assistantTitle,
@@ -18189,7 +18431,7 @@ function Chat({
     }),
     [assistantTitle, t]
   );
-  const messageNavigationItems = React54.useMemo(
+  const messageNavigationItems = React55.useMemo(
     () => messageNavigationEnabled ? buildMessageNavigationItems(
       messages,
       {
@@ -18212,7 +18454,7 @@ function Chat({
     historyMessagePagination?.isLoadingMore
   );
   const canLoadMoreMessages = Boolean(historyMessagePagination?.hasMore);
-  const draft = React54.useMemo(
+  const draft = React55.useMemo(
     () => getComposerPlainText(composerParts),
     [composerParts]
   );
@@ -18226,7 +18468,7 @@ function Chat({
     isEmpty: isComposerInputEmpty,
     isStacked: isComposerStacked
   });
-  const pendingFollowUps = React54.useMemo(
+  const pendingFollowUps = React55.useMemo(
     () => sortVisiblePendingFollowUps(stream.pendingFollowUps ?? []),
     [stream.pendingFollowUps]
   );
@@ -18235,7 +18477,7 @@ function Chat({
   const hasPendingHITLRequest = Boolean(stream.pendingHITLRequest);
   const hasPendingInteractiveRequest = hasPendingRequestUserInput || hasPendingHITLRequest;
   const hasPendingTodos = Boolean(stream.todos?.items.length);
-  const goalAdapter = React54.useMemo(() => {
+  const goalAdapter = React55.useMemo(() => {
     if (isGoalAdapter(options?.goal)) {
       return options.goal;
     }
@@ -18248,10 +18490,10 @@ function Chat({
     "goal"
   );
   const showGoalStatus = goalCommandAvailable && !hasCompletedGoal && (Boolean(goalError) || threadGoal?.status === "active" && stream.isLoading);
-  const clearQuoteSelection = React54.useCallback(() => {
+  const clearQuoteSelection = React55.useCallback(() => {
     setQuoteSelection(null);
   }, []);
-  const commitComposerParts = React54.useCallback(
+  const commitComposerParts = React55.useCallback(
     (nextParts, options2) => {
       const normalized = normalizeComposerParts(nextParts);
       const previous = composerPartsRef.current;
@@ -18281,7 +18523,7 @@ function Chat({
     },
     [setRunRuntimeCapabilities]
   );
-  const setComposerText = React54.useCallback(
+  const setComposerText = React55.useCallback(
     (text, caretOffset = text.length) => {
       commitComposerParts(createComposerTextParts(text), {
         caretOffset,
@@ -18291,7 +18533,7 @@ function Chat({
     },
     [commitComposerParts]
   );
-  const focusComposerAt = React54.useCallback((position) => {
+  const focusComposerAt = React55.useCallback((position) => {
     const nextPosition = position ?? getComposerEditingLength(composerPartsRef.current);
     pendingComposerCaretOffsetRef.current = nextPosition;
     requestAnimationFrame(() => {
@@ -18320,7 +18562,7 @@ function Chat({
     focusComposerAt
   });
   const parentMessenger = useParentMessenger({
-    onSetComposerValue: React54.useCallback(
+    onSetComposerValue: React55.useCallback(
       (payload) => {
         if (!payload) {
           return;
@@ -18348,16 +18590,16 @@ function Chat({
       },
       [applyComposerValueRuntimeCapabilities, composer?.tools, setComposerText]
     ),
-    onSetRuntimeCapabilities: React54.useCallback(
+    onSetRuntimeCapabilities: React55.useCallback(
       (selection) => {
         applyExternalRuntimeCapabilities(selection);
       },
       [applyExternalRuntimeCapabilities]
     ),
-    onFocusComposer: React54.useCallback(() => {
+    onFocusComposer: React55.useCallback(() => {
       composerInputRef.current?.focus();
     }, []),
-    onSetPetEnabled: React54.useCallback(
+    onSetPetEnabled: React55.useCallback(
       (enabled) => {
         if (petRequired) {
           return;
@@ -18371,10 +18613,10 @@ function Chat({
     )
   });
   const canMinimizeToPet = parentMessenger?.isParentAvailable === true && isPetEnabled(effectivePet);
-  const handleMinimizeToPet = React54.useCallback(() => {
+  const handleMinimizeToPet = React55.useCallback(() => {
     parentMessenger?.sendEvent("chat_minimize_change", { minimized: true });
   }, [parentMessenger]);
-  const syncQuoteSelection = React54.useCallback(() => {
+  const syncQuoteSelection = React55.useCallback(() => {
     if (typeof window === "undefined") {
       clearQuoteSelection();
       return;
@@ -18419,23 +18661,23 @@ function Chat({
       left
     });
   }, [clearQuoteSelection]);
-  const cancelPendingAutoScroll = React54.useCallback(() => {
+  const cancelPendingAutoScroll = React55.useCallback(() => {
     if (autoScrollFrameRef.current !== null) {
       cancelAnimationFrame(autoScrollFrameRef.current);
       autoScrollFrameRef.current = null;
     }
   }, []);
-  const disableAutoFollow = React54.useCallback(() => {
+  const disableAutoFollow = React55.useCallback(() => {
     forceFollowRef.current = false;
     shouldAutoScrollRef.current = false;
     cancelPendingAutoScroll();
   }, [cancelPendingAutoScroll]);
-  const enableAutoFollow = React54.useCallback(() => {
+  const enableAutoFollow = React55.useCallback(() => {
     forceFollowRef.current = true;
     shouldAutoScrollRef.current = true;
     setHasUpdatesBelow(false);
   }, []);
-  const scrollToBottom = React54.useCallback(
+  const scrollToBottom = React55.useCallback(
     (smooth = false, force = false) => {
       if (force) {
         enableAutoFollow();
@@ -18462,7 +18704,7 @@ function Chat({
     },
     [cancelPendingAutoScroll, enableAutoFollow]
   );
-  const setMessageNavigationAnchor = React54.useCallback(
+  const setMessageNavigationAnchor = React55.useCallback(
     (id, node) => {
       if (node) {
         messageNavigationAnchorsRef.current.set(id, node);
@@ -18472,22 +18714,22 @@ function Chat({
     },
     []
   );
-  const getMessageNavigationAnchor = React54.useCallback(
+  const getMessageNavigationAnchor = React55.useCallback(
     (item) => messageNavigationAnchorsRef.current.get(item.id) ?? null,
     []
   );
-  const handleMessageNavigationNavigate = React54.useCallback(() => {
+  const handleMessageNavigationNavigate = React55.useCallback(() => {
     disableAutoFollow();
     clearQuoteSelection();
   }, [clearQuoteSelection, disableAutoFollow]);
   const taskSummaryEnabled = options?.taskSummary?.enabled === true;
   const taskSummaryConversationId = stream.conversationId ?? null;
-  const [taskSummaryDocked, setTaskSummaryDocked] = React54.useState(false);
-  const [taskSummaryOpen, setTaskSummaryOpen] = React54.useState(false);
-  const manuallyClosedTaskSummaryConversationIdsRef = React54.useRef(
+  const [taskSummaryDocked, setTaskSummaryDocked] = React55.useState(false);
+  const [taskSummaryOpen, setTaskSummaryOpen] = React55.useState(false);
+  const manuallyClosedTaskSummaryConversationIdsRef = React55.useRef(
     /* @__PURE__ */ new Set()
   );
-  const liveTaskSummaryPending = React54.useMemo(() => {
+  const liveTaskSummaryPending = React55.useMemo(() => {
     const followUps = pendingFollowUps.map((item) => ({
       id: `follow-up:${item.id}`,
       kind: "follow_up",
@@ -18522,7 +18764,7 @@ function Chat({
     stream.pendingRequestUserInput,
     t
   ]);
-  const liveTaskSummaryRunning = React54.useMemo(
+  const liveTaskSummaryRunning = React55.useMemo(
     () => stream.runtimeActivities.sandboxServices.services.filter(
       (service) => service.status === "starting" || service.status === "running" || service.status === "stopping"
     ).map((service) => ({
@@ -18539,7 +18781,7 @@ function Chat({
     })),
     [stream.runtimeActivities.sandboxServices.services]
   );
-  const taskSummaryAgentNames = React54.useMemo(() => {
+  const taskSummaryAgentNames = React55.useMemo(() => {
     const names = /* @__PURE__ */ new Map();
     runtimeCapabilityOptions.forEach((option) => {
       if (option.type !== "subAgent") return;
@@ -18551,7 +18793,7 @@ function Chat({
     });
     return names;
   }, [runtimeCapabilityOptions]);
-  const liveTaskSummary = React54.useMemo(
+  const liveTaskSummary = React55.useMemo(
     () => collectLiveTaskSummary({
       messages: messages.map(
         (message) => ({
@@ -18588,7 +18830,7 @@ function Chat({
     client: stream.client,
     live: liveTaskSummary
   });
-  const navigateToTaskSummaryMessage = React54.useCallback(
+  const navigateToTaskSummaryMessage = React55.useCallback(
     async (messageId) => {
       try {
         let anchor = messageNavigationAnchorsRef.current.get(messageId);
@@ -18612,7 +18854,7 @@ function Chat({
     },
     [clearQuoteSelection, disableAutoFollow, stream]
   );
-  const openTaskSummaryResource = React54.useCallback(
+  const openTaskSummaryResource = React55.useCallback(
     (resource, messageId, resourceTitle) => {
       const data = {
         resource,
@@ -18630,7 +18872,7 @@ function Chat({
     },
     [parentMessenger, taskSummaryConversationId]
   );
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) return;
     previousScrollTopRef.current = viewport.scrollTop;
@@ -18711,14 +18953,14 @@ function Chat({
       window.removeEventListener("pointercancel", stopPointerTracking);
     };
   }, [cancelPendingAutoScroll, disableAutoFollow]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     shouldAutoScrollRef.current = true;
     forceFollowRef.current = false;
     previousScrollTopRef.current = 0;
     setIsAtBottom(true);
     setHasUpdatesBelow(false);
   }, [stream.threadId]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     const messageCountChanged = messages.length !== previousMessageCountRef.current;
     previousMessageCountRef.current = messages.length;
     if (isPrependingHistoryMessagesRef.current) {
@@ -18740,7 +18982,7 @@ function Chat({
   const isSubmissionBlocked = hasPendingInteractiveRequest || missingConfig || isHistoryLoading || hasUploadingFiles || isUploadingReferenceImages;
   const isSendDisabled = !trimmedDraft && !hasReferences || isSubmissionBlocked;
   const isPromptEditDisabled = hasPendingInteractiveRequest || missingConfig || isHistoryLoading;
-  const resizeComposerInput = React54.useCallback(() => {
+  const resizeComposerInput = React55.useCallback(() => {
     const input = composerInputRef.current;
     if (!input) {
       return;
@@ -18748,7 +18990,7 @@ function Chat({
     input.style.maxHeight = `${COMPOSER_INPUT_MAX_HEIGHT}px`;
     input.style.overflowY = input.scrollHeight > COMPOSER_INPUT_MAX_HEIGHT ? "auto" : "hidden";
   }, []);
-  React54.useLayoutEffect(() => {
+  React55.useLayoutEffect(() => {
     composerPartsRef.current = composerParts;
     resizeComposerInput();
     const caretOffset = pendingComposerCaretOffsetRef.current;
@@ -18760,13 +19002,13 @@ function Chat({
       }
     }
   }, [composerDomVersion, composerParts, resizeComposerInput]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     document.addEventListener("selectionchange", syncQuoteSelection);
     return () => {
       document.removeEventListener("selectionchange", syncQuoteSelection);
     };
   }, [syncQuoteSelection]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     const viewport = viewportRef.current;
     if (!viewport) {
       return;
@@ -18783,14 +19025,14 @@ function Chat({
       window.removeEventListener("resize", handleViewportScroll);
     };
   }, [clearQuoteSelection]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     clearQuoteSelection();
   }, [messages.length, stream.threadId, clearQuoteSelection]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (missingConfig) return;
     void refreshThreads();
   }, [missingConfig, refreshThreads]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (missingConfig || !stream.client || !stream.assistantId) {
       setAssistantName(null);
       setAssistantAvatar(null);
@@ -18813,10 +19055,10 @@ function Chat({
       cancelled = true;
     };
   }, [missingConfig, stream.client, stream.assistantId]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     setThreadGoal(stream.threadGoal);
   }, [stream.threadGoal]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     const threadId = stream.threadId?.trim();
     if (!threadId || !goalCommandAvailable) {
       setThreadGoal(null);
@@ -18857,7 +19099,7 @@ function Chat({
     return () => controller.abort();
   }, [goalAdapter, goalCommandAvailable, stream.threadId]);
   const uploadedFiles = attachmentState.uploadedFiles;
-  const syncComposerInputFromElement = React54.useCallback(
+  const syncComposerInputFromElement = React55.useCallback(
     (input) => {
       const previousCapabilities = getComposerCapabilityPartMap(
         composerPartsRef.current
@@ -18875,25 +19117,25 @@ function Chat({
     },
     [commitComposerParts, updateRuntimeCapabilityPalette]
   );
-  const handleComposerInput = React54.useCallback(
+  const handleComposerInput = React55.useCallback(
     (event) => {
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerCompositionEnd = React54.useCallback(
+  const handleComposerCompositionEnd = React55.useCallback(
     (event) => {
       syncComposerInputFromElement(event.currentTarget);
     },
     [syncComposerInputFromElement]
   );
-  const handleComposerSelect = React54.useCallback(() => {
+  const handleComposerSelect = React55.useCallback(() => {
     updateRuntimeCapabilityPalette(
       composerPartsRef.current,
       composerInputRef.current ? getComposerSelectionOffset(composerInputRef.current) : void 0
     );
   }, [updateRuntimeCapabilityPalette]);
-  const submitDraft = React54.useCallback(
+  const submitDraft = React55.useCallback(
     (submitOptions = {}) => {
       if (isSubmissionBlocked) return;
       const contentToSubmit = (submitOptions.inputText ?? trimmedDraft).trim();
@@ -18999,7 +19241,7 @@ function Chat({
       t
     ]
   );
-  const handleGoalCommand = React54.useCallback(
+  const handleGoalCommand = React55.useCallback(
     async ({
       args,
       commandSource,
@@ -19105,7 +19347,7 @@ function Chat({
       t
     ]
   );
-  const handleGoalPanelOpenChange = React54.useCallback((open) => {
+  const handleGoalPanelOpenChange = React55.useCallback((open) => {
     setIsGoalPanelOpen(open);
   }, []);
   const {
@@ -19149,7 +19391,7 @@ function Chat({
     plugin: t("composer.slashCommands.empty.loadingCapabilities"),
     subAgent: t("composer.slashCommands.empty.loadingCapabilities")
   };
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -19168,7 +19410,7 @@ function Chat({
       );
     }
   }, [slashPaletteOptions.length, runtimeCapabilityPalette]);
-  React54.useLayoutEffect(() => {
+  React55.useLayoutEffect(() => {
     if (!runtimeCapabilityPalette) {
       return;
     }
@@ -19185,7 +19427,7 @@ function Chat({
       container.scrollTop += optionRect.bottom - containerRect.bottom;
     }
   }, [runtimeCapabilityPalette, slashPaletteOptions.length]);
-  const submitGoalModeDraft = React54.useCallback(() => {
+  const submitGoalModeDraft = React55.useCallback(() => {
     const objective = getComposerPlainText(composerPartsRef.current).trim();
     if (!isGoalModeOpen || !goalCommandAvailable || !objective) {
       return false;
@@ -19223,7 +19465,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleEditPendingFollowUp = React54.useCallback(
+  const handleEditPendingFollowUp = React55.useCallback(
     (id) => {
       const item = pendingFollowUps.find(
         (entry) => entry.id === id && entry.mode === "queue"
@@ -19250,7 +19492,7 @@ function Chat({
     },
     [pendingFollowUps, setComposerText, stream]
   );
-  const handleQuoteSelection = React54.useCallback(() => {
+  const handleQuoteSelection = React55.useCallback(() => {
     if (!quoteSelection) {
       return;
     }
@@ -19266,7 +19508,7 @@ function Chat({
   const handleAttachmentClick = () => {
     attachmentsRef.current?.openFilePicker();
   };
-  const uploadContextFile = React54.useCallback(
+  const uploadContextFile = React55.useCallback(
     (file) => {
       const formData = new FormData();
       formData.append("file", file, file.name || "upload");
@@ -19285,13 +19527,13 @@ function Chat({
     },
     [stream.assistantId, stream.client, stream.threadId]
   );
-  const getContextFileStatus = React54.useCallback(
+  const getContextFileStatus = React55.useCallback(
     (fileId) => stream.client.contexts.fetch(`/files/${fileId}/status`, {
       method: "GET"
     }),
     [stream.client]
   );
-  const deleteContextFile = React54.useCallback(
+  const deleteContextFile = React55.useCallback(
     (storageFileId) => stream.client.contexts.deleteFile(storageFileId),
     [stream.client]
   );
@@ -19399,7 +19641,7 @@ function Chat({
     }
     submitDraft();
   };
-  const handleComposerPaste = React54.useCallback(
+  const handleComposerPaste = React55.useCallback(
     (event) => {
       const clipboardData = event.clipboardData;
       if (!clipboardData) {
@@ -19501,13 +19743,13 @@ function Chat({
   const handleToolSelect = (tool) => {
     setSelectedTool((prev) => prev?.id === tool.id ? null : tool);
   };
-  const handlePromptClick = React54.useCallback(
+  const handlePromptClick = React55.useCallback(
     (prompt) => {
       submitDraft({ inputText: prompt, displayText: prompt });
     },
     [submitDraft]
   );
-  const handlePromptEdit = React54.useCallback(
+  const handlePromptEdit = React55.useCallback(
     (prompt) => {
       if (isPromptEditDisabled) return;
       setComposerText(prompt, prompt.length);
@@ -19516,7 +19758,7 @@ function Chat({
     },
     [focusComposerAt, isPromptEditDisabled, setComposerText]
   );
-  const loadConversationMessages = React54.useCallback(
+  const loadConversationMessages = React55.useCallback(
     async (recordId) => {
       if (missingConfig) {
         setHistoryError(missingConfigShortMessage);
@@ -19537,7 +19779,7 @@ function Chat({
     },
     [missingConfig, missingConfigShortMessage, stream, t]
   );
-  const handleLoadMoreMessages = React54.useCallback(async () => {
+  const handleLoadMoreMessages = React55.useCallback(async () => {
     if (!canLoadMoreMessages || isLoadingMoreMessages) {
       return;
     }
@@ -19646,19 +19888,19 @@ function Chat({
   };
   const acceptMimes = composer?.attachments?.accept ? Object.entries(composer.attachments.accept).map(([mime, exts]) => [mime, ...exts.map((e) => `.${e}`)].join(",")).join(",") : void 0;
   const canUploadDroppedFiles = composer?.attachments?.enabled === true && !missingConfig && !isHistoryLoading && !hasPendingInteractiveRequest;
-  const handleDroppedFiles = React54.useCallback((files) => {
+  const handleDroppedFiles = React55.useCallback((files) => {
     return attachmentsRef.current?.queueFiles(files) ?? false;
   }, []);
-  const currentThread = React54.useMemo(
+  const currentThread = React55.useMemo(
     () => threads.find((item) => item.id === stream.threadId),
     [threads, stream.threadId]
   );
-  const assistantStatusText = React54.useMemo(() => {
+  const assistantStatusText = React55.useMemo(() => {
     if (!stream.threadId) return t("chat.statusOnline");
     return currentThread?.title?.trim() || t("chat.statusOnline");
   }, [currentThread?.title, stream.threadId, t]);
   const streamErrorMessage = stream.error instanceof Error ? stream.error.message : void 0;
-  const threadErrorMessage = React54.useMemo(() => {
+  const threadErrorMessage = React55.useMemo(() => {
     if (streamErrorMessage?.trim()) return streamErrorMessage.trim();
     if (currentThread?.status !== "error") return void 0;
     const message = currentThread.error?.trim();
@@ -19689,13 +19931,13 @@ function Chat({
     fallbackTitle: t("history.threadFallback")
   });
   const layoutMaxWidth = options?.layout?.maxWidth;
-  const chatColumnStyle = React54.useMemo(() => {
+  const chatColumnStyle = React55.useMemo(() => {
     if (layoutMaxWidth === void 0 || layoutMaxWidth === null || layoutMaxWidth === "") {
       return void 0;
     }
     return { maxWidth: layoutMaxWidth };
   }, [layoutMaxWidth]);
-  React54.useLayoutEffect(() => {
+  React55.useLayoutEffect(() => {
     if (!taskSummaryEnabled) {
       setTaskSummaryDocked(false);
       return;
@@ -19730,7 +19972,7 @@ function Chat({
   const taskSummaryAvailable = Boolean(
     taskSummaryEnabled && stream.threadId && taskSummaryConversationId
   );
-  const handleTaskSummaryOpenChange = React54.useCallback(
+  const handleTaskSummaryOpenChange = React55.useCallback(
     (open) => {
       setTaskSummaryOpen(open);
       if (!taskSummaryConversationId) return;
@@ -19746,12 +19988,12 @@ function Chat({
     },
     [taskSummaryConversationId]
   );
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!taskSummaryDocked) {
       setTaskSummaryOpen(false);
     }
   }, [taskSummaryDocked]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!taskSummaryDocked || !taskSummaryAvailable || !taskSummaryConversationId || manuallyClosedTaskSummaryConversationIdsRef.current.has(
       taskSummaryConversationId
     )) {
@@ -19772,13 +20014,13 @@ function Chat({
     onFocusComposer: () => focusComposerAt(),
     onOpenResource: openTaskSummaryResource
   };
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       className: "relative flex h-full w-full min-w-0 bg-background",
       "data-task-summary-layout": taskSummaryDocked ? "docked" : "popover",
       children: [
-        /* @__PURE__ */ jsxs40(
+        /* @__PURE__ */ jsxs41(
           UploadDroppedFiles,
           {
             ref: viewportRef,
@@ -19793,7 +20035,7 @@ function Chat({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs40(
+              /* @__PURE__ */ jsxs41(
                 "div",
                 {
                   ref: chatColumnRef,
@@ -19801,9 +20043,9 @@ function Chat({
                   className: "mx-auto flex w-full items-center justify-between border-b p-2 sticky top-0 z-10 bg-background",
                   style: chatColumnStyle,
                   children: [
-                    /* @__PURE__ */ jsxs40("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
-                      /* @__PURE__ */ jsxs40("div", { className: "relative shrink-0", children: [
-                        /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsxs41("div", { className: "flex min-w-0 items-center gap-3 overflow-hidden", children: [
+                      /* @__PURE__ */ jsxs41("div", { className: "relative shrink-0", children: [
+                        /* @__PURE__ */ jsx59(
                           ChatkitAvatar,
                           {
                             avatar: assistantAvatar,
@@ -19811,10 +20053,10 @@ function Chat({
                             label: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx58("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
+                        /* @__PURE__ */ jsx59("span", { className: "absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-background bg-green-500" })
                       ] }),
-                      /* @__PURE__ */ jsxs40("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx58(
+                      /* @__PURE__ */ jsxs41("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx59(
                           "h2",
                           {
                             className: "text-lg font-semibold truncate",
@@ -19822,7 +20064,7 @@ function Chat({
                             children: assistantTitle
                           }
                         ),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx59(
                           "p",
                           {
                             className: "truncate text-xs text-muted-foreground",
@@ -19832,8 +20074,8 @@ function Chat({
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-1", children: [
-                      taskSummaryAvailable && /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
+                      taskSummaryAvailable && /* @__PURE__ */ jsx59(
                         TaskSummaryTrigger,
                         {
                           ...taskSummaryProps,
@@ -19842,8 +20084,9 @@ function Chat({
                           onOpenChange: handleTaskSummaryOpenChange
                         }
                       ),
-                      canMinimizeToPet && /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                        /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx58(
+                      /* @__PURE__ */ jsx59(WorkbenchToggleButton, {}),
+                      canMinimizeToPet && /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                        /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
                           "button",
                           {
                             type: "button",
@@ -19854,13 +20097,13 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("chat.minimizeToPet"),
-                            children: /* @__PURE__ */ jsx58(Minus, { size: 16 })
+                            children: /* @__PURE__ */ jsx59(Minus, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
+                        /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("chat.minimizeToPet") })
                       ] }),
-                      /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                        /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx58(
+                      /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                        /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
                           "button",
                           {
                             type: "button",
@@ -19871,14 +20114,14 @@ function Chat({
                               "transition-colors duration-150"
                             ),
                             "aria-label": t("settings.open"),
-                            children: /* @__PURE__ */ jsx58(Settings2, { size: 16 })
+                            children: /* @__PURE__ */ jsx59(Settings2, { size: 16 })
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("settings.open") })
+                        /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("settings.open") })
                       ] }),
-                      history?.enabled !== false && /* @__PURE__ */ jsxs40(Fragment9, { children: [
-                        /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                          /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx58(
+                      history?.enabled !== false && /* @__PURE__ */ jsxs41(Fragment10, { children: [
+                        /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                          /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx59(
                             "button",
                             {
                               type: "button",
@@ -19891,19 +20134,21 @@ function Chat({
                                 "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed"
                               ),
                               "aria-label": t("history.newThread"),
-                              children: /* @__PURE__ */ jsx58(Pencil4, { size: 16 })
+                              children: /* @__PURE__ */ jsx59(Pencil4, { size: 16 })
                             }
                           ) }) }),
-                          /* @__PURE__ */ jsx58(TooltipContent, { side: "bottom", children: t("history.newThread") })
+                          /* @__PURE__ */ jsx59(TooltipContent, { side: "bottom", children: t("history.newThread") })
                         ] }),
-                        /* @__PURE__ */ jsx58(
+                        /* @__PURE__ */ jsx59(
                           HistorySidebar,
                           {
                             threads,
                             currentThreadId: stream.threadId ?? void 0,
                             onNewThread: handleNewThread,
+                            onRefresh: refreshThreads,
                             onSelectThread: handleSelectThread,
                             onDeleteThread: handleDeleteThread,
+                            isRefreshing: isThreadsLoading,
                             showDelete: history?.showDelete !== false,
                             disabled: missingConfig || isThreadsLoading || isHistoryLoading
                           }
@@ -19913,7 +20158,7 @@ function Chat({
                   ]
                 }
               ),
-              showMessageNavigation && /* @__PURE__ */ jsx58(
+              showMessageNavigation && /* @__PURE__ */ jsx59(
                 MessageNavigator,
                 {
                   items: messageNavigationItems,
@@ -19924,18 +20169,18 @@ function Chat({
                   tagsOverflowLabel: (count) => t("message.navigation.moreTags", { count })
                 }
               ),
-              /* @__PURE__ */ jsxs40(
+              /* @__PURE__ */ jsxs41(
                 "div",
                 {
                   "data-slot": "chatkit-chat-content",
                   className: "mx-auto w-full flex-1 p-4",
                   style: chatColumnStyle,
                   children: [
-                    errorMessage && /* @__PURE__ */ jsx58("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__ */ jsx58("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__ */ jsx58("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__ */ jsx58("div", { className: "mb-4 rounded-lg border border-muted px-3 py-2 text-sm text-muted-foreground", children: t("chat.loadingThread") }),
-                    messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx58(
+                    errorMessage && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: errorMessage }),
+                    historyError && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: historyError }),
+                    showMissingConfig && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: missingConfigDetailMessage }),
+                    isHistoryLoading && /* @__PURE__ */ jsx59("div", { className: "mb-4 rounded-lg border border-muted px-3 py-2 text-sm text-muted-foreground", children: t("chat.loadingThread") }),
+                    messages.length === 0 && !canLoadMoreMessages ? /* @__PURE__ */ jsx59(
                       StartScreen,
                       {
                         startScreen,
@@ -19944,10 +20189,10 @@ function Chat({
                         promptSendDisabled: isSubmissionBlocked,
                         promptEditDisabled: isPromptEditDisabled
                       }
-                    ) : /* @__PURE__ */ jsxs40("div", { className: "space-y-4", children: [
-                      canLoadMoreMessages && /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3 py-1", children: [
-                        /* @__PURE__ */ jsx58("div", { className: "h-px min-w-8 flex-1 bg-border" }),
-                        /* @__PURE__ */ jsx58(
+                    ) : /* @__PURE__ */ jsxs41("div", { className: "space-y-4", children: [
+                      canLoadMoreMessages && /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3 py-1", children: [
+                        /* @__PURE__ */ jsx59("div", { className: "h-px min-w-8 flex-1 bg-border" }),
+                        /* @__PURE__ */ jsx59(
                           Button,
                           {
                             type: "button",
@@ -19959,7 +20204,7 @@ function Chat({
                             children: isLoadingMoreMessages ? t("chat.loadingMoreMessages") : t("chat.loadMoreMessages")
                           }
                         ),
-                        /* @__PURE__ */ jsx58("div", { className: "h-px min-w-8 flex-1 bg-border" })
+                        /* @__PURE__ */ jsx59("div", { className: "h-px min-w-8 flex-1 bg-border" })
                       ] }),
                       messages.map((message, index) => {
                         const messageType = String(message.type);
@@ -20003,7 +20248,7 @@ function Chat({
                         if (!isAssistantMessage && !hasPlainRenderableContent && !hasHumanAttachments && humanRuntimeCapabilityOptions.length === 0 && humanReferences.length === 0) {
                           return null;
                         }
-                        return /* @__PURE__ */ jsx58(
+                        return /* @__PURE__ */ jsx59(
                           "div",
                           {
                             ref: (node) => setMessageNavigationAnchor(messageNavigationId, node),
@@ -20013,7 +20258,7 @@ function Chat({
                               message.type === "human" ? "justify-end" : "justify-start -ml-1"
                               // AI messages: slightly closer to left
                             ),
-                            children: /* @__PURE__ */ jsxs40(
+                            children: /* @__PURE__ */ jsxs41(
                               "div",
                               {
                                 className: cn(
@@ -20021,7 +20266,7 @@ function Chat({
                                   isAssistantMessage && "min-w-0 flex-1"
                                 ),
                                 children: [
-                                  /* @__PURE__ */ jsx58(
+                                  /* @__PURE__ */ jsx59(
                                     "div",
                                     {
                                       ...canQuoteMessage ? {
@@ -20033,7 +20278,7 @@ function Chat({
                                         message.type === "human" ? "bg-primary text-primary-foreground px-4 py-2.5" : message.type === "system" ? "bg-muted text-muted-foreground text-xs px-4 py-2.5" : "py-1 text-chat-foreground"
                                         // AI messages: use chat-specific foreground color
                                       ),
-                                      children: isAssistantMessage ? /* @__PURE__ */ jsx58(
+                                      children: isAssistantMessage ? /* @__PURE__ */ jsx59(
                                         AssistantMessage,
                                         {
                                           message: {
@@ -20053,14 +20298,14 @@ function Chat({
                                           apiUrl: stream.apiUrl,
                                           pet: effectivePet
                                         }
-                                      ) : /* @__PURE__ */ jsxs40(Fragment9, { children: [
-                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx58(
+                                      ) : /* @__PURE__ */ jsxs41(Fragment10, { children: [
+                                        message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx59(
                                           HumanRuntimeCapabilityChips,
                                           {
                                             options: humanRuntimeCapabilityOptions
                                           }
                                         ),
-                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx58("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx58(
+                                        message.type === "human" && humanReferences.length > 0 && /* @__PURE__ */ jsx59("div", { className: "mb-2 flex flex-wrap gap-1.5", children: humanReferences.map((reference) => /* @__PURE__ */ jsx59(
                                           ReferenceChip,
                                           {
                                             reference,
@@ -20068,29 +20313,29 @@ function Chat({
                                           },
                                           getReferenceKey(reference)
                                         )) }),
-                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx58("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs40(
+                                        message.type === "human" && humanAttachments.length > 0 && /* @__PURE__ */ jsx59("div", { className: "flex flex-wrap gap-1.5 mb-2", children: humanAttachments.map((file, fileIndex) => /* @__PURE__ */ jsxs41(
                                           "div",
                                           {
                                             className: "flex items-center gap-1.5 rounded-md bg-primary-foreground/20 px-2 py-1 text-xs",
                                             children: [
-                                              /* @__PURE__ */ jsx58(FileText5, { size: 12 }),
-                                              /* @__PURE__ */ jsx58("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
+                                              /* @__PURE__ */ jsx59(FileText5, { size: 12 }),
+                                              /* @__PURE__ */ jsx59("span", { className: "max-w-[100px] truncate", children: file.originalName ?? file.id })
                                             ]
                                           },
                                           fileIndex
                                         )) }),
-                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx58(
+                                        Array.isArray(message.content) ? message.content.map((part, partIndex) => /* @__PURE__ */ jsx59(
                                           "p",
                                           {
                                             className: "wrap-break-word text-sm leading-relaxed",
                                             children: formatMessageContent(part)
                                           },
                                           `${part.type}-${partIndex}`
-                                        )) : /* @__PURE__ */ jsx58("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
+                                        )) : /* @__PURE__ */ jsx59("span", { className: "wrap-break-word text-sm leading-relaxed", children: formatMessageContent(message.content) })
                                       ] })
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx58(
+                                  /* @__PURE__ */ jsx59(
                                     MessageActions,
                                     {
                                       content: messageContent,
@@ -20128,7 +20373,7 @@ function Chat({
                           stream.isLoading,
                           { now: streamingNow }
                         );
-                        return /* @__PURE__ */ jsx58("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx58("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx58(
+                        return /* @__PURE__ */ jsx59("div", { className: "flex justify-start gap-3 -ml-2", children: /* @__PURE__ */ jsx59("div", { className: "max-w-full rounded-2xl py-2.5", children: /* @__PURE__ */ jsx59(
                           AssistantStreamingIndicator,
                           {
                             status: fallbackStreamingStatus ?? "loading"
@@ -20139,7 +20384,7 @@ function Chat({
                   ]
                 }
               ),
-              !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx58("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ jsx58(
+              !isAtBottom && messages.length > 0 && /* @__PURE__ */ jsx59("div", { className: "sticky bottom-20 z-20 flex justify-center px-4 pointer-events-none", children: /* @__PURE__ */ jsx59(
                 Button,
                 {
                   type: "button",
@@ -20152,10 +20397,10 @@ function Chat({
                   onClick: () => scrollToBottom(true, true),
                   "aria-label": t("chat.scrollToBottom"),
                   title: t("chat.scrollToBottom"),
-                  children: /* @__PURE__ */ jsx58(ArrowDown2, { size: 16 })
+                  children: /* @__PURE__ */ jsx59(ArrowDown2, { size: 16 })
                 }
               ) }),
-              quoteSelection && /* @__PURE__ */ jsx58(
+              quoteSelection && /* @__PURE__ */ jsx59(
                 "div",
                 {
                   className: "pointer-events-none fixed z-50",
@@ -20164,7 +20409,7 @@ function Chat({
                     left: `${quoteSelection.left}px`,
                     transform: "translateX(-50%)"
                   },
-                  children: /* @__PURE__ */ jsxs40(
+                  children: /* @__PURE__ */ jsxs41(
                     Button,
                     {
                       type: "button",
@@ -20176,22 +20421,22 @@ function Chat({
                       "aria-label": t("composer.quoteSelection"),
                       title: t("composer.quoteSelection"),
                       children: [
-                        /* @__PURE__ */ jsx58(Quote, { size: 14 }),
+                        /* @__PURE__ */ jsx59(Quote, { size: 14 }),
                         t("composer.quoteSelection")
                       ]
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs40(
+              /* @__PURE__ */ jsxs41(
                 "div",
                 {
                   "data-slot": "chatkit-chat-composer",
                   className: "mx-auto w-full p-2 sticky bottom-0 z-10 bg-background",
                   style: chatColumnStyle,
                   children: [
-                    threadErrorMessage && /* @__PURE__ */ jsx58("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__ */ jsx58(
+                    threadErrorMessage && /* @__PURE__ */ jsx59("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
+                    /* @__PURE__ */ jsx59(
                       ChatAttachments,
                       {
                         ref: attachmentsRef,
@@ -20205,7 +20450,7 @@ function Chat({
                         onStateChange: setAttachmentState
                       }
                     ),
-                    references.length > 0 && /* @__PURE__ */ jsx58("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx58(
+                    references.length > 0 && /* @__PURE__ */ jsx59("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx59(
                       ReferenceChip,
                       {
                         reference,
@@ -20219,7 +20464,7 @@ function Chat({
                       },
                       getReferenceKey(reference)
                     )) }),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       DetachedRunRuntimeCapabilities,
                       {
                         options: detachedRunRuntimeCapabilityOptions,
@@ -20228,7 +20473,7 @@ function Chat({
                         onRemove: removeRunRuntimeCapability
                       }
                     ),
-                    showGoalStatus && /* @__PURE__ */ jsxs40(
+                    showGoalStatus && /* @__PURE__ */ jsxs41(
                       "div",
                       {
                         className: cn(
@@ -20236,7 +20481,7 @@ function Chat({
                           isGoalObjectiveExpanded ? "items-start" : "items-center"
                         ),
                         children: [
-                          /* @__PURE__ */ jsx58(
+                          /* @__PURE__ */ jsx59(
                             Target3,
                             {
                               className: cn(
@@ -20245,13 +20490,13 @@ function Chat({
                               )
                             }
                           ),
-                          /* @__PURE__ */ jsxs40("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ jsxs40("div", { className: "flex min-w-0 items-center gap-2", children: [
-                              /* @__PURE__ */ jsx58("span", { className: "font-medium", children: t("chat.goal.label") }),
-                              threadGoal && /* @__PURE__ */ jsx58("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
-                              isGoalLoading && /* @__PURE__ */ jsx58(Loader210, { className: "size-3 animate-spin text-muted-foreground" })
+                          /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+                            /* @__PURE__ */ jsxs41("div", { className: "flex min-w-0 items-center gap-2", children: [
+                              /* @__PURE__ */ jsx59("span", { className: "font-medium", children: t("chat.goal.label") }),
+                              threadGoal && /* @__PURE__ */ jsx59("span", { className: "shrink-0 rounded-md bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground", children: t(`chat.goal.status.${threadGoal.status}`) }),
+                              isGoalLoading && /* @__PURE__ */ jsx59(Loader211, { className: "size-3 animate-spin text-muted-foreground" })
                             ] }),
-                            /* @__PURE__ */ jsx58(
+                            /* @__PURE__ */ jsx59(
                               "div",
                               {
                                 className: cn(
@@ -20261,13 +20506,13 @@ function Chat({
                                 children: goalError || threadGoal?.objective
                               }
                             ),
-                            threadGoal && /* @__PURE__ */ jsx58("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx58("span", { children: t("chat.goal.elapsed", {
+                            threadGoal && /* @__PURE__ */ jsx59("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx59("span", { children: t("chat.goal.elapsed", {
                               elapsed: formatGoalElapsed(displayedGoalElapsedSeconds)
                             }) }) })
                           ] }),
-                          threadGoal && /* @__PURE__ */ jsxs40("div", { className: "flex shrink-0 items-center gap-1", children: [
-                            /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                              /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+                          threadGoal && /* @__PURE__ */ jsxs41("div", { className: "flex shrink-0 items-center gap-1", children: [
+                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
                                 Button,
                                 {
                                   type: "button",
@@ -20278,13 +20523,13 @@ function Chat({
                                     const prefix = "/goal edit ";
                                     setComposerText(`${prefix}${threadGoal.objective}`);
                                   },
-                                  children: /* @__PURE__ */ jsx58(Pencil4, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx59(Pencil4, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx58(TooltipContent, { children: t("chat.goal.edit") })
+                              /* @__PURE__ */ jsx59(TooltipContent, { children: t("chat.goal.edit") })
                             ] }),
-                            /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                              /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
                                 Button,
                                 {
                                   type: "button",
@@ -20300,13 +20545,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx58(Play, { className: "size-3" }) : /* @__PURE__ */ jsx58(Pause, { className: "size-3" })
+                                  children: threadGoal.status === "paused" ? /* @__PURE__ */ jsx59(Play, { className: "size-3" }) : /* @__PURE__ */ jsx59(Pause, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx58(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
+                              /* @__PURE__ */ jsx59(TooltipContent, { children: threadGoal.status === "paused" ? t("chat.goal.resume") : t("chat.goal.pause") })
                             ] }),
-                            /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                              /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+                            /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
                                 Button,
                                 {
                                   type: "button",
@@ -20322,13 +20567,13 @@ function Chat({
                                       executionType: "insert_invocation"
                                     }
                                   }),
-                                  children: /* @__PURE__ */ jsx58(Trash23, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx59(Trash23, { className: "size-3" })
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx58(TooltipContent, { children: t("chat.goal.clear") })
+                              /* @__PURE__ */ jsx59(TooltipContent, { children: t("chat.goal.clear") })
                             ] }),
-                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs40(Tooltip, { children: [
-                              /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+                            threadGoal.objective && !goalError && /* @__PURE__ */ jsxs41(Tooltip, { children: [
+                              /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
                                 Button,
                                 {
                                   type: "button",
@@ -20337,7 +20582,7 @@ function Chat({
                                   "aria-expanded": isGoalObjectiveExpanded,
                                   "aria-label": isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective"),
                                   onClick: () => setIsGoalObjectiveExpanded((expanded) => !expanded),
-                                  children: /* @__PURE__ */ jsx58(
+                                  children: /* @__PURE__ */ jsx59(
                                     ChevronDown5,
                                     {
                                       className: cn(
@@ -20348,13 +20593,13 @@ function Chat({
                                   )
                                 }
                               ) }),
-                              /* @__PURE__ */ jsx58(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
+                              /* @__PURE__ */ jsx59(TooltipContent, { children: isGoalObjectiveExpanded ? t("chat.goal.collapseObjective") : t("chat.goal.expandObjective") })
                             ] })
                           ] })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       PendingRuntimeServices,
                       {
                         state: stream.runtimeActivities.sandboxServices,
@@ -20363,7 +20608,7 @@ function Chat({
                         className: hasPendingTodos || hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       PendingTodos,
                       {
                         snapshot: stream.todos,
@@ -20371,7 +20616,7 @@ function Chat({
                         className: hasPendingFollowUps ? "mb-2" : void 0
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       PendingFollowUps,
                       {
                         items: pendingFollowUps,
@@ -20384,7 +20629,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       RequestUserInputPanel,
                       {
                         request: stream.pendingRequestUserInput,
@@ -20393,7 +20638,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       HITLApprovalPanel,
                       {
                         request: stream.pendingHITLRequest,
@@ -20402,7 +20647,7 @@ function Chat({
                         attachToComposer: true
                       }
                     ),
-                    runtimeCapabilityPalette && /* @__PURE__ */ jsx58(
+                    runtimeCapabilityPalette && /* @__PURE__ */ jsx59(
                       SlashPalette,
                       {
                         palette: runtimeCapabilityPalette,
@@ -20416,7 +20661,7 @@ function Chat({
                         onSelect: selectSlashPaletteOption
                       }
                     ),
-                    /* @__PURE__ */ jsx58("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs40(
+                    /* @__PURE__ */ jsx59("form", { className: "flex items-end", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs41(
                       "div",
                       {
                         "data-slot": "composer-input-shell",
@@ -20430,7 +20675,7 @@ function Chat({
                           composerInputRoundedClass
                         ),
                         children: [
-                          /* @__PURE__ */ jsx58(
+                          /* @__PURE__ */ jsx59(
                             "div",
                             {
                               ref: composerInputRef,
@@ -20452,19 +20697,19 @@ function Chat({
                                 (missingConfig || isHistoryLoading || hasPendingInteractiveRequest) && "cursor-not-allowed opacity-50"
                               ),
                               children: renderedComposerParts.map(
-                                (part, index) => part.type === "text" ? /* @__PURE__ */ jsx58(React54.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx58(ComposerCapabilityToken, { part }, part.key)
+                                (part, index) => part.type === "text" ? /* @__PURE__ */ jsx59(React55.Fragment, { children: part.text }, `text-${index}`) : /* @__PURE__ */ jsx59(ComposerCapabilityToken, { part }, part.key)
                               )
                             },
                             composerDomVersion
                           ),
-                          /* @__PURE__ */ jsxs40(
+                          /* @__PURE__ */ jsxs41(
                             "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__ */ jsxs40("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
-                                  /* @__PURE__ */ jsx58("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx58(
+                                /* @__PURE__ */ jsxs41("div", { className: "pointer-events-none flex min-w-0 flex-1 items-center gap-1.5", children: [
+                                  /* @__PURE__ */ jsx59("div", { className: "pointer-events-auto flex shrink-0 items-center gap-1.5", children: /* @__PURE__ */ jsx59(
                                     ComposerMenu,
                                     {
                                       composer,
@@ -20482,20 +20727,20 @@ function Chat({
                                       disabled: missingConfig || isHistoryLoading || hasPendingInteractiveRequest
                                     }
                                   ) }),
-                                  selectedTool && /* @__PURE__ */ jsxs40("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__ */ jsx58("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
-                                    /* @__PURE__ */ jsx58(
+                                  selectedTool && /* @__PURE__ */ jsxs41("span", { className: "pointer-events-auto inline-flex h-8 min-w-0 max-w-[14rem] shrink items-center gap-1.5 rounded-full bg-primary/10 px-2 text-xs font-medium text-primary transition-all duration-200", children: [
+                                    /* @__PURE__ */ jsx59("span", { className: "truncate", children: selectedTool.shortLabel ?? selectedTool.label }),
+                                    /* @__PURE__ */ jsx59(
                                       "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__ */ jsx58(X7, { size: 12 })
+                                        children: /* @__PURE__ */ jsx59(X9, { size: 12 })
                                       }
                                     )
                                   ] })
                                 ] }),
-                                /* @__PURE__ */ jsx58("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ jsx58(
+                                /* @__PURE__ */ jsx59("div", { className: "pointer-events-auto shrink-0", children: /* @__PURE__ */ jsx59(
                                   SendButton,
                                   {
                                     disabled: isSendDisabled,
@@ -20518,7 +20763,7 @@ function Chat({
                         ]
                       }
                     ) }),
-                    disclaimer?.text && /* @__PURE__ */ jsx58(
+                    disclaimer?.text && /* @__PURE__ */ jsx59(
                       "p",
                       {
                         className: cn(
@@ -20528,14 +20773,14 @@ function Chat({
                         children: disclaimer.text
                       }
                     ),
-                    /* @__PURE__ */ jsxs40("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ jsx58("span", { children: t("chat.poweredBy") }),
-                      /* @__PURE__ */ jsx58(ContextUsageIndicator, { className: "absolute right-4" })
+                    /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx59("span", { children: t("chat.poweredBy") }),
+                      /* @__PURE__ */ jsx59(ContextUsageIndicator, { className: "absolute right-4" })
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 SettingsSheet,
                 {
                   open: petSettingsOpen,
@@ -20545,11 +20790,11 @@ function Chat({
                   onSave: savePetLocalSettings
                 }
               ),
-              /* @__PURE__ */ jsx58(PetBridge, { pet: effectivePet, state: petAutoState })
+              /* @__PURE__ */ jsx59(PetBridge, { pet: effectivePet, state: petAutoState })
             ]
           }
         ),
-        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx58("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx58(
+        taskSummaryAvailable && taskSummaryDocked && taskSummaryOpen && /* @__PURE__ */ jsx59("div", { className: "pointer-events-none absolute right-5 top-3 z-20 max-h-[calc(100%-1.5rem)] w-80", children: /* @__PURE__ */ jsx59(
           TaskSummaryPanel,
           {
             ...taskSummaryProps,
@@ -20562,10 +20807,10 @@ function Chat({
 }
 
 // src/components/ui/separator.tsx
-import * as React55 from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
-var Separator = React55.forwardRef(
-  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx59(
+import * as React56 from "react";
+import { jsx as jsx60 } from "react/jsx-runtime";
+var Separator = React56.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx60(
     "div",
     {
       ref,