@truefoundry/trueforge-ui 0.2.2 → 0.2.3-rc.0

package/dist/{chunk-YTC2SI4K.js → chunk-XRTTKGKN.js}

@@ -695,7 +695,7 @@ function ResumeUnavailable({ className }) {
 }
 
 // src/atoms/AgentsLibrary.tsx
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 
 // src/atoms/lib/useSearchAgentsList.ts
 import { useCallback, useEffect as useEffect2, useRef, useState as useState3 } from "react";
@@ -968,8 +968,96 @@ function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx15("div", { className: cn("animate-pulse rounded-md bg-secondary-bg", className), ...props });
 }
 
+// src/atoms/primitives/Tooltip.tsx
+import { cloneElement, isValidElement, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+function themePortalRoot(from) {
+  const dialog = from?.closest("dialog");
+  if (dialog instanceof HTMLElement) return dialog;
+  return from?.closest(".aui-theme-root") ?? document.body;
+}
+function Tooltip({ content, children, className, side = "top" }) {
+  const [visible, setVisible] = useState5(false);
+  const [pos, setPos] = useState5(null);
+  const triggerWrapRef = useRef3(null);
+  useLayoutEffect2(() => {
+    if (!visible) {
+      setPos(null);
+      return;
+    }
+    const update = () => {
+      const el = triggerWrapRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      setPos({
+        top: side === "bottom" ? rect.bottom + 6 : rect.top - 6,
+        left: rect.left + rect.width / 2
+      });
+    };
+    update();
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [visible, side]);
+  if (!isValidElement(children)) return children;
+  const p = children.props;
+  const child = cloneElement(children, {
+    onMouseEnter(e) {
+      setVisible(true);
+      p.onMouseEnter?.(e);
+    },
+    onMouseLeave(e) {
+      setVisible(false);
+      p.onMouseLeave?.(e);
+    },
+    onFocus(e) {
+      setVisible(true);
+      p.onFocus?.(e);
+    },
+    onBlur(e) {
+      setVisible(false);
+      p.onBlur?.(e);
+    },
+    onClick(e) {
+      setVisible(false);
+      p.onClick?.(e);
+    }
+  });
+  const tooltip = visible && content != null && pos != null ? createPortal(
+    /* @__PURE__ */ jsx16(
+      "span",
+      {
+        role: "tooltip",
+        style: {
+          top: pos.top,
+          left: pos.left,
+          transform: side === "bottom" ? "translate(-50%, 0)" : "translate(-50%, -100%)"
+        },
+        className: cn(
+          "pointer-events-none fixed z-[200]",
+          "whitespace-nowrap rounded bg-card-bg px-2 py-1 text-xs text-text-primary shadow-md",
+          className
+        ),
+        children: content
+      }
+    ),
+    themePortalRoot(triggerWrapRef.current)
+  ) : null;
+  return /* @__PURE__ */ jsxs9("span", { ref: triggerWrapRef, className: "relative inline-flex", children: [
+    child,
+    tooltip
+  ] });
+}
+function LightTooltip({ title, children, className, size: _size, side }) {
+  return /* @__PURE__ */ jsx16(Tooltip, { content: title, className, side, children });
+}
+
 // src/atoms/AgentsLibrary.tsx
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function displayModelLabel(modelName) {
   const slash = modelName.lastIndexOf("/");
   return slash >= 0 ? modelName.slice(slash + 1) : modelName;
@@ -979,7 +1067,11 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
   const modelName = spec?.model.name;
   const skillsCount = spec?.skills?.length ?? 0;
   const mcpCount = spec?.mcpServers?.length ?? 0;
-  return /* @__PURE__ */ jsxs9(
+  const skillNames = (spec?.skills ?? []).map((s) => s.name).filter(Boolean);
+  const mcpNames = (spec?.mcpServers ?? []).map((m) => m.name).filter(Boolean);
+  const connectorsTitle = mcpNames.length ? `Connectors: ${mcpNames.join(", ")}` : `${mcpCount} connectors`;
+  const skillsTitle = skillNames.length ? `Skills: ${skillNames.join(", ")}` : `${skillsCount} skills`;
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       role: "menuitem",
@@ -989,24 +1081,24 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
         "focus-within:border-border focus-within:bg-ghost-button-hover"
       ),
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "bg-primary-bg text-text-secondary inline-flex size-8 shrink-0 items-center justify-center rounded-md border border-border", children: /* @__PURE__ */ jsx16(Icon, { name: "robot", className: "size-4" }) }),
-        /* @__PURE__ */ jsx16("span", { className: "text-text-primary min-w-0 flex-1 truncate text-left text-sm font-medium leading-tight", children: agent.name }),
-        spec != null ? /* @__PURE__ */ jsxs9("span", { className: "text-text-secondary flex shrink-0 items-center gap-2", children: [
-          modelName ? /* @__PURE__ */ jsxs9("span", { className: "bg-primary-button-bg/10 text-primary-button-bg inline-flex max-w-[8rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs font-medium", children: [
-            /* @__PURE__ */ jsx16(Icon, { name: "cpu", className: "size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx16("span", { className: "truncate", children: displayModelLabel(modelName) })
+        /* @__PURE__ */ jsx17("span", { className: "bg-primary-bg text-text-secondary inline-flex size-8 shrink-0 items-center justify-center rounded-md border border-border", children: /* @__PURE__ */ jsx17(Icon, { name: "robot", className: "size-4" }) }),
+        /* @__PURE__ */ jsx17("span", { className: "text-text-primary min-w-0 flex-1 truncate text-left text-sm font-medium leading-tight", children: agent.name }),
+        spec != null ? /* @__PURE__ */ jsxs10("span", { className: "text-text-secondary flex shrink-0 items-center gap-2", children: [
+          modelName ? /* @__PURE__ */ jsxs10("span", { className: "bg-primary-button-bg/10 text-primary-button-bg inline-flex max-w-[8rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs font-medium", children: [
+            /* @__PURE__ */ jsx17(Icon, { name: "cpu", className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx17("span", { className: "truncate", children: displayModelLabel(modelName) })
           ] }) : null,
-          /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": `${skillsCount} skills`, children: [
-            /* @__PURE__ */ jsx16(Icon, { name: "wrench", className: "size-3.5" }),
-            skillsCount
-          ] }),
-          /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": `${mcpCount} MCP servers`, children: [
-            /* @__PURE__ */ jsx16(Icon, { name: "plug", className: "size-3.5" }),
+          /* @__PURE__ */ jsx17(Tooltip, { content: connectorsTitle, children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": connectorsTitle, children: [
+            /* @__PURE__ */ jsx17(Icon, { name: "plug", className: "size-3.5" }),
             mcpCount
-          ] })
+          ] }) }),
+          /* @__PURE__ */ jsx17(Tooltip, { content: skillsTitle, children: /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1 text-xs", "aria-label": skillsTitle, children: [
+            /* @__PURE__ */ jsx17(Icon, { name: "lightbulb", className: "size-3.5" }),
+            skillsCount
+          ] }) })
         ] }) : null,
-        /* @__PURE__ */ jsxs9("span", { className: "flex shrink-0 items-center gap-1.5", children: [
-          showEdit ? /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+          showEdit ? /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -1017,12 +1109,12 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
               }),
               onClick: onEdit,
               children: [
-                /* @__PURE__ */ jsx16(Icon, { name: "pencil", className: "size-3.5" }),
+                /* @__PURE__ */ jsx17(Icon, { name: "pencil", className: "size-3.5" }),
                 "Edit"
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -1033,7 +1125,7 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
               }),
               onClick: onTry,
               children: [
-                /* @__PURE__ */ jsx16(Icon, { name: "play", className: "size-3.5" }),
+                /* @__PURE__ */ jsx17(Icon, { name: "play", className: "size-3.5" }),
                 "Try"
               ]
             }
@@ -1045,7 +1137,7 @@ function AgentLibraryRow({ agent, showEdit, onTry, onEdit }) {
 }
 function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
   const shell = useOptionalShellMode();
-  const [query, setQuery] = useState5("");
+  const [query, setQuery] = useState6("");
   const canEdit = shell?.isComposerEnabled === true;
   const agentsListEpoch = shell?.agentsListEpoch ?? 0;
   useEffect4(() => {
@@ -1079,23 +1171,23 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
       agentSpec
     });
   };
-  return /* @__PURE__ */ jsx16(CenteredModal, { open, onOpenChange, title: "Agents Library", children: /* @__PURE__ */ jsxs9("div", { className: "bg-secondary-bg/40 flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "shrink-0 border-b border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx16(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
-      isSearching ? /* @__PURE__ */ jsx16("p", { className: "text-text-secondary mt-1.5 text-xs", role: "status", children: "Searching\u2026" }) : null
+  return /* @__PURE__ */ jsx17(CenteredModal, { open, onOpenChange, title: "Agents Library", children: /* @__PURE__ */ jsxs10("div", { className: "bg-secondary-bg/40 flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "shrink-0 border-b border-border px-4 py-3", children: [
+      /* @__PURE__ */ jsx17(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
+      isSearching ? /* @__PURE__ */ jsx17("p", { className: "text-text-secondary mt-1.5 text-xs", role: "status", children: "Searching\u2026" }) : null
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "div",
       {
         ref: listRef,
         className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-2",
         role: "menu",
         "aria-label": "Agents",
-        children: isInitialLoading ? /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-2 p-1", role: "status", "aria-label": "Loading agents", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx16(Skeleton, { className: "h-11 w-full rounded-md" }, i)) }) : error ? /* @__PURE__ */ jsx16("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : agents.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "text-text-secondary px-3 py-8 text-center text-sm", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet. Build one in a chat, then save it as an agent." }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        children: isInitialLoading ? /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-2 p-1", role: "status", "aria-label": "Loading agents", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx17(Skeleton, { className: "h-11 w-full rounded-md" }, i)) }) : error ? /* @__PURE__ */ jsx17("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : agents.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "text-text-secondary px-3 py-8 text-center text-sm", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet. Build one in a chat, then save it as an agent." }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
           agents.map((agent) => {
             const agentSpec = agent.agentSpec;
             const showEdit = canEdit && agentSpec != null;
-            return /* @__PURE__ */ jsx16(
+            return /* @__PURE__ */ jsx17(
               AgentLibraryRow,
               {
                 agent,
@@ -1108,7 +1200,7 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
               libraryAgentId(agent)
             );
           }),
-          hasMore ? /* @__PURE__ */ jsx16("div", { ref: sentinelRef, className: "flex h-8 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx16("span", { className: "text-text-secondary text-xs", role: "status", children: "Loading more\u2026" }) : null }) : null
+          hasMore ? /* @__PURE__ */ jsx17("div", { ref: sentinelRef, className: "flex h-8 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx17("span", { className: "text-text-secondary text-xs", role: "status", children: "Loading more\u2026" }) : null }) : null
         ] })
       }
     )
@@ -1116,14 +1208,14 @@ function AgentsLibrary({ open, onOpenChange, onSelectAgent }) {
 }
 
 // src/atoms/AgentsLibraryButton.tsx
-import { useEffect as useEffect5, useState as useState6 } from "react";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState7 } from "react";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
   const AgentsLibrary2 = useSlot("AgentsLibrary");
   const server = useOptionalServer();
   const shell = useOptionalShellMode();
-  const [open, setOpen] = useState6(false);
-  const [countLabel, setCountLabel] = useState6(null);
+  const [open, setOpen] = useState7(false);
+  const [countLabel, setCountLabel] = useState7(null);
   const enabled = shell?.isLibraryEnabled === true && server != null;
   const agentsListEpoch = shell?.agentsListEpoch ?? 0;
   useEffect5(() => {
@@ -1138,8 +1230,8 @@ function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
     };
   }, [enabled, server, agentsListEpoch, compact]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx17("div", { className: cn("relative min-w-0", compact ? "w-8" : "w-full", className), children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    /* @__PURE__ */ jsx18("div", { className: cn("relative min-w-0", compact ? "w-8" : "w-full", className), children: /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -1157,29 +1249,29 @@ function AgentsLibraryButton({ className, compact = false, onSelectAgent }) {
         }),
         onClick: () => setOpen(true),
         children: [
-          /* @__PURE__ */ jsx17(Icon, { name: "robot" }),
-          !compact ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-            /* @__PURE__ */ jsxs10("span", { className: "truncate", children: [
+          /* @__PURE__ */ jsx18(Icon, { name: "robot" }),
+          !compact ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+            /* @__PURE__ */ jsxs11("span", { className: "truncate", children: [
               "Agents Library",
-              countLabel != null ? /* @__PURE__ */ jsxs10("span", { className: "text-text-secondary", children: [
+              countLabel != null ? /* @__PURE__ */ jsxs11("span", { className: "text-text-secondary", children: [
                 " (",
                 countLabel,
                 ")"
               ] }) : null
             ] }),
-            /* @__PURE__ */ jsx17(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
+            /* @__PURE__ */ jsx18(Icon, { name: "chevron-right", className: "ml-auto size-3.5 shrink-0 opacity-60" })
           ] }) : null
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx17(AgentsLibrary2, { open, onOpenChange: setOpen, onSelectAgent })
+    /* @__PURE__ */ jsx18(AgentsLibrary2, { open, onOpenChange: setOpen, onSelectAgent })
   ] });
 }
 
 // src/atoms/AssistantMessageBubble.tsx
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function AssistantMessageBubble({ children, error, actionBar, className }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-slot": "aui_assistant-message-root",
@@ -1188,11 +1280,11 @@ function AssistantMessageBubble({ children, error, actionBar, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "min-w-0 max-w-full", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "min-w-0 max-w-full", children: [
           children,
-          error && /* @__PURE__ */ jsx18("div", { className: "mt-2 text-sm text-failure-bg", children: error })
+          error && /* @__PURE__ */ jsx19("div", { className: "mt-2 text-sm text-failure-bg", children: error })
         ] }),
-        actionBar && /* @__PURE__ */ jsx18("div", { className: "mt-1", children: actionBar })
+        actionBar && /* @__PURE__ */ jsx19("div", { className: "mt-1", children: actionBar })
       ]
     }
   );
@@ -1202,15 +1294,15 @@ function AssistantMessageBubble({ children, error, actionBar, className }) {
 var USER_MESSAGE_ATTACHMENT_PREVIEW_REM = 12;
 
 // src/atoms/primitives/Avatar.tsx
-import { useState as useState7 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "h-6 w-6 text-xs",
   default: "h-8 w-8 text-sm",
   lg: "h-10 w-10 text-base"
 };
 function Avatar({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "avatar",
@@ -1221,9 +1313,9 @@ function Avatar({ className, size = "default", ...props }) {
   );
 }
 function AvatarImage({ className, src, alt = "", onError, ...props }) {
-  const [failed, setFailed] = useState7(false);
+  const [failed, setFailed] = useState8(false);
   if (failed || !src) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "img",
     {
       "data-slot": "avatar-image",
@@ -1239,7 +1331,7 @@ function AvatarImage({ className, src, alt = "", onError, ...props }) {
   );
 }
 function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-slot": "avatar-fallback",
@@ -1253,7 +1345,7 @@ function AvatarFallback({ className, ...props }) {
 }
 
 // src/atoms/AttachmentCard.tsx
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function AttachmentCard({
   name,
   previewSrc,
@@ -1265,7 +1357,7 @@ function AttachmentCard({
 }) {
   if (size === "preview" && isImage && previewSrc) {
     const previewSize = previewRem != null ? { width: `${previewRem}rem`, height: `${previewRem}rem` } : void 0;
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "div",
       {
         "data-slot": "aui_attachment-preview",
@@ -1275,11 +1367,11 @@ function AttachmentCard({
           previewRem == null && "size-24",
           className
         ),
-        children: /* @__PURE__ */ jsx20("img", { src: previewSrc, alt: name, className: "h-full w-full object-cover" })
+        children: /* @__PURE__ */ jsx21("img", { src: previewSrc, alt: name, className: "h-full w-full object-cover" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "aui_attachment-chip",
@@ -1289,12 +1381,12 @@ function AttachmentCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx20("div", { className: "bg-primary-bg flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs12(Avatar, { className: "size-7 rounded-none", children: [
-          /* @__PURE__ */ jsx20(AvatarImage, { src: previewSrc, alt: name, className: "object-cover" }),
-          /* @__PURE__ */ jsx20(AvatarFallback, { children: /* @__PURE__ */ jsx20(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) })
-        ] }) : /* @__PURE__ */ jsx20(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) }),
-        /* @__PURE__ */ jsx20("span", { className: "text-text-primary min-w-0 truncate text-sm", children: name }),
-        onRemove && /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21("div", { className: "bg-primary-bg flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md border", children: isImage && previewSrc ? /* @__PURE__ */ jsxs13(Avatar, { className: "size-7 rounded-none", children: [
+          /* @__PURE__ */ jsx21(AvatarImage, { src: previewSrc, alt: name, className: "object-cover" }),
+          /* @__PURE__ */ jsx21(AvatarFallback, { children: /* @__PURE__ */ jsx21(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) })
+        ] }) : /* @__PURE__ */ jsx21(Icon, { name: "file", size: "1rem", className: "text-text-secondary" }) }),
+        /* @__PURE__ */ jsx21("span", { className: "text-text-primary min-w-0 truncate text-sm", children: name }),
+        onRemove && /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -1306,7 +1398,7 @@ function AttachmentCard({
               className: "size-6 shrink-0 rounded-full"
             }),
             onClick: onRemove,
-            children: /* @__PURE__ */ jsx20(Icon, { name: "xmark" })
+            children: /* @__PURE__ */ jsx21(Icon, { name: "xmark" })
           }
         )
       ]
@@ -1315,9 +1407,9 @@ function AttachmentCard({
 }
 
 // src/atoms/AttachmentPickerButton.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function AttachmentPickerButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       type: "button",
@@ -1329,17 +1421,17 @@ function AttachmentPickerButton({ className, ...props }) {
         className: `size-7 rounded-full p-1 ${className ?? ""}`
       }),
       ...props,
-      children: /* @__PURE__ */ jsx21(Icon, { name: "paperclip" })
+      children: /* @__PURE__ */ jsx22(Icon, { name: "paperclip" })
     }
   );
 }
 
 // src/atoms/AttachmentPreviewDialog.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/atoms/primitives/Dialog.tsx
-import React6 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import React7 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Dialog({
   open,
   onOpenChange,
@@ -1348,8 +1440,8 @@ function Dialog({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy
 }) {
-  const ref = React6.useRef(null);
-  React6.useEffect(() => {
+  const ref = React7.useRef(null);
+  React7.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     if (open && !el.open) {
@@ -1358,7 +1450,7 @@ function Dialog({
       el.close();
     }
   }, [open]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const handler = () => onOpenChange(false);
@@ -1368,7 +1460,7 @@ function Dialog({
   const handleBackdropClick = (e) => {
     if (e.target === ref.current) onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "dialog",
     {
       ref,
@@ -1386,22 +1478,22 @@ function Dialog({
   );
 }
 function DialogContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx22("div", { className: cn("flex flex-col gap-4 p-6", className), ...props, children });
+  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-4 p-6", className), ...props, children });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx22("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx23("div", { className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx22("h2", { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props });
+  return /* @__PURE__ */ jsx23("h2", { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props });
 }
 
 // src/atoms/AttachmentPreviewDialog.tsx
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function AttachmentPreviewDialog({ previewSrc, children }) {
-  const [open, setOpen] = useState8(false);
-  if (!previewSrc) return /* @__PURE__ */ jsx23(Fragment4, { children });
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx23(
+  const [open, setOpen] = useState9(false);
+  if (!previewSrc) return /* @__PURE__ */ jsx24(Fragment4, { children });
+  return /* @__PURE__ */ jsxs14(Fragment4, { children: [
+    /* @__PURE__ */ jsx24(
       "button",
       {
         type: "button",
@@ -1411,15 +1503,15 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       Dialog,
       {
         open,
         onOpenChange: setOpen,
         "aria-label": "Attachment preview",
         className: "max-w-[calc(100%-2rem)] sm:max-w-3xl",
-        children: /* @__PURE__ */ jsxs13(DialogContent, { className: "relative p-2", children: [
-          /* @__PURE__ */ jsx23("span", { className: "absolute top-2 right-2 z-10 inline-flex", children: /* @__PURE__ */ jsx23(
+        children: /* @__PURE__ */ jsxs14(DialogContent, { className: "relative p-2", children: [
+          /* @__PURE__ */ jsx24("span", { className: "absolute top-2 right-2 z-10 inline-flex", children: /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -1427,10 +1519,10 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
               title: "Close",
               className: auiButtonClass({ variant: "ghost", size: "icon" }),
               onClick: () => setOpen(false),
-              children: /* @__PURE__ */ jsx23(Icon, { name: "xmark" })
+              children: /* @__PURE__ */ jsx24(Icon, { name: "xmark" })
             }
           ) }),
-          /* @__PURE__ */ jsx23("div", { className: "bg-primary-bg relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24("div", { className: "bg-primary-bg relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx24(
             "img",
             {
               src: previewSrc,
@@ -1445,36 +1537,36 @@ function AttachmentPreviewDialog({ previewSrc, children }) {
 }
 
 // src/atoms/ChatFileDownload.tsx
-import { useState as useState9 } from "react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, readOnly }) {
-  const [downloadingPath, setDownloadingPath] = useState9(null);
-  return /* @__PURE__ */ jsxs14(
+  const [downloadingPath, setDownloadingPath] = useState10(null);
+  return /* @__PURE__ */ jsxs15(
     "details",
     {
       open: true,
       className: "aui-sandbox-artifacts group my-2 overflow-hidden rounded-lg border border-primary-button-bg/20 bg-card-bg",
       "data-testid": "aui-sandbox-artifacts",
       children: [
-        /* @__PURE__ */ jsxs14("summary", { className: "flex min-h-9 cursor-pointer list-none items-center gap-2 bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx24(Icon, { name: "chevron-down", size: 13, className: "shrink-0 transition-transform group-open:rotate-180" }),
-          /* @__PURE__ */ jsx24(Icon, { name: "file", size: 16, className: "shrink-0" }),
-          /* @__PURE__ */ jsxs14("span", { className: "leading-none", children: [
+        /* @__PURE__ */ jsxs15("summary", { className: "flex min-h-9 cursor-pointer list-none items-center gap-2 bg-primary-button-bg/5 px-3 py-2 text-xs font-medium leading-none text-primary-button-bg [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx25(Icon, { name: "chevron-down", size: 13, className: "shrink-0 transition-transform group-open:rotate-180" }),
+          /* @__PURE__ */ jsx25(Icon, { name: "file", size: 16, className: "shrink-0" }),
+          /* @__PURE__ */ jsxs15("span", { className: "leading-none", children: [
             files.length,
             " ",
             files.length === 1 ? "file" : "files",
             " generated"
           ] })
         ] }),
-        /* @__PURE__ */ jsx24("div", { className: "flex flex-wrap items-center gap-y-1 px-3 py-2", children: files.map(({ name, path }) => {
+        /* @__PURE__ */ jsx25("div", { className: "flex flex-wrap items-center gap-y-1 px-3 py-2", children: files.map(({ name, path }) => {
           if (readOnly) {
-            return /* @__PURE__ */ jsxs14(
+            return /* @__PURE__ */ jsxs15(
               "span",
               {
                 className: "mr-3 inline-flex min-h-7 items-center gap-1.5 border-r border-border pr-3 text-xs text-text-secondary last:mr-0 last:border-r-0 last:pr-0",
                 children: [
-                  /* @__PURE__ */ jsx24(Icon, { name: "file", size: 14, className: "shrink-0" }),
-                  /* @__PURE__ */ jsx24("span", { className: "leading-none", children: name })
+                  /* @__PURE__ */ jsx25(Icon, { name: "file", size: 14, className: "shrink-0" }),
+                  /* @__PURE__ */ jsx25("span", { className: "leading-none", children: name })
                 ]
               },
               path
@@ -1494,7 +1586,7 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
               setDownloadingPath((current) => current === path ? null : current);
             });
           };
-          return /* @__PURE__ */ jsxs14(
+          return /* @__PURE__ */ jsxs15(
             "a",
             {
               href: canDownload ? href ?? "#" : void 0,
@@ -1508,9 +1600,9 @@ function ChatFileDownload({ files, fileDownloadBaseUrl, onDownloadArtifact, read
               download: name,
               "aria-label": isDownloading ? `Downloading ${name}` : `Download ${name}`,
               children: [
-                /* @__PURE__ */ jsx24(Icon, { name: "file", size: 14, className: "shrink-0 text-text-secondary" }),
-                /* @__PURE__ */ jsx24("span", { className: "leading-none", children: name }),
-                isDownloading ? /* @__PURE__ */ jsx24(Spinner, { size: 14, className: "shrink-0 text-primary-button-bg" }) : /* @__PURE__ */ jsx24(Icon, { name: "download", size: 14, className: "shrink-0 text-primary-button-bg" })
+                /* @__PURE__ */ jsx25(Icon, { name: "file", size: 14, className: "shrink-0 text-text-secondary" }),
+                /* @__PURE__ */ jsx25("span", { className: "leading-none", children: name }),
+                isDownloading ? /* @__PURE__ */ jsx25(Spinner, { size: 14, className: "shrink-0 text-primary-button-bg" }) : /* @__PURE__ */ jsx25(Icon, { name: "download", size: 14, className: "shrink-0 text-primary-button-bg" })
               ]
             },
             path
@@ -1552,12 +1644,12 @@ function useChatHeaderContentVisible() {
 }
 
 // src/atoms/ClearChatButton.tsx
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function ClearChatButton() {
   const shell = useOptionalShellMode();
   const visible = useChatChromeActionsVisible();
   if (!visible || shell == null) return null;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
@@ -1565,7 +1657,7 @@ function ClearChatButton() {
       className: auiButtonClass({ variant: "ghost", size: "sm" }),
       onClick: () => shell.clearChat(),
       children: [
-        /* @__PURE__ */ jsx25(Icon, { name: "broom", size: "0.875rem" }),
+        /* @__PURE__ */ jsx26(Icon, { name: "broom", size: "0.875rem" }),
         "Clear chat"
       ]
     }
@@ -1573,15 +1665,15 @@ function ClearChatButton() {
 }
 
 // src/atoms/CodeEditor.tsx
-import { useCallback as useCallback2, useState as useState10 } from "react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useState as useState11 } from "react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 function ToolbarButton({
   onClick,
   tooltip,
   icon,
   active
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "button",
     {
       type: "button",
@@ -1593,7 +1685,7 @@ function ToolbarButton({
         active && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text"
       ),
       "aria-label": tooltip,
-      children: /* @__PURE__ */ jsx26(Icon, { name: icon, size: "0.875em" })
+      children: /* @__PURE__ */ jsx27(Icon, { name: icon, size: "0.875em" })
     }
   );
 }
@@ -1610,9 +1702,9 @@ function CodeEditor({
   showToolbar = true
 }) {
   const MonacoEditorCore2 = useSlot("MonacoEditorCore");
-  const [showLineNumbers, setShowLineNumbers] = useState10(false);
-  const [expanded, setExpanded] = useState10(false);
-  const [copied, setCopied] = useState10(false);
+  const [showLineNumbers, setShowLineNumbers] = useState11(false);
+  const [expanded, setExpanded] = useState11(false);
+  const [copied, setCopied] = useState11(false);
   const handleCopy = useCallback2(() => {
     void navigator.clipboard.writeText(value).then(() => {
       setCopied(true);
@@ -1635,7 +1727,7 @@ function CodeEditor({
     wordWrap: "on"
   };
   const editorHeight = expanded ? "100%" : height ?? 320;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -1644,10 +1736,10 @@ function CodeEditor({
         className
       ),
       children: [
-        showToolbar && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-1 border-b border-border px-2 py-1", children: [
-          filename && /* @__PURE__ */ jsx26("span", { className: "truncate text-xs text-text-secondary", children: filename }),
-          /* @__PURE__ */ jsxs16("div", { className: "ml-auto flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx26(
+        showToolbar && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-1 border-b border-border px-2 py-1", children: [
+          filename && /* @__PURE__ */ jsx27("span", { className: "truncate text-xs text-text-secondary", children: filename }),
+          /* @__PURE__ */ jsxs17("div", { className: "ml-auto flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx27(
               ToolbarButton,
               {
                 onClick: () => setShowLineNumbers((v) => !v),
@@ -1656,7 +1748,7 @@ function CodeEditor({
                 active: showLineNumbers
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               ToolbarButton,
               {
                 onClick: handleCopy,
@@ -1664,8 +1756,8 @@ function CodeEditor({
                 icon: copied ? "check" : "copy"
               }
             ),
-            /* @__PURE__ */ jsx26(ToolbarButton, { onClick: handleDownload, tooltip: "Download", icon: "download" }),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(ToolbarButton, { onClick: handleDownload, tooltip: "Download", icon: "download" }),
+            /* @__PURE__ */ jsx27(
               ToolbarButton,
               {
                 onClick: () => setExpanded((v) => !v),
@@ -1675,7 +1767,7 @@ function CodeEditor({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx26("div", { className: "flex-1 overflow-hidden", style: expanded ? void 0 : { height: editorHeight }, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27("div", { className: "flex-1 overflow-hidden", style: expanded ? void 0 : { height: editorHeight }, children: /* @__PURE__ */ jsx27(
           MonacoEditorCore2,
           {
             value,
@@ -1694,10 +1786,10 @@ function CodeEditor({
 }
 
 // src/atoms/ComposerSections.tsx
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 function ComposerLeftSection({ onAttach }) {
   if (!onAttach) return null;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       type: "button",
@@ -1705,7 +1797,7 @@ function ComposerLeftSection({ onAttach }) {
       title: "Attach",
       className: auiButtonClass({ variant: "ghost", size: "icon" }),
       onClick: onAttach,
-      children: /* @__PURE__ */ jsx27(Icon, { name: "paperclip" })
+      children: /* @__PURE__ */ jsx28(Icon, { name: "paperclip" })
     }
   );
 }
@@ -1714,7 +1806,7 @@ function ComposerRightSection(_) {
 }
 function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
   if (isRunning) {
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -1723,13 +1815,13 @@ function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
         onClick: onCancel,
         "aria-label": "Cancel",
         children: [
-          /* @__PURE__ */ jsx27(Spinner, { size: 14 }),
+          /* @__PURE__ */ jsx28(Spinner, { size: 14 }),
           "Cancel"
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       type: "button",
@@ -1738,14 +1830,14 @@ function ComposerSendButton({ canSubmit, isRunning, onSubmit, onCancel }) {
       onClick: onSubmit,
       title: "Send message",
       "aria-label": "Send message",
-      children: /* @__PURE__ */ jsx27(Icon, { name: "arrow-up" })
+      children: /* @__PURE__ */ jsx28(Icon, { name: "arrow-up" })
     }
   );
 }
 
 // src/atoms/ComposerShell.tsx
 import "react";
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function ComposerShell({
   input,
   disabled,
@@ -1763,7 +1855,7 @@ function ComposerShell({
   const ComposerLeftSection2 = useSlot("ComposerLeftSection");
   const ComposerRightSection2 = useSlot("ComposerRightSection");
   const ComposerSendButton2 = useSlot("ComposerSendButton");
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-slot": "aui_composer-shell",
@@ -1774,18 +1866,18 @@ function ComposerShell({
       children: [
         attachments,
         input,
-        /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2 px-1", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx28(ComposerLeftSection2, { disabled, isRunning, onAttach }),
-            connectorStatusLabel && /* @__PURE__ */ jsx28("span", { className: "text-text-secondary max-w-[12rem] truncate text-xs", children: connectorStatusLabel })
+        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2 px-1", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 max-w-full flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx29(ComposerLeftSection2, { disabled, isRunning, onAttach }),
+            connectorStatusLabel && /* @__PURE__ */ jsx29("span", { className: "text-text-secondary max-w-[12rem] truncate text-xs", children: connectorStatusLabel })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "ml-auto flex min-w-0 shrink-0 flex-wrap items-center justify-end gap-2", children: [
-            modelLabel && /* @__PURE__ */ jsxs18("span", { className: "bg-secondary-bg text-text-secondary flex max-w-[10rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "ml-auto flex min-w-0 shrink-0 flex-wrap items-center justify-end gap-2", children: [
+            modelLabel && /* @__PURE__ */ jsxs19("span", { className: "bg-secondary-bg text-text-secondary flex max-w-[10rem] items-center gap-1 truncate rounded-full px-2 py-0.5 text-xs", children: [
               modelIcon,
-              /* @__PURE__ */ jsx28("span", { className: "truncate", children: modelLabel })
+              /* @__PURE__ */ jsx29("span", { className: "truncate", children: modelLabel })
             ] }),
-            /* @__PURE__ */ jsx28(ComposerRightSection2, { disabled, isRunning }),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(ComposerRightSection2, { disabled, isRunning }),
+            /* @__PURE__ */ jsx29(
               ComposerSendButton2,
               {
                 disabled,
@@ -1804,7 +1896,7 @@ function ComposerShell({
 
 // src/atoms/draft/DraftReasoningEffortSelector.tsx
 import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec2, useTrueFoundryUpdateAgentSpec } from "@truefoundry/assistant-ui-runtime";
-import { useEffect as useEffect7, useId as useId3, useRef as useRef4, useState as useState11 } from "react";
+import { useEffect as useEffect7, useId as useId3, useRef as useRef5, useState as useState12 } from "react";
 
 // src/atoms/lib/useIsMobile.ts
 import { useSyncExternalStore } from "react";
@@ -1823,8 +1915,8 @@ function useIsMobile() {
 }
 
 // src/atoms/primitives/BottomSheet.tsx
-import { useEffect as useEffect6, useRef as useRef3 } from "react";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef4 } from "react";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function BottomSheet({
   open,
   onOpenChange,
@@ -1833,7 +1925,7 @@ function BottomSheet({
   id,
   "aria-label": ariaLabel
 }) {
-  const ref = useRef3(null);
+  const ref = useRef4(null);
   const compact = useCompactLayout();
   const compactStyle = useCompactOverlayStyle(ref, compact);
   useEffect6(() => {
@@ -1852,7 +1944,7 @@ function BottomSheet({
   const handleBackdropClick = (event) => {
     if (event.target === ref.current) onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "dialog",
     {
       ref,
@@ -1872,7 +1964,7 @@ function BottomSheet({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx29("div", { className: "flex h-5 shrink-0 items-center justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx29("span", { className: "h-1 w-10 rounded-full bg-text-secondary/30" }) }),
+        /* @__PURE__ */ jsx30("div", { className: "flex h-5 shrink-0 items-center justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx30("span", { className: "h-1 w-10 rounded-full bg-text-secondary/30" }) }),
         children
       ]
     }
@@ -1902,14 +1994,14 @@ function modelPatchWithReasoningEffort(name, existingParams, efforts) {
 }
 
 // src/atoms/draft/DraftReasoningEffortSelector.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function DraftReasoningEffortSelector({ disabled, isRunning }) {
   const { models, ensureLoaded } = useDraftCatalog();
   const { agentSpec } = useTrueFoundryAgentSpec2();
   const updateAgentSpec = useTrueFoundryUpdateAgentSpec();
-  const [open, setOpen] = useState11(false);
-  const containerRef = useRef4(null);
-  const clearedStickyEffortForModelRef = useRef4(null);
+  const [open, setOpen] = useState12(false);
+  const containerRef = useRef5(null);
+  const clearedStickyEffortForModelRef = useRef5(null);
   const menuId = useId3();
   const isMobile = useIsMobile();
   const compactLayout = useCompactLayout();
@@ -1945,9 +2037,9 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
     });
   }, [updateAgentSpec, selected, efforts, currentEffort, agentSpec?.model?.params]);
   if (!hasReasoningEfforts(efforts) || !resolved) return null;
-  const content = /* @__PURE__ */ jsxs20(Fragment5, { children: [
-    /* @__PURE__ */ jsx30("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx30("p", { className: "text-text-primary text-sm font-semibold", children: "Reasoning effort" }) }),
-    /* @__PURE__ */ jsx30(
+  const content = /* @__PURE__ */ jsxs21(Fragment5, { children: [
+    /* @__PURE__ */ jsx31("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx31("p", { className: "text-text-primary text-sm font-semibold", children: "Reasoning effort" }) }),
+    /* @__PURE__ */ jsx31(
       "div",
       {
         id: menuId,
@@ -1956,7 +2048,7 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
         className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-1",
         children: efforts.map((effort) => {
           const active = effort === resolved;
-          return /* @__PURE__ */ jsx30(
+          return /* @__PURE__ */ jsx31(
             "button",
             {
               type: "button",
@@ -1977,7 +2069,7 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
                 });
                 setOpen(false);
               },
-              children: /* @__PURE__ */ jsx30("span", { className: "truncate font-medium", children: effort })
+              children: /* @__PURE__ */ jsx31("span", { className: "truncate font-medium", children: effort })
             },
             effort
           );
@@ -1985,8 +2077,8 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs20("div", { ref: containerRef, className: "relative", children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21("div", { ref: containerRef, className: "relative", children: [
+    /* @__PURE__ */ jsxs21(
       "button",
       {
         type: "button",
@@ -2005,26 +2097,26 @@ function DraftReasoningEffortSelector({ disabled, isRunning }) {
         }),
         onClick: () => setOpen((v) => !v),
         children: [
-          /* @__PURE__ */ jsx30("span", { className: "truncate", children: resolved }),
-          /* @__PURE__ */ jsx30(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
+          /* @__PURE__ */ jsx31("span", { className: "truncate", children: resolved }),
+          /* @__PURE__ */ jsx31(Icon, { name: "chevron-down", className: "size-3.5 shrink-0 opacity-60" })
         ]
       }
     ),
-    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx30(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select reasoning effort", children: content }) : /* @__PURE__ */ jsx30("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[12rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
+    open ? isMobile || compactLayout ? /* @__PURE__ */ jsx31(BottomSheet, { open: true, onOpenChange: setOpen, "aria-label": "Select reasoning effort", children: content }) : /* @__PURE__ */ jsx31("div", { className: "bg-card-bg text-text-primary absolute right-0 bottom-full z-50 mb-2 flex max-h-[22rem] w-[12rem] flex-col overflow-hidden rounded-lg border border-border shadow-lg", children: content }) : null
   ] });
 }
 
 // src/atoms/draft/DraftComposerSections.tsx
-import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 function DraftComposerLeftSection({ disabled, isRunning, onAttach }) {
   const DraftCompositeSelector2 = useSlot("DraftCompositeSelector");
-  return /* @__PURE__ */ jsx31("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx31(DraftCompositeSelector2, { disabled, isRunning, onAttach }) });
+  return /* @__PURE__ */ jsx32("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx32(DraftCompositeSelector2, { disabled, isRunning, onAttach }) });
 }
 function DraftComposerRightSection({ disabled, isRunning }) {
   const DraftModelSelector2 = useSlot("DraftModelSelector");
-  return /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 items-center gap-1", children: [
-    /* @__PURE__ */ jsx31(DraftModelSelector2, { disabled, isRunning }),
-    /* @__PURE__ */ jsx31(DraftReasoningEffortSelector, { disabled, isRunning })
+  return /* @__PURE__ */ jsxs22("div", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsx32(DraftModelSelector2, { disabled, isRunning }),
+    /* @__PURE__ */ jsx32(DraftReasoningEffortSelector, { disabled, isRunning })
   ] });
 }
 
@@ -2033,11 +2125,11 @@ import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec3, useTrueFoundryUpda
 import { useCallback as useCallback5, useEffect as useEffect9, useId as useId4, useMemo as useMemo3, useRef as useRef7, useState as useState15 } from "react";
 
 // src/hooks/useMcpAuth.ts
-import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo2, useRef as useRef5, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo2, useRef as useRef6, useState as useState14 } from "react";
 
 // src/containers/ToasterContainer.tsx
-import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useMemo, useState as useState12 } from "react";
-import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
+import { createContext as createContext2, useCallback as useCallback3, useContext as useContext3, useMemo, useState as useState13 } from "react";
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 var MAX_TOAST_DESCRIPTION_CHARS = 480;
 var MAX_VISIBLE_TOASTS = 5;
 var SUCCESS_TOAST_TTL_MS = 3e3;
@@ -2071,7 +2163,7 @@ function normalizeError(error) {
 function ToasterProvider({ children }) {
   const Toast2 = useSlot("Toast");
   const ToastStack2 = useSlot("ToastStack");
-  const [toasts, setToasts] = useState12([]);
+  const [toasts, setToasts] = useState13([]);
   const dismiss = useCallback3((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
@@ -2092,9 +2184,9 @@ function ToasterProvider({ children }) {
     [dismiss]
   );
   const value = useMemo(() => ({ showError, showSuccess }), [showError, showSuccess]);
-  return /* @__PURE__ */ jsxs22(ToasterContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs23(ToasterContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx32(ToastStack2, { children: toasts.map((toast) => /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(ToastStack2, { children: toasts.map((toast) => /* @__PURE__ */ jsx33(
       Toast2,
       {
         title: toast.title,
@@ -2131,9 +2223,9 @@ var isPopupMessage = (value) => {
 var useMCPAuth = ({ callbackPath } = {}) => {
   const { connectorCatalog } = useCatalogServer();
   const toaster = useToasterOptional();
-  const [isOAuthLoading, setIsOAuthLoading] = useState13(false);
+  const [isOAuthLoading, setIsOAuthLoading] = useState14(false);
   const popupUid = useMemo2(() => generatePopupUid(), []);
-  const listenerCleanupRef = useRef5(null);
+  const listenerCleanupRef = useRef6(null);
   const clearPopupListener = useCallback4(() => {
     listenerCleanupRef.current?.();
     listenerCleanupRef.current = null;
@@ -2209,94 +2301,6 @@ function auiInputClass(className) {
   return cn(baseClasses, className);
 }
 
-// src/atoms/primitives/Tooltip.tsx
-import { cloneElement, isValidElement, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState14 } from "react";
-import { createPortal } from "react-dom";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
-function themePortalRoot(from) {
-  const dialog = from?.closest("dialog");
-  if (dialog instanceof HTMLElement) return dialog;
-  return from?.closest(".aui-theme-root") ?? document.body;
-}
-function Tooltip({ content, children, className, side = "top" }) {
-  const [visible, setVisible] = useState14(false);
-  const [pos, setPos] = useState14(null);
-  const triggerWrapRef = useRef6(null);
-  useLayoutEffect2(() => {
-    if (!visible) {
-      setPos(null);
-      return;
-    }
-    const update = () => {
-      const el = triggerWrapRef.current;
-      if (!el) return;
-      const rect = el.getBoundingClientRect();
-      setPos({
-        top: side === "bottom" ? rect.bottom + 6 : rect.top - 6,
-        left: rect.left + rect.width / 2
-      });
-    };
-    update();
-    window.addEventListener("scroll", update, true);
-    window.addEventListener("resize", update);
-    return () => {
-      window.removeEventListener("scroll", update, true);
-      window.removeEventListener("resize", update);
-    };
-  }, [visible, side]);
-  if (!isValidElement(children)) return children;
-  const p = children.props;
-  const child = cloneElement(children, {
-    onMouseEnter(e) {
-      setVisible(true);
-      p.onMouseEnter?.(e);
-    },
-    onMouseLeave(e) {
-      setVisible(false);
-      p.onMouseLeave?.(e);
-    },
-    onFocus(e) {
-      setVisible(true);
-      p.onFocus?.(e);
-    },
-    onBlur(e) {
-      setVisible(false);
-      p.onBlur?.(e);
-    },
-    onClick(e) {
-      setVisible(false);
-      p.onClick?.(e);
-    }
-  });
-  const tooltip = visible && content != null && pos != null ? createPortal(
-    /* @__PURE__ */ jsx33(
-      "span",
-      {
-        role: "tooltip",
-        style: {
-          top: pos.top,
-          left: pos.left,
-          transform: side === "bottom" ? "translate(-50%, 0)" : "translate(-50%, -100%)"
-        },
-        className: cn(
-          "pointer-events-none fixed z-[200]",
-          "whitespace-nowrap rounded bg-card-bg px-2 py-1 text-xs text-text-primary shadow-md",
-          className
-        ),
-        children: content
-      }
-    ),
-    themePortalRoot(triggerWrapRef.current)
-  ) : null;
-  return /* @__PURE__ */ jsxs23("span", { ref: triggerWrapRef, className: "relative inline-flex", children: [
-    child,
-    tooltip
-  ] });
-}
-function LightTooltip({ title, children, className, size: _size, side }) {
-  return /* @__PURE__ */ jsx33(Tooltip, { content: title, className, side, children });
-}
-
 // src/atoms/draft/agentCapabilities.ts
 var DEFAULT_AGENT_CAPABILITIES = {
   generativeUi: true,
@@ -6741,6 +6745,7 @@ export {
   useSearchAgentsList,
   CenteredModal,
   SearchInput_default,
+  Tooltip,
   AgentsLibrary,
   AgentsLibraryButton,
   AssistantMessageBubble,
@@ -6771,7 +6776,6 @@ export {
   MCP_AUTH_POPUP_CHANNEL,
   useMCPAuth,
   auiInputClass,
-  Tooltip,
   Switch,
   DraftCompositeSelector,
   CatalogLogo,
@@ -6818,4 +6822,4 @@ export {
   WelcomeScreen,
   defaultSlots
 };
-//# sourceMappingURL=chunk-YTC2SI4K.js.map
+//# sourceMappingURL=chunk-XRTTKGKN.js.map