@timbal-ai/timbal-react 0.5.2 → 0.5.4

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 // src/runtime/provider.tsx
 import {
-  createContext,
+  createContext as createContext2,
   useCallback,
-  useContext,
+  useContext as useContext2,
   useEffect,
   useMemo,
   useRef,
@@ -444,6 +444,20 @@ function buildPromptBody({
   return { prompt: parts, context };
 }
 
+// src/runtime/attachments-context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var TimbalAttachmentsEnabledContext = createContext(false);
+function TimbalAttachmentsEnabledProvider({
+  enabled,
+  children
+}) {
+  return /* @__PURE__ */ jsx(TimbalAttachmentsEnabledContext.Provider, { value: enabled, children });
+}
+function useTimbalAttachmentsEnabled() {
+  return useContext(TimbalAttachmentsEnabledContext);
+}
+
 // src/runtime/upload-adapter.ts
 var DEFAULT_UPLOAD_ACCEPT = "image/*,application/pdf,text/*,.md,.json,.csv,.tsv,.xlsx,.docx";
 function createDefaultAttachmentAdapter({
@@ -497,8 +511,9 @@ async function readUploadedUrl(res) {
   const contentType = res.headers.get("content-type") ?? "";
   if (contentType.includes("application/json")) {
     const data = await res.json();
-    const candidate = data.url ?? data.signed_url ?? data.id;
-    if (typeof candidate === "string" && candidate.length > 0) {
+    const raw = data.url ?? data.signed_url ?? data.id;
+    const candidate = typeof raw === "string" ? raw : typeof raw === "number" ? String(raw) : "";
+    if (candidate.length > 0) {
       return candidate;
     }
     throw new Error(
@@ -550,7 +565,7 @@ function resolveAttachmentAdapter(attachments, options = {}) {
 }
 
 // src/runtime/provider.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function projectAttachment(attachment) {
   const filename = attachment.name ?? "attachment";
   const mimeType = attachment.contentType ?? "application/octet-stream";
@@ -787,9 +802,9 @@ function readTopLevelStartRunId(event) {
   }
   return null;
 }
-var TimbalStreamContext = createContext(null);
+var TimbalStreamContext = createContext2(null);
 function useTimbalRuntime() {
-  const ctx = useContext(TimbalStreamContext);
+  const ctx = useContext2(TimbalStreamContext);
   if (!ctx) {
     throw new Error(
       "useTimbalRuntime must be used inside a <TimbalRuntimeProvider>."
@@ -856,7 +871,7 @@ function TimbalRuntimeProvider({
     onCancel,
     ...attachmentAdapter ? { adapters: { attachments: attachmentAdapter } } : {}
   });
-  return /* @__PURE__ */ jsx(TimbalStreamContext.Provider, { value: stream, children: /* @__PURE__ */ jsx(AssistantRuntimeProvider, { runtime, children }) });
+  return /* @__PURE__ */ jsx2(TimbalStreamContext.Provider, { value: stream, children: /* @__PURE__ */ jsx2(TimbalAttachmentsEnabledProvider, { enabled: attachmentAdapter !== void 0, children: /* @__PURE__ */ jsx2(AssistantRuntimeProvider, { runtime, children }) }) });
 }
 function findParentIdFromAuiParent(messages, auiParentId) {
   const idx = messages.findIndex((m) => m.id === auiParentId);
@@ -914,12 +929,12 @@ function cn(...inputs) {
 }
 
 // src/ui/tooltip.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -931,12 +946,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -944,7 +959,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -956,7 +971,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx2(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx3(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
@@ -965,32 +980,32 @@ function TooltipContent({
 // src/ui/dialog.tsx
 import { XIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -1009,7 +1024,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs2(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx3(DialogOverlay, {}),
+    /* @__PURE__ */ jsx4(DialogOverlay, {}),
     /* @__PURE__ */ jsxs2(
       DialogPrimitive.Content,
       {
@@ -1027,8 +1042,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx3(XIcon, {}),
-                /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx4(XIcon, {}),
+                /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1041,7 +1056,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -1053,13 +1068,13 @@ function DialogTitle({
 
 // src/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "radix-ui";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Avatar({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -1076,7 +1091,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -1089,7 +1104,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -1187,7 +1202,7 @@ var TIMBAL_V2_SECONDARY_CHROME = [
 ].join(" ");
 
 // src/ui/timbal-v2-button.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
   variant = "secondary",
   size = "sm",
@@ -1227,7 +1242,7 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "span",
           {
             "aria-hidden": true,
@@ -1237,7 +1252,7 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
             )
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "span",
           {
             className: cn(
@@ -1245,7 +1260,7 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
               !isIconOnly && TIMBAL_V2_SIZE_LABEL_PX[size],
               TIMBAL_V2_LABEL[variant]
             ),
-            children: isLoading ? /* @__PURE__ */ jsx5("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : children
+            children: isLoading ? /* @__PURE__ */ jsx6("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : children
           }
         )
       ]
@@ -1254,19 +1269,19 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
 });
 
 // src/components/tooltip-icon-button.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var TooltipIconButton = forwardRef2(function TooltipIconButton2({ tooltip, side = "bottom", variant = "secondary", children, ...props }, ref) {
   return /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx6(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(TimbalV2Button, { ref, variant, size: "sm", isIconOnly: true, ...props, children: [
+    /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(TimbalV2Button, { ref, variant, size: "sm", isIconOnly: true, ...props, children: [
       children,
-      /* @__PURE__ */ jsx6("span", { className: "sr-only", children: tooltip })
+      /* @__PURE__ */ jsx7("span", { className: "sr-only", children: tooltip })
     ] }) }),
-    /* @__PURE__ */ jsx6(TooltipContent, { side, children: tooltip })
+    /* @__PURE__ */ jsx7(TooltipContent, { side, children: tooltip })
   ] });
 });
 
 // src/components/attachment.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var useFileSrc = (file) => {
   const [src, setSrc] = useState2(void 0);
   useEffect2(() => {
@@ -1296,7 +1311,7 @@ var useAttachmentSrc = () => {
 };
 var AttachmentPreview = ({ src }) => {
   const [isLoaded, setIsLoaded] = useState2(false);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "img",
     {
       src,
@@ -1313,7 +1328,7 @@ var AttachmentPreviewDialog = ({ children }) => {
   const src = useAttachmentSrc();
   if (!src) return children;
   return /* @__PURE__ */ jsxs5(Dialog, { children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       DialogTrigger,
       {
         className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50",
@@ -1322,8 +1337,8 @@ var AttachmentPreviewDialog = ({ children }) => {
       }
     ),
     /* @__PURE__ */ jsxs5(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0! [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive", children: [
-      /* @__PURE__ */ jsx7(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
-      /* @__PURE__ */ jsx7("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: /* @__PURE__ */ jsx7(AttachmentPreview, { src }) })
+      /* @__PURE__ */ jsx8(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ jsx8("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: /* @__PURE__ */ jsx8(AttachmentPreview, { src }) })
     ] })
   ] });
 };
@@ -1331,7 +1346,7 @@ var AttachmentThumb = () => {
   const isImage = useAuiState((s) => s.attachment.type === "image");
   const src = useAttachmentSrc();
   return /* @__PURE__ */ jsxs5(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       AvatarImage,
       {
         src,
@@ -1339,7 +1354,7 @@ var AttachmentThumb = () => {
         className: "aui-attachment-tile-image object-cover"
       }
     ),
-    /* @__PURE__ */ jsx7(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ jsx7(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
+    /* @__PURE__ */ jsx8(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ jsx8(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
   ] });
 };
 var AttachmentUI = () => {
@@ -1368,7 +1383,7 @@ var AttachmentUI = () => {
           isImage && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"
         ),
         children: [
-          /* @__PURE__ */ jsx7(AttachmentPreviewDialog, { children: /* @__PURE__ */ jsx7(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(AttachmentPreviewDialog, { children: /* @__PURE__ */ jsx8(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx8(
             "div",
             {
               className: cn(
@@ -1378,32 +1393,32 @@ var AttachmentUI = () => {
               role: "button",
               id: "attachment-tile",
               "aria-label": `${typeLabel} attachment`,
-              children: /* @__PURE__ */ jsx7(AttachmentThumb, {})
+              children: /* @__PURE__ */ jsx8(AttachmentThumb, {})
             }
           ) }) }),
-          isComposer && /* @__PURE__ */ jsx7(AttachmentRemove, {})
+          isComposer && /* @__PURE__ */ jsx8(AttachmentRemove, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsx7(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx7(AttachmentPrimitive.Name, {}) })
+    /* @__PURE__ */ jsx8(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx8(AttachmentPrimitive.Name, {}) })
   ] });
 };
 var AttachmentRemove = () => {
-  return /* @__PURE__ */ jsx7(AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsx8(
     TooltipIconButton,
     {
       tooltip: "Remove file",
       className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-card text-foreground opacity-100 shadow-card hover:bg-card! [&_svg]:text-foreground hover:[&_svg]:text-destructive",
       side: "top",
-      children: /* @__PURE__ */ jsx7(XIcon2, { className: "aui-attachment-remove-icon size-3" })
+      children: /* @__PURE__ */ jsx8(XIcon2, { className: "aui-attachment-remove-icon size-3" })
     }
   ) });
 };
 var UserMessageAttachments = () => {
-  return /* @__PURE__ */ jsx7("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ jsx7(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
+  return /* @__PURE__ */ jsx8("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ jsx8(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
 };
 var ComposerAttachments = () => {
-  return /* @__PURE__ */ jsx7("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: /* @__PURE__ */ jsx8(
     ComposerPrimitive.Attachments,
     {
       components: { Attachment: AttachmentUI }
@@ -1411,7 +1426,7 @@ var ComposerAttachments = () => {
   ) });
 };
 var ComposerAddAttachment = () => {
-  return /* @__PURE__ */ jsx7(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsx8(
     TooltipIconButton,
     {
       tooltip: "Add Attachment",
@@ -1419,7 +1434,7 @@ var ComposerAddAttachment = () => {
       variant: "secondary",
       className: "aui-composer-add-attachment shrink-0 text-muted-foreground",
       "aria-label": "Add Attachment",
-      children: /* @__PURE__ */ jsx7(PlusIcon, { className: "aui-attachment-add-icon size-4 stroke-[1.5]" })
+      children: /* @__PURE__ */ jsx8(PlusIcon, { className: "aui-attachment-add-icon size-4 stroke-[1.5]" })
     }
   ) });
 };
@@ -1444,13 +1459,13 @@ import { createHighlighterCore } from "shiki/core";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 
 // src/artifacts/registry.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo3 } from "react";
+import { createContext as createContext4, useContext as useContext4, useMemo as useMemo3 } from "react";
 
 // src/artifacts/chart-artifact.tsx
 import { useMemo as useMemo2 } from "react";
 
 // src/artifacts/artifact-card.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var ArtifactCard = ({ title, kind, className, bodyClassName, toolbar, children }) => {
   const hasHeader = Boolean(title || toolbar);
   return /* @__PURE__ */ jsxs6(
@@ -1463,18 +1478,18 @@ var ArtifactCard = ({ title, kind, className, bodyClassName, toolbar, children }
       "data-artifact-kind": kind,
       children: [
         hasHeader && /* @__PURE__ */ jsxs6("div", { className: "aui-artifact-header flex items-center gap-2 border-b border-border/40 bg-muted/30 px-3 py-1.5", children: [
-          title && /* @__PURE__ */ jsx8("span", { className: "aui-artifact-title flex-1 truncate text-xs font-semibold text-foreground/80", children: title }),
-          !title && /* @__PURE__ */ jsx8("span", { className: "flex-1" }),
+          title && /* @__PURE__ */ jsx9("span", { className: "aui-artifact-title flex-1 truncate text-xs font-semibold text-foreground/80", children: title }),
+          !title && /* @__PURE__ */ jsx9("span", { className: "flex-1" }),
           toolbar
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: cn("aui-artifact-body", bodyClassName), children })
+        /* @__PURE__ */ jsx9("div", { className: cn("aui-artifact-body", bodyClassName), children })
       ]
     }
   );
 };
 
 // src/artifacts/chart-artifact.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ChartArtifactView = ({
   artifact
 }) => {
@@ -1485,8 +1500,8 @@ var ChartArtifactView = ({
     if (typeof artifact.dataKey === "string") return [artifact.dataKey];
     return inferDataKeys(data, xKey);
   }, [artifact.dataKey, data, xKey]);
-  return /* @__PURE__ */ jsx9(ArtifactCard, { title: artifact.title, kind: "chart", children: /* @__PURE__ */ jsxs7("div", { className: "aui-artifact-chart p-3", children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(ArtifactCard, { title: artifact.title, kind: "chart", children: /* @__PURE__ */ jsxs7("div", { className: "aui-artifact-chart p-3", children: [
+    /* @__PURE__ */ jsx10(
       ChartSvg,
       {
         chartType,
@@ -1496,7 +1511,7 @@ var ChartArtifactView = ({
         unit: artifact.unit
       }
     ),
-    dataKeys.length > 1 && /* @__PURE__ */ jsx9(Legend, { dataKeys })
+    dataKeys.length > 1 && /* @__PURE__ */ jsx10(Legend, { dataKeys })
   ] }) });
 };
 var COLORS = [
@@ -1512,10 +1527,10 @@ var H = 240;
 var PAD = { top: 12, right: 16, bottom: 28, left: 36 };
 var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
   if (data.length === 0 || dataKeys.length === 0) {
-    return /* @__PURE__ */ jsx9(EmptyState, {});
+    return /* @__PURE__ */ jsx10(EmptyState, {});
   }
   if (chartType === "pie") {
-    return /* @__PURE__ */ jsx9(PieChart, { data, xKey, dataKey: dataKeys[0] });
+    return /* @__PURE__ */ jsx10(PieChart, { data, xKey, dataKey: dataKeys[0] });
   }
   const innerW = W - PAD.left - PAD.right;
   const innerH = H - PAD.top - PAD.bottom;
@@ -1537,7 +1552,7 @@ var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
       "aria-label": "Chart",
       children: [
         ticks.map((t, i) => /* @__PURE__ */ jsxs7("g", { children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "line",
             {
               x1: PAD.left,
@@ -1548,7 +1563,7 @@ var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
               strokeOpacity: 0.08
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "text",
             {
               x: PAD.left - 6,
@@ -1560,7 +1575,7 @@ var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
             }
           )
         ] }, i)),
-        data.map((d, i) => /* @__PURE__ */ jsx9(
+        data.map((d, i) => /* @__PURE__ */ jsx10(
           "text",
           {
             x: xPos(i),
@@ -1572,7 +1587,7 @@ var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
           i
         )),
         chartType === "bar" && renderBars({ data, dataKeys, xCount, xPos, yScale, minV, innerW }),
-        chartType === "line" && dataKeys.map((k, ki) => /* @__PURE__ */ jsx9(
+        chartType === "line" && dataKeys.map((k, ki) => /* @__PURE__ */ jsx10(
           Polyline,
           {
             data,
@@ -1583,7 +1598,7 @@ var ChartSvg = ({ chartType, data, xKey, dataKeys, unit }) => {
           },
           k
         )),
-        chartType === "area" && dataKeys.map((k, ki) => /* @__PURE__ */ jsx9(
+        chartType === "area" && dataKeys.map((k, ki) => /* @__PURE__ */ jsx10(
           Area,
           {
             data,
@@ -1611,7 +1626,7 @@ function renderBars(args) {
       const x = xPos(i) - groupWidth / 2 + ki * barWidth;
       const top = Math.min(y, baseY);
       const height = Math.abs(y - baseY);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         "rect",
         {
           x,
@@ -1628,7 +1643,7 @@ function renderBars(args) {
 }
 var Polyline = ({ data, dataKey, xPos, yScale, color }) => {
   const points = data.map((d, i) => `${xPos(i)},${yScale(toNum(d[dataKey]))}`).join(" ");
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "polyline",
     {
       points,
@@ -1645,8 +1660,8 @@ var Area = ({ data, dataKey, xPos, yScale, baseY, color }) => {
   const top = data.map((d, i) => `${xPos(i)},${yScale(toNum(d[dataKey]))}`).join(" ");
   const path = `M ${xPos(0)},${baseY} L ${top} L ${xPos(data.length - 1)},${baseY} Z`;
   return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsx9("path", { d: path, fill: color, fillOpacity: 0.18 }),
-    /* @__PURE__ */ jsx9(Polyline, { data, dataKey, xPos, yScale, color })
+    /* @__PURE__ */ jsx10("path", { d: path, fill: color, fillOpacity: 0.18 }),
+    /* @__PURE__ */ jsx10(Polyline, { data, dataKey, xPos, yScale, color })
   ] });
 };
 var PieChart = ({ data, xKey, dataKey }) => {
@@ -1655,7 +1670,7 @@ var PieChart = ({ data, xKey, dataKey }) => {
   const r = Math.min(W, H) / 2 - 16;
   const total = data.reduce((sum, d) => sum + toNum(d[dataKey]), 0) || 1;
   let acc = 0;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "svg",
     {
       viewBox: `0 0 ${W} ${H}`,
@@ -1667,7 +1682,7 @@ var PieChart = ({ data, xKey, dataKey }) => {
         const start = acc / total * Math.PI * 2;
         acc += value;
         const end = acc / total * Math.PI * 2;
-        return /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10(
           PieSlice,
           {
             cx,
@@ -1695,8 +1710,8 @@ var PieSlice = ({ cx, cy, r, start, end, color, label }) => {
   const lx = cx + Math.sin(mid) * (r * 0.65);
   const ly = cy - Math.cos(mid) * (r * 0.65);
   return /* @__PURE__ */ jsxs7("g", { children: [
-    /* @__PURE__ */ jsx9("path", { d: path, fill: color, stroke: "var(--background, #fff)", strokeWidth: 1 }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10("path", { d: path, fill: color, stroke: "var(--background, #fff)", strokeWidth: 1 }),
+    /* @__PURE__ */ jsx10(
       "text",
       {
         x: lx,
@@ -1709,8 +1724,8 @@ var PieSlice = ({ cx, cy, r, start, end, color, label }) => {
     )
   ] });
 };
-var Legend = ({ dataKeys }) => /* @__PURE__ */ jsx9("div", { className: "aui-artifact-chart-legend mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: dataKeys.map((k, i) => /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1.5", children: [
-  /* @__PURE__ */ jsx9(
+var Legend = ({ dataKeys }) => /* @__PURE__ */ jsx10("div", { className: "aui-artifact-chart-legend mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: dataKeys.map((k, i) => /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1.5", children: [
+  /* @__PURE__ */ jsx10(
     "span",
     {
       className: "inline-block size-2 rounded-sm",
@@ -1720,7 +1735,7 @@ var Legend = ({ dataKeys }) => /* @__PURE__ */ jsx9("div", { className: "aui-art
   ),
   k
 ] }, k)) });
-var EmptyState = () => /* @__PURE__ */ jsx9("div", { className: "aui-artifact-chart-empty flex h-32 items-center justify-center text-xs text-muted-foreground", children: "No data" });
+var EmptyState = () => /* @__PURE__ */ jsx10("div", { className: "aui-artifact-chart-empty flex h-32 items-center justify-center text-xs text-muted-foreground", children: "No data" });
 function inferXKey(data) {
   if (data.length === 0) return "x";
   for (const k of Object.keys(data[0])) {
@@ -1879,12 +1894,12 @@ var studioQuestionOptionSelectedClass = cn(
 );
 
 // src/artifacts/question-artifact.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function optionKey(option, index) {
   const id = option.id?.trim();
   return id ? id : `__option-${index}`;
 }
-var OptionRadio = ({ selected }) => /* @__PURE__ */ jsx10(
+var OptionRadio = ({ selected }) => /* @__PURE__ */ jsx11(
   "span",
   {
     className: cn(
@@ -1892,7 +1907,7 @@ var OptionRadio = ({ selected }) => /* @__PURE__ */ jsx10(
       selected ? "border-foreground bg-foreground text-background" : "border-border bg-background"
     ),
     "aria-hidden": true,
-    children: selected ? /* @__PURE__ */ jsx10(CheckIcon, { className: "size-2.5 stroke-[3]" }) : null
+    children: selected ? /* @__PURE__ */ jsx11(CheckIcon, { className: "size-2.5 stroke-[3]" }) : null
   }
 );
 var QuestionArtifactView = ({
@@ -1931,9 +1946,9 @@ var QuestionArtifactView = ({
   const onConfirm = useCallback2(() => {
     send(selected);
   }, [selected, send]);
-  return /* @__PURE__ */ jsx10("div", { className: studioArtifactShellClass, "data-artifact-kind": "question", children: /* @__PURE__ */ jsxs8("div", { className: "px-2.5 py-2", children: [
-    artifact.prompt ? /* @__PURE__ */ jsx10("p", { className: "mb-2 text-sm font-normal leading-snug text-foreground", children: artifact.prompt }) : null,
-    /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-0.5", role: "list", children: artifact.options.map((option, index) => {
+  return /* @__PURE__ */ jsx11("div", { className: studioArtifactShellClass, "data-artifact-kind": "question", children: /* @__PURE__ */ jsxs8("div", { className: "px-2.5 py-2", children: [
+    artifact.prompt ? /* @__PURE__ */ jsx11("p", { className: "mb-2 text-sm font-normal leading-snug text-foreground", children: artifact.prompt }) : null,
+    /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-0.5", role: "list", children: artifact.options.map((option, index) => {
       const key = optionKey(option, index);
       const isSelected = submittedIds ? submittedIds.includes(key) : isMulti && selected.includes(key);
       return /* @__PURE__ */ jsxs8(
@@ -1948,17 +1963,17 @@ var QuestionArtifactView = ({
             isDisabled && (isSelected ? "cursor-default" : "cursor-not-allowed opacity-50")
           ),
           children: [
-            /* @__PURE__ */ jsx10(OptionRadio, { selected: isSelected }),
+            /* @__PURE__ */ jsx11(OptionRadio, { selected: isSelected }),
             /* @__PURE__ */ jsxs8("span", { className: "min-w-0 flex-1 text-left", children: [
-              /* @__PURE__ */ jsx10("span", { className: "block font-normal text-foreground", children: option.label }),
-              option.description ? /* @__PURE__ */ jsx10("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: option.description }) : null
+              /* @__PURE__ */ jsx11("span", { className: "block font-normal text-foreground", children: option.label }),
+              option.description ? /* @__PURE__ */ jsx11("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: option.description }) : null
             ] })
           ]
         },
         key
       );
     }) }),
-    isMulti && !submittedIds ? /* @__PURE__ */ jsx10("div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ jsx10(
+    isMulti && !submittedIds ? /* @__PURE__ */ jsx11("div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ jsx11(
       TimbalV2Button,
       {
         type: "button",
@@ -1973,12 +1988,12 @@ var QuestionArtifactView = ({
 };
 
 // src/artifacts/html-artifact.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var HtmlArtifactView = ({ artifact }) => {
   const sandboxed = artifact.sandboxed !== false;
   const sandbox = sandboxed ? "allow-scripts allow-same-origin allow-forms allow-modals allow-popups allow-pointer-lock" : void 0;
   const height = artifact.height ?? "320px";
-  return /* @__PURE__ */ jsx11(ArtifactCard, { title: artifact.title, kind: "html", children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(ArtifactCard, { title: artifact.title, kind: "html", children: /* @__PURE__ */ jsx12(
     "iframe",
     {
       title: artifact.title ?? "HTML artifact",
@@ -1991,7 +2006,7 @@ var HtmlArtifactView = ({ artifact }) => {
 };
 
 // src/artifacts/json-artifact.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var JsonArtifactView = ({
   artifact
 }) => {
@@ -2003,16 +2018,16 @@ var JsonArtifactView = ({
   } catch {
     body = String(data);
   }
-  return /* @__PURE__ */ jsx12(ArtifactCard, { title, kind: "json", children: /* @__PURE__ */ jsx12("pre", { className: "aui-artifact-json m-0 max-h-[420px] overflow-auto p-3 font-mono text-[12px] leading-relaxed text-foreground/85", children: body }) });
+  return /* @__PURE__ */ jsx13(ArtifactCard, { title, kind: "json", children: /* @__PURE__ */ jsx13("pre", { className: "aui-artifact-json m-0 max-h-[420px] overflow-auto p-3 font-mono text-[12px] leading-relaxed text-foreground/85", children: body }) });
 };
 
 // src/artifacts/table-artifact.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var TableArtifactView = ({ artifact }) => {
   const rows = artifact.rows ?? [];
   const columns = artifact.columns ?? deriveColumns(rows);
-  return /* @__PURE__ */ jsx13(ArtifactCard, { title: artifact.title, kind: "table", children: /* @__PURE__ */ jsx13("div", { className: "aui-artifact-table-wrap overflow-x-auto", children: /* @__PURE__ */ jsxs9("table", { className: "aui-artifact-table w-full border-collapse text-sm", children: [
-    /* @__PURE__ */ jsx13("thead", { children: /* @__PURE__ */ jsx13("tr", { className: "border-b border-border/40 bg-muted/20", children: columns.map((col) => /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(ArtifactCard, { title: artifact.title, kind: "table", children: /* @__PURE__ */ jsx14("div", { className: "aui-artifact-table-wrap overflow-x-auto", children: /* @__PURE__ */ jsxs9("table", { className: "aui-artifact-table w-full border-collapse text-sm", children: [
+    /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsx14("tr", { className: "border-b border-border/40 bg-muted/20", children: columns.map((col) => /* @__PURE__ */ jsx14(
       "th",
       {
         className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground",
@@ -2020,11 +2035,11 @@ var TableArtifactView = ({ artifact }) => {
       },
       col.key
     )) }) }),
-    /* @__PURE__ */ jsx13("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx14(
       "tr",
       {
         className: "border-b border-border/30 transition-colors last:border-b-0 hover:bg-muted/20",
-        children: columns.map((col) => /* @__PURE__ */ jsx13(
+        children: columns.map((col) => /* @__PURE__ */ jsx14(
           "td",
           {
             className: "px-3 py-2 align-top text-foreground/85",
@@ -2111,31 +2126,31 @@ function resolveBindable(value, state) {
 
 // src/artifacts/ui/registry.tsx
 import {
-  createContext as createContext2,
-  useContext as useContext2
+  createContext as createContext3,
+  useContext as useContext3
 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var UiStateContext = createContext2({});
-var UiDispatchContext = createContext2(() => {
+import { jsx as jsx15 } from "react/jsx-runtime";
+var UiStateContext = createContext3({});
+var UiDispatchContext = createContext3(() => {
 });
-var UiStateProvider = ({ state, dispatch, children }) => /* @__PURE__ */ jsx14(UiStateContext.Provider, { value: state, children: /* @__PURE__ */ jsx14(UiDispatchContext.Provider, { value: dispatch, children }) });
+var UiStateProvider = ({ state, dispatch, children }) => /* @__PURE__ */ jsx15(UiStateContext.Provider, { value: state, children: /* @__PURE__ */ jsx15(UiDispatchContext.Provider, { value: dispatch, children }) });
 function useUiState() {
-  return useContext2(UiStateContext);
+  return useContext3(UiStateContext);
 }
 function useUiDispatch() {
-  return useContext2(UiDispatchContext);
+  return useContext3(UiDispatchContext);
 }
-var UiEventContext = createContext2(
+var UiEventContext = createContext3(
   null
 );
-var UiEventProvider = ({ onEvent, children }) => /* @__PURE__ */ jsx14(UiEventContext.Provider, { value: onEvent, children });
+var UiEventProvider = ({ onEvent, children }) => /* @__PURE__ */ jsx15(UiEventContext.Provider, { value: onEvent, children });
 function useUiEventEmitter() {
-  return useContext2(UiEventContext);
+  return useContext3(UiEventContext);
 }
-var UiCustomNodeRegistryContext = createContext2({});
-var UiCustomNodeRegistryProvider = ({ renderers, children }) => /* @__PURE__ */ jsx14(UiCustomNodeRegistryContext.Provider, { value: renderers, children });
+var UiCustomNodeRegistryContext = createContext3({});
+var UiCustomNodeRegistryProvider = ({ renderers, children }) => /* @__PURE__ */ jsx15(UiCustomNodeRegistryContext.Provider, { value: renderers, children });
 function useUiCustomNodeRegistry() {
-  return useContext2(UiCustomNodeRegistryContext);
+  return useContext3(UiCustomNodeRegistryContext);
 }
 
 // src/artifacts/ui/nodes.tsx
@@ -2146,7 +2161,7 @@ import { useThreadRuntime as useThreadRuntime2 } from "@assistant-ui/react";
 // src/ui/button.tsx
 import { cva } from "class-variance-authority";
 import { Slot as Slot2 } from "radix-ui";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/30 aria-invalid:border-destructive",
   {
@@ -2184,7 +2199,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot2.Root : "button";
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Comp,
     {
       "data-slot": "button",
@@ -2197,29 +2212,29 @@ function Button({
 }
 
 // src/artifacts/ui/nodes.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var UiNodeView = ({ node }) => {
   switch (node.kind) {
     case "box":
-      return /* @__PURE__ */ jsx16(BoxNode, { node });
+      return /* @__PURE__ */ jsx17(BoxNode, { node });
     case "text":
-      return /* @__PURE__ */ jsx16(TextNode, { node });
+      return /* @__PURE__ */ jsx17(TextNode, { node });
     case "heading":
-      return /* @__PURE__ */ jsx16(HeadingNode, { node });
+      return /* @__PURE__ */ jsx17(HeadingNode, { node });
     case "badge":
-      return /* @__PURE__ */ jsx16(BadgeNode, { node });
+      return /* @__PURE__ */ jsx17(BadgeNode, { node });
     case "button":
-      return /* @__PURE__ */ jsx16(ButtonNode, { node });
+      return /* @__PURE__ */ jsx17(ButtonNode, { node });
     case "toggle":
-      return /* @__PURE__ */ jsx16(ToggleNode, { node });
+      return /* @__PURE__ */ jsx17(ToggleNode, { node });
     case "slider":
-      return /* @__PURE__ */ jsx16(SliderNode, { node });
+      return /* @__PURE__ */ jsx17(SliderNode, { node });
     case "tooltip":
-      return /* @__PURE__ */ jsx16(TooltipNode, { node });
+      return /* @__PURE__ */ jsx17(TooltipNode, { node });
     case "draggable":
-      return /* @__PURE__ */ jsx16(DraggableNode, { node });
+      return /* @__PURE__ */ jsx17(DraggableNode, { node });
     case "custom":
-      return /* @__PURE__ */ jsx16(CustomNode, { node });
+      return /* @__PURE__ */ jsx17(CustomNode, { node });
     default:
       return null;
   }
@@ -2279,7 +2294,7 @@ var JUSTIFY_CLS = {
 };
 var BoxNode = ({ node }) => {
   const dir = node.direction ?? "col";
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: cn(
@@ -2294,7 +2309,7 @@ var BoxNode = ({ node }) => {
         gap: node.gap !== void 0 ? `${node.gap * 0.25}rem` : void 0,
         padding: node.padding !== void 0 ? `${node.padding * 0.25}rem` : void 0
       },
-      children: node.children?.map((child, i) => /* @__PURE__ */ jsx16(UiNodeView, { node: child }, child.id ?? i))
+      children: node.children?.map((child, i) => /* @__PURE__ */ jsx17(UiNodeView, { node: child }, child.id ?? i))
     }
   );
 };
@@ -2313,7 +2328,7 @@ var TEXT_WEIGHT = {
 var TextNode = ({ node }) => {
   const state = useUiState();
   const value = resolveBindable(node.value, state);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(
@@ -2344,13 +2359,13 @@ var HeadingNode = ({ node }) => {
   );
   switch (level) {
     case 1:
-      return /* @__PURE__ */ jsx16("h1", { className: cls, children: value });
+      return /* @__PURE__ */ jsx17("h1", { className: cls, children: value });
     case 2:
-      return /* @__PURE__ */ jsx16("h2", { className: cls, children: value });
+      return /* @__PURE__ */ jsx17("h2", { className: cls, children: value });
     case 3:
-      return /* @__PURE__ */ jsx16("h3", { className: cls, children: value });
+      return /* @__PURE__ */ jsx17("h3", { className: cls, children: value });
     case 4:
-      return /* @__PURE__ */ jsx16("h4", { className: cls, children: value });
+      return /* @__PURE__ */ jsx17("h4", { className: cls, children: value });
   }
 };
 var BADGE_TONE = {
@@ -2363,7 +2378,7 @@ var BADGE_TONE = {
 var BadgeNode = ({ node }) => {
   const state = useUiState();
   const value = String(resolveBindable(node.value, state) ?? "");
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(
@@ -2380,7 +2395,7 @@ var ButtonNode = ({ node }) => {
   const run = useActionRunner();
   const label = String(resolveBindable(node.label, state) ?? "");
   const disabled = node.disabled !== void 0 ? Boolean(resolveBindable(node.disabled, state)) : false;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Button,
     {
       variant: node.variant ?? "default",
@@ -2410,7 +2425,7 @@ var ToggleNode = ({ node }) => {
         node.className
       ),
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
@@ -2421,7 +2436,7 @@ var ToggleNode = ({ node }) => {
               "relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors",
               value ? "border-primary bg-primary" : "border-border bg-muted hover:bg-muted/80"
             ),
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               "span",
               {
                 className: cn(
@@ -2433,7 +2448,7 @@ var ToggleNode = ({ node }) => {
             )
           }
         ),
-        label && /* @__PURE__ */ jsx16("span", { className: "text-foreground/85", children: label })
+        label && /* @__PURE__ */ jsx17("span", { className: "text-foreground/85", children: label })
       ]
     }
   );
@@ -2455,10 +2470,10 @@ var SliderNode = ({ node }) => {
   };
   return /* @__PURE__ */ jsxs10("div", { className: cn("aui-ui-slider flex flex-col gap-1", node.className), children: [
     (label || showValue) && /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-      label && /* @__PURE__ */ jsx16("span", { children: label }),
-      showValue && /* @__PURE__ */ jsx16("span", { className: "font-mono", children: value })
+      label && /* @__PURE__ */ jsx17("span", { children: label }),
+      showValue && /* @__PURE__ */ jsx17("span", { className: "font-mono", children: value })
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "input",
       {
         type: "range",
@@ -2480,9 +2495,9 @@ var SliderNode = ({ node }) => {
 var TooltipNode = ({ node }) => {
   const state = useUiState();
   const content = String(resolveBindable(node.content, state) ?? "");
-  return /* @__PURE__ */ jsx16(TooltipProvider, { children: /* @__PURE__ */ jsxs10(Tooltip, { children: [
-    /* @__PURE__ */ jsx16(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx16("span", { className: cn("aui-ui-tooltip-trigger inline-flex", node.className), children: /* @__PURE__ */ jsx16(UiNodeView, { node: node.child }) }) }),
-    /* @__PURE__ */ jsx16(TooltipContent, { side: node.side ?? "top", children: content })
+  return /* @__PURE__ */ jsx17(TooltipProvider, { children: /* @__PURE__ */ jsxs10(Tooltip, { children: [
+    /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx17("span", { className: cn("aui-ui-tooltip-trigger inline-flex", node.className), children: /* @__PURE__ */ jsx17(UiNodeView, { node: node.child }) }) }),
+    /* @__PURE__ */ jsx17(TooltipContent, { side: node.side ?? "top", children: content })
   ] }) });
 };
 var DraggableNode = ({ node }) => {
@@ -2490,7 +2505,7 @@ var DraggableNode = ({ node }) => {
   const snapBack = node.snapBack ?? true;
   const axis = node.axis ?? "both";
   const dragProp = axis === "both" ? true : axis;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     motion.div,
     {
       drag: dragProp,
@@ -2502,7 +2517,7 @@ var DraggableNode = ({ node }) => {
         "aui-ui-draggable inline-block cursor-grab touch-none",
         node.className
       ),
-      children: /* @__PURE__ */ jsx16(UiNodeView, { node: node.child })
+      children: /* @__PURE__ */ jsx17(UiNodeView, { node: node.child })
     }
   );
 };
@@ -2512,8 +2527,8 @@ var CustomNode = ({ node }) => {
   const Renderer = registry[node.name];
   if (!Renderer) return null;
   const resolvedProps = resolveProps(node.props ?? {}, state);
-  const children = node.children?.map((child, i) => /* @__PURE__ */ jsx16(UiNodeView, { node: child }, child.id ?? i));
-  return /* @__PURE__ */ jsx16(Renderer, { props: resolvedProps, children });
+  const children = node.children?.map((child, i) => /* @__PURE__ */ jsx17(UiNodeView, { node: child }, child.id ?? i));
+  return /* @__PURE__ */ jsx17(Renderer, { props: resolvedProps, children });
 };
 function resolveProps(props, state) {
   const out = {};
@@ -2524,17 +2539,17 @@ function resolveProps(props, state) {
 }
 
 // src/artifacts/ui/ui-artifact.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var UiArtifactView = ({ artifact }) => {
   const [state, dispatch] = useReducer(
     uiStateReducer,
     artifact.initialState ?? {}
   );
-  return /* @__PURE__ */ jsx17(ArtifactCard, { title: artifact.title, kind: "ui", children: /* @__PURE__ */ jsx17(UiStateProvider, { state, dispatch, children: /* @__PURE__ */ jsx17("div", { className: "aui-ui-root p-3", children: /* @__PURE__ */ jsx17(UiNodeView, { node: artifact.root }) }) }) });
+  return /* @__PURE__ */ jsx18(ArtifactCard, { title: artifact.title, kind: "ui", children: /* @__PURE__ */ jsx18(UiStateProvider, { state, dispatch, children: /* @__PURE__ */ jsx18("div", { className: "aui-ui-root p-3", children: /* @__PURE__ */ jsx18(UiNodeView, { node: artifact.root }) }) }) });
 };
 
 // src/artifacts/registry.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var defaultArtifactRenderers = {
   chart: ChartArtifactView,
   question: QuestionArtifactView,
@@ -2543,7 +2558,7 @@ var defaultArtifactRenderers = {
   table: TableArtifactView,
   ui: UiArtifactView
 };
-var ArtifactRegistryContext = createContext3(
+var ArtifactRegistryContext = createContext4(
   defaultArtifactRenderers
 );
 var ArtifactRegistryProvider = ({ renderers, override, children }) => {
@@ -2552,16 +2567,16 @@ var ArtifactRegistryProvider = ({ renderers, override, children }) => {
     if (override) return renderers;
     return { ...defaultArtifactRenderers, ...renderers };
   }, [renderers, override]);
-  return /* @__PURE__ */ jsx18(ArtifactRegistryContext.Provider, { value: merged, children });
+  return /* @__PURE__ */ jsx19(ArtifactRegistryContext.Provider, { value: merged, children });
 };
 function useArtifactRegistry() {
-  return useContext3(ArtifactRegistryContext);
+  return useContext4(ArtifactRegistryContext);
 }
 var ArtifactView = ({ artifact }) => {
   const registry = useArtifactRegistry();
   const Renderer = registry[artifact.type] ?? registry.json;
   if (!Renderer) return null;
-  return /* @__PURE__ */ jsx18(Renderer, { artifact });
+  return /* @__PURE__ */ jsx19(Renderer, { artifact });
 };
 
 // src/artifacts/parse.ts
@@ -2677,7 +2692,7 @@ import langC from "shiki/langs/c.mjs";
 import langCpp from "shiki/langs/cpp.mjs";
 import themeVitesseDark from "shiki/themes/vitesse-dark.mjs";
 import themeVitesseLight from "shiki/themes/vitesse-light.mjs";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var SHIKI_THEME_DARK = "vitesse-dark";
 var SHIKI_THEME_LIGHT = "vitesse-light";
 var highlighterPromise = null;
@@ -2746,13 +2761,13 @@ var ShikiSyntaxHighlighter = ({
     try {
       const parsed = JSON.parse(code);
       if (isArtifact(parsed)) {
-        return /* @__PURE__ */ jsx19(ArtifactView, { artifact: parsed });
+        return /* @__PURE__ */ jsx20(ArtifactView, { artifact: parsed });
       }
     } catch {
     }
   }
   if (html) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "div",
       {
         className: "shiki-wrapper [&>pre]:!m-0 [&>pre]:!rounded-t-none [&>pre]:!rounded-b-lg [&>pre]:!border [&>pre]:!border-t-0 [&>pre]:!border-border/50 [&>pre]:!p-3 [&>pre]:!text-xs [&>pre]:!leading-relaxed [&>pre]:overflow-x-auto",
@@ -2760,14 +2775,14 @@ var ShikiSyntaxHighlighter = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx19(Pre, { children: /* @__PURE__ */ jsx19(Code2, { children: code }) });
+  return /* @__PURE__ */ jsx20(Pre, { children: /* @__PURE__ */ jsx20(Code2, { children: code }) });
 };
 var syntax_highlighter_default = ShikiSyntaxHighlighter;
 
 // src/components/markdown-text.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var MarkdownTextImpl = () => {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     MarkdownTextPrimitive,
     {
       remarkPlugins: [remarkGfm, remarkMath],
@@ -2790,7 +2805,7 @@ var CodeHeader = ({ language, code }) => {
   };
   return /* @__PURE__ */ jsxs11("div", { className: "aui-code-header flex items-center justify-between rounded-t-lg border border-b-0 border-border/50 bg-code-header-bg px-4 py-2", children: [
     /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2 text-xs font-semibold tracking-wide text-muted-foreground/80 uppercase", children: [
-      /* @__PURE__ */ jsx20("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40" }),
+      /* @__PURE__ */ jsx21("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40" }),
       language
     ] }),
     /* @__PURE__ */ jsxs11(
@@ -2800,8 +2815,8 @@ var CodeHeader = ({ language, code }) => {
         onClick: onCopy,
         className: "transition-colors hover:text-foreground",
         children: [
-          !isCopied && /* @__PURE__ */ jsx20(CopyIcon, { className: "h-3.5 w-3.5" }),
-          isCopied && /* @__PURE__ */ jsx20(CheckIcon2, { className: "h-3.5 w-3.5 text-emerald-500" })
+          !isCopied && /* @__PURE__ */ jsx21(CopyIcon, { className: "h-3.5 w-3.5" }),
+          isCopied && /* @__PURE__ */ jsx21(CheckIcon2, { className: "h-3.5 w-3.5 text-emerald-500" })
         ]
       }
     )
@@ -2821,7 +2836,7 @@ var useCopyToClipboard = ({
   return { isCopied, copyToClipboard };
 };
 var defaultComponents = memoizeMarkdownComponents({
-  h1: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h1: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h1",
     {
       className: cn(
@@ -2831,7 +2846,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  h2: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h2: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h2",
     {
       className: cn(
@@ -2841,7 +2856,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  h3: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h3: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h3",
     {
       className: cn(
@@ -2851,7 +2866,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  h4: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h4: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h4",
     {
       className: cn(
@@ -2861,7 +2876,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  h5: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h5: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h5",
     {
       className: cn(
@@ -2871,7 +2886,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  h6: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  h6: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "h6",
     {
       className: cn(
@@ -2881,7 +2896,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  p: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  p: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "p",
     {
       className: cn(
@@ -2891,7 +2906,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  a: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  a: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "a",
     {
       className: cn(
@@ -2903,7 +2918,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "blockquote",
     {
       className: cn(
@@ -2913,7 +2928,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  ul: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  ul: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "ul",
     {
       className: cn(
@@ -2923,7 +2938,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  ol: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  ol: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "ol",
     {
       className: cn(
@@ -2933,7 +2948,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  hr: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  hr: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "hr",
     {
       className: cn(
@@ -2943,14 +2958,14 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  table: ({ className, ...props }) => /* @__PURE__ */ jsx20("div", { className: "my-4 w-full overflow-x-auto rounded-lg border border-border/50", children: /* @__PURE__ */ jsx20(
+  table: ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: "my-4 w-full overflow-x-auto rounded-lg border border-border/50", children: /* @__PURE__ */ jsx21(
     "table",
     {
       className: cn("aui-md-table w-full border-collapse text-sm", className),
       ...props
     }
   ) }),
-  th: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  th: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "th",
     {
       className: cn(
@@ -2960,7 +2975,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  td: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  td: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "td",
     {
       className: cn(
@@ -2970,7 +2985,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  tr: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  tr: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "tr",
     {
       className: cn(
@@ -2980,8 +2995,8 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  li: ({ className, ...props }) => /* @__PURE__ */ jsx20("li", { className: cn("aui-md-li leading-[1.7]", className), ...props }),
-  sup: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  li: ({ className, ...props }) => /* @__PURE__ */ jsx21("li", { className: cn("aui-md-li leading-[1.7]", className), ...props }),
+  sup: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "sup",
     {
       className: cn(
@@ -2991,7 +3006,7 @@ var defaultComponents = memoizeMarkdownComponents({
       ...props
     }
   ),
-  pre: ({ className, ...props }) => /* @__PURE__ */ jsx20(
+  pre: ({ className, ...props }) => /* @__PURE__ */ jsx21(
     "pre",
     {
       className: cn(
@@ -3003,7 +3018,7 @@ var defaultComponents = memoizeMarkdownComponents({
   ),
   code: function Code({ className, ...props }) {
     const isCodeBlock = useIsMarkdownCodeBlock();
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "code",
       {
         className: cn(
@@ -3014,8 +3029,8 @@ var defaultComponents = memoizeMarkdownComponents({
       }
     );
   },
-  strong: ({ className, ...props }) => /* @__PURE__ */ jsx20("strong", { className: cn("font-semibold text-foreground", className), ...props }),
-  em: ({ className, ...props }) => /* @__PURE__ */ jsx20("em", { className: cn("italic", className), ...props }),
+  strong: ({ className, ...props }) => /* @__PURE__ */ jsx21("strong", { className: cn("font-semibold text-foreground", className), ...props }),
+  em: ({ className, ...props }) => /* @__PURE__ */ jsx21("em", { className: cn("italic", className), ...props }),
   CodeHeader
 });
 
@@ -3032,7 +3047,7 @@ import {
   memo as memo2,
   useMemo as useMemo4
 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ShimmerComponent = ({
   children,
   as: Component = "p",
@@ -3047,7 +3062,7 @@ var ShimmerComponent = ({
     () => (children?.length ?? 0) * spread,
     [children, spread]
   );
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     MotionComponent,
     {
       animate: { backgroundPosition: "0% center" },
@@ -3074,7 +3089,7 @@ var Shimmer = memo2(ShimmerComponent);
 
 // src/components/motion.tsx
 import { AnimatePresence, motion as motion3, useReducedMotion } from "motion/react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var luxuryEase = [0.16, 1, 0.3, 1];
 var TOOL_ENTER_MS = 0.78;
 var TOOL_EXIT_MS = 0.28;
@@ -3102,7 +3117,7 @@ function toolMotionState(reduced, entering, variant) {
 function ToolMotion({ children, className, motionKey }) {
   const reduced = useReducedMotion() ?? false;
   const { enter, exit } = toolPresenceTransition(reduced);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     motion3.div,
     {
       className: cn("aui-tool-motion w-full min-w-0", className),
@@ -3125,7 +3140,7 @@ function ToolPresence({
   const reduced = useReducedMotion() ?? false;
   const { enter, exit } = toolPresenceTransition(reduced);
   const enterTransition = variant === "executing" ? { duration: reduced ? 0.3 : 0.52, ease: luxuryEase } : enter;
-  return /* @__PURE__ */ jsx22(AnimatePresence, { mode: "wait", initial: true, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(AnimatePresence, { mode: "wait", initial: true, children: /* @__PURE__ */ jsx23(
     motion3.div,
     {
       className: cn("aui-tool-presence w-full min-w-0", className),
@@ -3147,7 +3162,7 @@ function ToolBodyPresence({
   className
 }) {
   const reduced = useReducedMotion() ?? false;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: cn(
@@ -3155,7 +3170,7 @@ function ToolBodyPresence({
         open ? reduced ? "duration-200 ease-out" : "duration-[340ms] ease-[cubic-bezier(0.16,1,0.3,1)]" : reduced ? "duration-150 ease-[cubic-bezier(0.4,0,0.2,1)]" : "duration-200 ease-[cubic-bezier(0.4,0,0.2,1)]"
       ),
       style: { gridTemplateRows: open ? "1fr" : "0fr" },
-      children: /* @__PURE__ */ jsx22("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx23("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx23(
         "div",
         {
           className: cn(
@@ -3171,7 +3186,7 @@ function ToolBodyPresence({
 }
 
 // src/components/tool-fallback.tsx
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 function detectRunning({
   status,
   result,
@@ -3204,7 +3219,7 @@ function formatToolResult(result) {
   }
 }
 var TimelineActionLabel = ({ action, detail, shimmer = false }) => /* @__PURE__ */ jsxs12("span", { className: "inline-flex min-w-0 max-w-full items-baseline gap-1", children: [
-  action ? shimmer ? /* @__PURE__ */ jsx23(
+  action ? shimmer ? /* @__PURE__ */ jsx24(
     Shimmer,
     {
       as: "span",
@@ -3213,10 +3228,10 @@ var TimelineActionLabel = ({ action, detail, shimmer = false }) => /* @__PURE__
       spread: 2.5,
       children: action
     }
-  ) : /* @__PURE__ */ jsx23("span", { className: studioTimelineActionClass, children: action }) : null,
-  detail ? /* @__PURE__ */ jsx23("span", { className: studioTimelineDetailClass, children: detail }) : null
+  ) : /* @__PURE__ */ jsx24("span", { className: studioTimelineActionClass, children: action }) : null,
+  detail ? /* @__PURE__ */ jsx24("span", { className: studioTimelineDetailClass, children: detail }) : null
 ] });
-var TimelineHoverChevron = ({ expanded }) => /* @__PURE__ */ jsx23(
+var TimelineHoverChevron = ({ expanded }) => /* @__PURE__ */ jsx24(
   ChevronRightIcon,
   {
     className: studioTimelineChevronClass(expanded),
@@ -3241,10 +3256,10 @@ var ToolPanel = ({ toolName, argsText, result, isError }) => {
   const hasBody = Boolean(formattedArgs || formattedResult);
   const action = isError ? "Failed" : "Used";
   if (!hasBody) {
-    return /* @__PURE__ */ jsx23("div", { className: "aui-tool-row w-full min-w-0", children: /* @__PURE__ */ jsx23(TimelineActionLabel, { action, detail }) });
+    return /* @__PURE__ */ jsx24("div", { className: "aui-tool-row w-full min-w-0", children: /* @__PURE__ */ jsx24(TimelineActionLabel, { action, detail }) });
   }
   return /* @__PURE__ */ jsxs12("div", { className: "aui-tool-row w-full min-w-0", children: [
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       "button",
       {
         type: "button",
@@ -3261,8 +3276,8 @@ var ToolPanel = ({ toolName, argsText, result, isError }) => {
               "text-foreground"
             ),
             children: [
-              /* @__PURE__ */ jsx23(TimelineActionLabel, { action, detail }),
-              /* @__PURE__ */ jsx23(TimelineHoverChevron, { expanded: open })
+              /* @__PURE__ */ jsx24(TimelineActionLabel, { action, detail }),
+              /* @__PURE__ */ jsx24(TimelineHoverChevron, { expanded: open })
             ]
           }
         )
@@ -3274,24 +3289,24 @@ var ToolPanel = ({ toolName, argsText, result, isError }) => {
         open,
         className: cn(studioTimelineBodyPadClass, "gap-2"),
         children: [
-          formattedArgs ? /* @__PURE__ */ jsx23(
+          formattedArgs ? /* @__PURE__ */ jsx24(
             "div",
             {
               className: cn(
                 studioComposerIoWellClass,
                 "max-h-48 overflow-auto px-2.5 py-2"
               ),
-              children: /* @__PURE__ */ jsx23("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] font-normal leading-relaxed text-foreground", children: formattedArgs })
+              children: /* @__PURE__ */ jsx24("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] font-normal leading-relaxed text-foreground", children: formattedArgs })
             }
           ) : null,
-          formattedResult ? /* @__PURE__ */ jsx23(
+          formattedResult ? /* @__PURE__ */ jsx24(
             "div",
             {
               className: cn(
                 studioComposerIoWellClass,
                 "max-h-48 overflow-auto px-2.5 py-2"
               ),
-              children: /* @__PURE__ */ jsx23("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] font-normal leading-relaxed text-foreground", children: formattedResult })
+              children: /* @__PURE__ */ jsx24("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] font-normal leading-relaxed text-foreground", children: formattedResult })
             }
           ) : null
         ]
@@ -3308,20 +3323,20 @@ var ToolFallbackImpl = ({
   const isRunning = useToolRunning({ status, result });
   const isError = status?.type === "incomplete" && status.reason !== "cancelled";
   const presenceKey = isRunning ? "running" : isError ? "error" : "complete";
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ToolPresence,
     {
       presenceKey,
       variant: isRunning ? "executing" : "settled",
       className: "py-0.5",
-      children: isRunning ? /* @__PURE__ */ jsx23("div", { className: "aui-tool-running", children: /* @__PURE__ */ jsx23(
+      children: isRunning ? /* @__PURE__ */ jsx24("div", { className: "aui-tool-running", children: /* @__PURE__ */ jsx24(
         TimelineActionLabel,
         {
           action: "Using",
           detail: formatToolLabel(toolName),
           shimmer: true
         }
-      ) }) : /* @__PURE__ */ jsx23(
+      ) }) : /* @__PURE__ */ jsx24(
         ToolPanel,
         {
           toolName,
@@ -3339,7 +3354,7 @@ var ToolFallback = memo3(
 ToolFallback.displayName = "ToolFallback";
 
 // src/artifacts/tool-artifact.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var ToolArtifactFallback = (props) => {
   const registry = useArtifactRegistry();
   const isRunning = useToolRunning({
@@ -3351,18 +3366,18 @@ var ToolArtifactFallback = (props) => {
     if (artifact) {
       const Renderer = registry[artifact.type];
       if (Renderer) {
-        return /* @__PURE__ */ jsx24(
+        return /* @__PURE__ */ jsx25(
           ToolMotion,
           {
             motionKey: `artifact-${artifact.type}`,
             className: "aui-tool-artifact",
-            children: /* @__PURE__ */ jsx24(Renderer, { artifact })
+            children: /* @__PURE__ */ jsx25(Renderer, { artifact })
           }
         );
       }
     }
   }
-  return /* @__PURE__ */ jsx24(ToolFallback, { ...props });
+  return /* @__PURE__ */ jsx25(ToolFallback, { ...props });
 };
 
 // src/components/composer.tsx
@@ -3372,43 +3387,46 @@ import {
   useComposerRuntime
 } from "@assistant-ui/react";
 import { ArrowUpIcon, SquareIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var Composer = ({
   placeholder = "Send a message...",
-  showAttachments = true,
+  showAttachments,
   toolbar,
   sendTooltip = "Send message",
   noAutoFocus,
   className
 }) => {
-  return /* @__PURE__ */ jsx25(
+  const attachmentsEnabled = useTimbalAttachmentsEnabled();
+  const attachUi = showAttachments !== false && attachmentsEnabled;
+  const shell = /* @__PURE__ */ jsxs13(Fragment2, { children: [
+    attachUi && /* @__PURE__ */ jsx26(ComposerAttachments, {}),
+    /* @__PURE__ */ jsx26(ComposerInput, { placeholder, autoFocus: !noAutoFocus }),
+    /* @__PURE__ */ jsx26(
+      ComposerToolbar,
+      {
+        showAttachments: attachUi,
+        toolbar,
+        sendTooltip
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx26(
     ComposerPrimitive2.Root,
     {
       className: cn(
         "aui-composer-root relative flex w-full flex-col",
         className
       ),
-      children: /* @__PURE__ */ jsxs13(
+      children: attachUi ? /* @__PURE__ */ jsx26(
         ComposerPrimitive2.AttachmentDropzone,
         {
           className: cn(
             studioComposeInputShellClass,
             "data-[dragging=true]:border-2 data-[dragging=true]:border-dashed data-[dragging=true]:border-primary data-[dragging=true]:bg-accent/50"
           ),
-          children: [
-            showAttachments && /* @__PURE__ */ jsx25(ComposerAttachments, {}),
-            /* @__PURE__ */ jsx25(ComposerInput, { placeholder, autoFocus: !noAutoFocus }),
-            /* @__PURE__ */ jsx25(
-              ComposerToolbar,
-              {
-                showAttachments,
-                toolbar,
-                sendTooltip
-              }
-            )
-          ]
+          children: shell
         }
-      )
+      ) : /* @__PURE__ */ jsx26("div", { className: studioComposeInputShellClass, children: shell })
     }
   );
 };
@@ -3428,7 +3446,7 @@ var ComposerInput = ({
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 240)}px`;
   };
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ComposerPrimitive2.Input,
     {
       placeholder,
@@ -3444,15 +3462,15 @@ var ComposerInput = ({
 var ComposerToolbar = ({ showAttachments, toolbar, sendTooltip }) => {
   return /* @__PURE__ */ jsxs13("div", { className: "aui-composer-action-wrapper relative z-[1] flex items-center justify-between gap-1 bg-composer-bg px-2.5 pb-2.5", children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
-      showAttachments && /* @__PURE__ */ jsx25(ComposerAddAttachment, {}),
+      showAttachments && /* @__PURE__ */ jsx26(ComposerAddAttachment, {}),
       toolbar
     ] }),
-    /* @__PURE__ */ jsx25(ComposerSendOrCancel, { sendTooltip })
+    /* @__PURE__ */ jsx26(ComposerSendOrCancel, { sendTooltip })
   ] });
 };
 var ComposerSendOrCancel = ({ sendTooltip }) => {
   return /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    /* @__PURE__ */ jsx25(AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ jsx25(ComposerPrimitive2.Send, { asChild: true, children: /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ jsx26(ComposerPrimitive2.Send, { asChild: true, children: /* @__PURE__ */ jsx26(
       TooltipIconButton,
       {
         tooltip: sendTooltip,
@@ -3460,17 +3478,17 @@ var ComposerSendOrCancel = ({ sendTooltip }) => {
         type: "submit",
         className: "aui-composer-send shrink-0 disabled:opacity-30",
         "aria-label": "Send message",
-        children: /* @__PURE__ */ jsx25(ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+        children: /* @__PURE__ */ jsx26(ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
       }
     ) }) }),
-    /* @__PURE__ */ jsx25(AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ jsx25(ComposerPrimitive2.Cancel, { asChild: true, children: /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ jsx26(ComposerPrimitive2.Cancel, { asChild: true, children: /* @__PURE__ */ jsx26(
       TooltipIconButton,
       {
         tooltip: "Stop generating",
         variant: "primary",
         className: "aui-composer-cancel shrink-0",
         "aria-label": "Stop generating",
-        children: /* @__PURE__ */ jsx25(SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+        children: /* @__PURE__ */ jsx26(SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
       }
     ) }) })
   ] });
@@ -3484,14 +3502,14 @@ import {
 } from "react";
 import { useThreadRuntime as useThreadRuntime3 } from "@assistant-ui/react";
 import { ArrowUpIcon as ArrowUpIcon2 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var Suggestions = ({
   suggestions,
   className
 }) => {
   const items = useResolvedSuggestions(suggestions);
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       className: cn(
@@ -3500,7 +3518,7 @@ var Suggestions = ({
       ),
       role: "list",
       "aria-label": "Suggested prompts",
-      children: items.map((suggestion, i) => /* @__PURE__ */ jsx26(SuggestionRow, { suggestion }, (suggestion.prompt ?? suggestion.title) + i))
+      children: items.map((suggestion, i) => /* @__PURE__ */ jsx27(SuggestionRow, { suggestion }, (suggestion.prompt ?? suggestion.title) + i))
     }
   );
 };
@@ -3518,10 +3536,10 @@ var SuggestionRow = ({ suggestion }) => {
       onClick,
       className: cn("aui-thread-suggestion", studioListRowButtonClass),
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "aui-thread-suggestion-icon shrink-0 text-muted-foreground", children: suggestion.icon ?? /* @__PURE__ */ jsx26(ArrowUpIcon2, { className: "size-4", strokeWidth: 1.75, "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx27("span", { className: "aui-thread-suggestion-icon shrink-0 text-muted-foreground", children: suggestion.icon ?? /* @__PURE__ */ jsx27(ArrowUpIcon2, { className: "size-4", strokeWidth: 1.75, "aria-hidden": true }) }),
         /* @__PURE__ */ jsxs14("span", { className: "aui-thread-suggestion-text min-w-0 flex-1 text-left", children: [
-          /* @__PURE__ */ jsx26("span", { className: "aui-thread-suggestion-text-1 block truncate text-sm font-normal text-foreground", children: suggestion.title }),
-          suggestion.description && /* @__PURE__ */ jsx26("span", { className: "aui-thread-suggestion-text-2 mt-0.5 block truncate text-xs text-muted-foreground", children: suggestion.description })
+          /* @__PURE__ */ jsx27("span", { className: "aui-thread-suggestion-text-1 block truncate text-sm font-normal text-foreground", children: suggestion.title }),
+          suggestion.description && /* @__PURE__ */ jsx27("span", { className: "aui-thread-suggestion-text-2 mt-0.5 block truncate text-xs text-muted-foreground", children: suggestion.description })
         ] })
       ]
     }
@@ -3623,7 +3641,7 @@ function scheduleThemeSanityCheck() {
 }
 
 // src/components/thread.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var Thread = ({
   className,
   maxWidth = "44rem",
@@ -3644,17 +3662,17 @@ var Thread = ({
   useEffect5(() => {
     scheduleThemeSanityCheck();
   }, []);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ArtifactRegistryProvider,
     {
       renderers: artifacts?.renderers,
       override: artifacts?.override,
-      children: /* @__PURE__ */ jsx27(UiEventProvider, { onEvent: onArtifactEvent ?? (() => {
-      }), children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx28(UiEventProvider, { onEvent: onArtifactEvent ?? (() => {
+      }), children: /* @__PURE__ */ jsx28(
         ThreadPrimitive.Root,
         {
           className: cn(
-            "aui-root aui-thread-root @container flex h-full flex-col bg-background",
+            "aui-root aui-thread-root @container flex h-full flex-col bg-transparent",
             className
           ),
           style: { ["--thread-max-width"]: maxWidth },
@@ -3664,7 +3682,7 @@ var Thread = ({
               turnAnchor: "bottom",
               className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-pb-4 px-4 pt-4",
               children: [
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   WelcomeSlot,
                   {
                     config: welcome,
@@ -3672,7 +3690,7 @@ var Thread = ({
                     Suggestions: SuggestionsSlot
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   ThreadPrimitive.Messages,
                   {
                     components: {
@@ -3682,9 +3700,9 @@ var Thread = ({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs15(ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 z-10 mx-auto mt-auto flex w-full max-w-(--thread-max-width) isolate flex-col gap-4 bg-background pt-2 pb-4 md:pb-6", children: [
-                  /* @__PURE__ */ jsx27(ScrollToBottomSlot, {}),
-                  /* @__PURE__ */ jsx27(ComposerSlot, { placeholder: composerPlaceholder })
+                /* @__PURE__ */ jsxs15(ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 z-10 mx-auto mt-auto flex w-full max-w-(--thread-max-width) isolate flex-col gap-4 bg-transparent pt-2 pb-4 md:pb-6", children: [
+                  /* @__PURE__ */ jsx28(ScrollToBottomSlot, {}),
+                  /* @__PURE__ */ jsx28(ComposerSlot, { placeholder: composerPlaceholder })
                 ] })
               ]
             }
@@ -3695,13 +3713,13 @@ var Thread = ({
   );
 };
 var ThreadScrollToBottom = () => {
-  return /* @__PURE__ */ jsx27(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx28(
     TooltipIconButton,
     {
       tooltip: "Scroll to bottom",
       variant: "secondary",
       className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center disabled:invisible",
-      children: /* @__PURE__ */ jsx27(ArrowDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx28(ArrowDownIcon, { className: "size-4" })
     }
   ) });
 };
@@ -3736,7 +3754,7 @@ var ThreadWelcome = ({
   const isEmpty = useThread((s) => s.messages.length === 0);
   if (!isEmpty) return null;
   return /* @__PURE__ */ jsxs15("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: [
-    /* @__PURE__ */ jsx27("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsx28("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs15(
       motion4.div,
       {
         className: "aui-thread-welcome-message flex flex-col items-center justify-center px-4 text-center",
@@ -3744,8 +3762,8 @@ var ThreadWelcome = ({
         initial: "initial",
         animate: "animate",
         children: [
-          config?.icon && /* @__PURE__ */ jsx27(motion4.div, { variants: welcomeIcon, className: "mb-5", children: config.icon }),
-          /* @__PURE__ */ jsx27(
+          config?.icon && /* @__PURE__ */ jsx28(motion4.div, { variants: welcomeIcon, className: "mb-5", children: config.icon }),
+          /* @__PURE__ */ jsx28(
             motion4.h1,
             {
               variants: welcomeItem,
@@ -3753,7 +3771,7 @@ var ThreadWelcome = ({
               children: config?.heading ?? "How can I help you today?"
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             motion4.p,
             {
               variants: welcomeItem,
@@ -3764,11 +3782,11 @@ var ThreadWelcome = ({
         ]
       }
     ) }),
-    suggestions && /* @__PURE__ */ jsx27("div", { className: "aui-thread-welcome-suggestions mx-auto w-full max-w-(--thread-max-width) px-2", children: /* @__PURE__ */ jsx27(SuggestionsSlot, { suggestions }) })
+    suggestions && /* @__PURE__ */ jsx28("div", { className: "aui-thread-welcome-suggestions mx-auto w-full max-w-(--thread-max-width) px-2", children: /* @__PURE__ */ jsx28(SuggestionsSlot, { suggestions }) })
   ] });
 };
 var MessageError = () => {
-  return /* @__PURE__ */ jsx27(MessagePrimitive2.Error, { children: /* @__PURE__ */ jsx27(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm", children: /* @__PURE__ */ jsx27(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
+  return /* @__PURE__ */ jsx28(MessagePrimitive2.Error, { children: /* @__PURE__ */ jsx28(ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm", children: /* @__PURE__ */ jsx28(ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
 };
 var AssistantMessage = () => {
   return /* @__PURE__ */ jsxs15(
@@ -3778,7 +3796,7 @@ var AssistantMessage = () => {
       "data-role": "assistant",
       children: [
         /* @__PURE__ */ jsxs15("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             MessagePrimitive2.Parts,
             {
               components: {
@@ -3789,9 +3807,9 @@ var AssistantMessage = () => {
               }
             }
           ),
-          /* @__PURE__ */ jsx27(MessageError, {})
+          /* @__PURE__ */ jsx28(MessageError, {})
         ] }),
-        /* @__PURE__ */ jsx27("div", { className: "aui-assistant-message-footer mt-1 mb-3 ml-1 flex", children: /* @__PURE__ */ jsx27(AssistantActionBar, {}) })
+        /* @__PURE__ */ jsx28("div", { className: "aui-assistant-message-footer mt-1 mb-3 ml-1 flex", children: /* @__PURE__ */ jsx28(AssistantActionBar, {}) })
       ]
     }
   );
@@ -3811,29 +3829,29 @@ var AssistantActionBar = () => {
       autohide: "never",
       className: "aui-assistant-action-bar-root flex items-center gap-0 bg-transparent px-0 py-0.5 text-muted-foreground/60",
       children: [
-        /* @__PURE__ */ jsx27(ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx28(ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxs15(
           TooltipIconButton,
           {
             tooltip: "Copy",
             variant: "ghost",
             className: ASSISTANT_ACTION_ICON_CLASS,
             children: [
-              /* @__PURE__ */ jsx27(AuiIf2, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ jsx27(CheckIcon3, { className: "size-3" }) }),
-              /* @__PURE__ */ jsx27(AuiIf2, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ jsx27(CopyIcon2, { className: "size-3" }) })
+              /* @__PURE__ */ jsx28(AuiIf2, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ jsx28(CheckIcon3, { className: "size-3" }) }),
+              /* @__PURE__ */ jsx28(AuiIf2, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ jsx28(CopyIcon2, { className: "size-3" }) })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx27(ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsx28(
           TooltipIconButton,
           {
             tooltip: "Regenerate",
             variant: "ghost",
             className: ASSISTANT_ACTION_ICON_CLASS,
-            children: /* @__PURE__ */ jsx27(RefreshCwIcon, { className: "size-3" })
+            children: /* @__PURE__ */ jsx28(RefreshCwIcon, { className: "size-3" })
           }
         ) }),
         /* @__PURE__ */ jsxs15(ActionBarMorePrimitive.Root, { children: [
-          /* @__PURE__ */ jsx27(ActionBarMorePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(ActionBarMorePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx28(
             TooltipIconButton,
             {
               tooltip: "More",
@@ -3842,17 +3860,17 @@ var AssistantActionBar = () => {
                 ASSISTANT_ACTION_ICON_CLASS,
                 "data-[state=open]:text-muted-foreground/80"
               ),
-              children: /* @__PURE__ */ jsx27(MoreHorizontalIcon, { className: "size-3" })
+              children: /* @__PURE__ */ jsx28(MoreHorizontalIcon, { className: "size-3" })
             }
           ) }),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             ActionBarMorePrimitive.Content,
             {
               side: "bottom",
               align: "start",
               className: "aui-action-bar-more-content z-50 min-w-36 overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-card-elevated",
-              children: /* @__PURE__ */ jsx27(ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxs15(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none hover:bg-muted focus:bg-muted", children: [
-                /* @__PURE__ */ jsx27(DownloadIcon, { className: "size-4 shrink-0" }),
+              children: /* @__PURE__ */ jsx28(ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxs15(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none hover:bg-muted focus:bg-muted", children: [
+                /* @__PURE__ */ jsx28(DownloadIcon, { className: "size-4 shrink-0" }),
                 "Export as Markdown"
               ] }) })
             }
@@ -3863,7 +3881,7 @@ var AssistantActionBar = () => {
   );
 };
 var UserMessageText = () => {
-  return /* @__PURE__ */ jsx27("span", { className: "whitespace-pre-wrap", children: /* @__PURE__ */ jsx27(MessagePartPrimitive.Text, { smooth: false }) });
+  return /* @__PURE__ */ jsx28("span", { className: "whitespace-pre-wrap", children: /* @__PURE__ */ jsx28(MessagePartPrimitive.Text, { smooth: false }) });
 };
 var UserMessage = () => {
   return /* @__PURE__ */ jsxs15(
@@ -3872,7 +3890,7 @@ var UserMessage = () => {
       className: "aui-user-message-root mx-auto flex w-full max-w-(--thread-max-width) flex-col items-end gap-2 px-2 py-3",
       "data-role": "user",
       children: [
-        /* @__PURE__ */ jsx27(UserMessageAttachments, {}),
+        /* @__PURE__ */ jsx28(UserMessageAttachments, {}),
         /* @__PURE__ */ jsxs15(
           motion4.div,
           {
@@ -3881,8 +3899,8 @@ var UserMessage = () => {
             animate: { opacity: 1, y: 0, scale: 1 },
             transition: { duration: 0.65, ease: luxuryEase },
             children: [
-              /* @__PURE__ */ jsx27(MessagePrimitive2.Parts, { components: { Text: UserMessageText } }),
-              /* @__PURE__ */ jsx27("div", { className: "aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2", children: /* @__PURE__ */ jsx27(UserActionBar, {}) })
+              /* @__PURE__ */ jsx28(MessagePrimitive2.Parts, { components: { Text: UserMessageText } }),
+              /* @__PURE__ */ jsx28("div", { className: "aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2", children: /* @__PURE__ */ jsx28(UserActionBar, {}) })
             ]
           }
         )
@@ -3891,27 +3909,27 @@ var UserMessage = () => {
   );
 };
 var UserActionBar = () => {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ActionBarPrimitive.Root,
     {
       hideWhenRunning: true,
-      autohide: "never",
+      autohide: "always",
       className: "aui-user-action-bar-root flex flex-col items-end",
-      children: /* @__PURE__ */ jsx27(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx28(ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsx28(
         TooltipIconButton,
         {
           tooltip: "Edit",
           variant: "ghost",
           className: ASSISTANT_ACTION_ICON_CLASS,
-          children: /* @__PURE__ */ jsx27(PencilIcon, { className: "size-3" })
+          children: /* @__PURE__ */ jsx28(PencilIcon, { className: "size-3" })
         }
       ) })
     }
   );
 };
 var EditComposer = () => {
-  return /* @__PURE__ */ jsx27(MessagePrimitive2.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ jsxs15(ComposerPrimitive3.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-2xl bg-muted", children: [
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(MessagePrimitive2.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ jsxs15(ComposerPrimitive3.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-2xl bg-muted", children: [
+    /* @__PURE__ */ jsx28(
       ComposerPrimitive3.Input,
       {
         className: "aui-edit-composer-input min-h-14 w-full resize-none bg-transparent p-4 text-foreground text-sm outline-none",
@@ -3919,14 +3937,14 @@ var EditComposer = () => {
       }
     ),
     /* @__PURE__ */ jsxs15("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center gap-2 self-end", children: [
-      /* @__PURE__ */ jsx27(ComposerPrimitive3.Cancel, { asChild: true, children: /* @__PURE__ */ jsx27(TimbalV2Button, { variant: "ghost", size: "sm", children: "Cancel" }) }),
-      /* @__PURE__ */ jsx27(ComposerPrimitive3.Send, { asChild: true, children: /* @__PURE__ */ jsx27(TimbalV2Button, { variant: "primary", size: "sm", children: "Update" }) })
+      /* @__PURE__ */ jsx28(ComposerPrimitive3.Cancel, { asChild: true, children: /* @__PURE__ */ jsx28(TimbalV2Button, { variant: "ghost", size: "sm", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx28(ComposerPrimitive3.Send, { asChild: true, children: /* @__PURE__ */ jsx28(TimbalV2Button, { variant: "primary", size: "sm", children: "Update" }) })
     ] })
   ] }) });
 };
 
 // src/components/chat.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function TimbalChat({
   workforceId,
   baseUrl,
@@ -3937,7 +3955,7 @@ function TimbalChat({
   debug,
   ...threadProps
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     TimbalRuntimeProvider,
     {
       workforceId,
@@ -3947,14 +3965,14 @@ function TimbalChat({
       attachmentsUploadUrl,
       attachmentsAccept,
       debug,
-      children: /* @__PURE__ */ jsx28(Thread, { ...threadProps })
+      children: /* @__PURE__ */ jsx29(Thread, { ...threadProps })
     }
   );
 }
 
 // src/components/workforce-selector.tsx
 import { ChevronDownIcon } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 var WorkforceSelector = ({
   workforces,
   value,
@@ -3984,15 +4002,15 @@ var WorkforceSelector = ({
             onChange: (e) => onChange(e.target.value),
             "aria-label": placeholder,
             children: [
-              !value && /* @__PURE__ */ jsx29("option", { value: "", children: placeholder }),
+              !value && /* @__PURE__ */ jsx30("option", { value: "", children: placeholder }),
               workforces.map((w) => {
                 const id = idOf(w);
-                return /* @__PURE__ */ jsx29("option", { value: id, children: w.name ?? id }, id);
+                return /* @__PURE__ */ jsx30("option", { value: id, children: w.name ?? id }, id);
               })
             ]
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           ChevronDownIcon,
           {
             className: "aui-workforce-selector-icon pointer-events-none absolute right-3 size-3.5 text-muted-foreground/70",
@@ -4111,7 +4129,7 @@ var DOM_IDS = {
 };
 
 // src/components/chat-shell.tsx
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var TimbalChatShell = ({
   workforceId,
   brand,
@@ -4138,7 +4156,7 @@ var TimbalChatShell = ({
       ),
       style: studioChromeShellStyle,
       children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "div",
           {
             className: cn(
@@ -4152,14 +4170,14 @@ var TimbalChatShell = ({
           "header",
           {
             className: cn(
-              "aui-chat-shell-header relative z-10 flex shrink-0 items-center justify-between px-4 pt-[var(--studio-topbar-gap)] pb-2",
+              "aui-chat-shell-header relative z-10 flex shrink-0 items-center justify-between bg-transparent px-4 pt-[var(--studio-topbar-gap)] pb-2",
               headerClassName
             ),
             style: { minHeight: "var(--studio-topbar-height)" },
             children: [
               /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 items-center gap-2", children: [
                 brand,
-                showSelector && /* @__PURE__ */ jsx30(
+                showSelector && /* @__PURE__ */ jsx31(
                   WorkforceSelector,
                   {
                     workforces,
@@ -4168,11 +4186,11 @@ var TimbalChatShell = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx30("div", { className: "flex shrink-0 items-center gap-1", children: headerActions })
+              /* @__PURE__ */ jsx31("div", { className: "flex shrink-0 items-center gap-1", children: headerActions })
             ]
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           TimbalChat,
           {
             workforceId: effectiveId,
@@ -4345,13 +4363,13 @@ function useSidebarCollapsePhase(collapsed, reducedMotion) {
 
 // src/components/studio/sidebar-backdrop.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion5, useReducedMotion as useReducedMotion2 } from "motion/react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var StudioSidebarBackdrop = ({
   open,
   onClose
 }) => {
   const reducedMotion = useReducedMotion2();
-  return /* @__PURE__ */ jsx31(AnimatePresence2, { children: open ? /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(AnimatePresence2, { children: open ? /* @__PURE__ */ jsx32(
     motion5.button,
     {
       type: "button",
@@ -4367,15 +4385,15 @@ var StudioSidebarBackdrop = ({
 };
 
 // src/components/studio/sidebar-context.tsx
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var StudioSidebarContext = createContext4({
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var StudioSidebarContext = createContext5({
   collapsed: false,
   isMobile: false,
   isCollapsedRail: false,
   iconOnlyLayout: false
 });
 function useStudioSidebarLayout() {
-  return useContext4(StudioSidebarContext);
+  return useContext5(StudioSidebarContext);
 }
 
 // src/components/studio/sidebar.tsx
@@ -4389,7 +4407,7 @@ import { motion as motion8, useReducedMotion as useReducedMotion5 } from "motion
 
 // src/components/studio/sidebar-entries.tsx
 import { motion as motion6, useReducedMotion as useReducedMotion3 } from "motion/react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var StudioSidebarEntries = ({
   visible,
   onBlurOutComplete,
@@ -4398,9 +4416,9 @@ var StudioSidebarEntries = ({
 }) => {
   const reducedMotion = useReducedMotion3();
   if (reducedMotion) {
-    return visible ? /* @__PURE__ */ jsx32("div", { className: cn("flex min-h-0 flex-1 flex-col", className), children }) : null;
+    return visible ? /* @__PURE__ */ jsx33("div", { className: cn("flex min-h-0 flex-1 flex-col", className), children }) : null;
   }
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     motion6.div,
     {
       className: cn("flex min-h-0 flex-1 flex-col", className),
@@ -4425,13 +4443,13 @@ import { LogOut } from "lucide-react";
 
 // src/auth/provider.tsx
 import {
-  createContext as createContext5,
+  createContext as createContext6,
   useCallback as useCallback5,
-  useContext as useContext5,
+  useContext as useContext6,
   useEffect as useEffect8,
   useState as useState10
 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function isInsideIframe() {
   try {
     return typeof window !== "undefined" && window.self !== window.top;
@@ -4439,16 +4457,16 @@ function isInsideIframe() {
     return true;
   }
 }
-var SessionContext = createContext5(void 0);
+var SessionContext = createContext6(void 0);
 var useSession = () => {
-  const context = useContext5(SessionContext);
+  const context = useContext6(SessionContext);
   if (context === void 0) {
     throw new Error("useSession must be used within a SessionProvider");
   }
   return context;
 };
 var useOptionalSession = () => {
-  const context = useContext5(SessionContext);
+  const context = useContext6(SessionContext);
   return context ?? null;
 };
 var SessionProvider = ({
@@ -4529,7 +4547,7 @@ var SessionProvider = ({
       () => window.location.href = `/api/auth/login?return_to=${returnTo}`
     );
   }, []);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     SessionContext.Provider,
     {
       value: {
@@ -4568,34 +4586,34 @@ function studioSidebarNavItemClasses(iconOnly, isActive) {
 
 // src/components/studio/sidebar-entry-motion.tsx
 import { motion as motion7, useReducedMotion as useReducedMotion4 } from "motion/react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var StudioSidebarEntryMotion = ({
   children,
   className
 }) => {
   const reducedMotion = useReducedMotion4();
   if (reducedMotion) {
-    return /* @__PURE__ */ jsx34("div", { className, children });
+    return /* @__PURE__ */ jsx35("div", { className, children });
   }
-  return /* @__PURE__ */ jsx34(motion7.div, { variants: studioSidebarEntryItemVariants, className: cn(className), children });
+  return /* @__PURE__ */ jsx35(motion7.div, { variants: studioSidebarEntryItemVariants, className: cn(className), children });
 };
 
 // src/components/studio/sidebar-tooltip.tsx
-import { Fragment as Fragment3, jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
 var StudioSidebarTooltip = ({
   label,
   enabled,
   children
 }) => {
-  if (!enabled) return /* @__PURE__ */ jsx35(Fragment3, { children });
+  if (!enabled) return /* @__PURE__ */ jsx36(Fragment3, { children });
   return /* @__PURE__ */ jsxs18(Tooltip, { children: [
-    /* @__PURE__ */ jsx35(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx35(TooltipContent, { side: "right", className: "text-xs", children: label })
+    /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx36(TooltipContent, { side: "right", className: "text-xs", children: label })
   ] });
 };
 
 // src/components/studio/sidebar-footer.tsx
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 function userInitials(name, email) {
   const fromName = name.trim().split(/\s+/).map((part) => part.charAt(0)).join("").slice(0, 2).toUpperCase();
   if (fromName) return fromName;
@@ -4613,7 +4631,7 @@ var StudioSidebarFooter = ({
     session?.logout();
     onSignOut?.();
   };
-  return /* @__PURE__ */ jsx36(StudioSidebarEntryMotion, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(StudioSidebarEntryMotion, { children: /* @__PURE__ */ jsx37(
     "footer",
     {
       className: cn(
@@ -4621,24 +4639,24 @@ var StudioSidebarFooter = ({
         iconOnlyLayout ? studioSidebarCollapsedRailInsetClass : "px-2.5"
       ),
       children: user ? /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-        iconOnlyLayout ? /* @__PURE__ */ jsx36("div", { className: studioSidebarCollapsedRailChipRowClass, children: /* @__PURE__ */ jsxs19(Avatar, { size: "sm", className: "size-8", children: [
-          user.user_photo_url ? /* @__PURE__ */ jsx36(AvatarImage, { src: user.user_photo_url, alt: user.user_name }) : null,
-          /* @__PURE__ */ jsx36(AvatarFallback, { className: "text-[10px]", children: userInitials(user.user_name, user.user_email) })
+        iconOnlyLayout ? /* @__PURE__ */ jsx37("div", { className: studioSidebarCollapsedRailChipRowClass, children: /* @__PURE__ */ jsxs19(Avatar, { size: "sm", className: "size-8", children: [
+          user.user_photo_url ? /* @__PURE__ */ jsx37(AvatarImage, { src: user.user_photo_url, alt: user.user_name }) : null,
+          /* @__PURE__ */ jsx37(AvatarFallback, { className: "text-[10px]", children: userInitials(user.user_name, user.user_email) })
         ] }) }) : /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-2.5", children: [
           /* @__PURE__ */ jsxs19(Avatar, { size: "sm", children: [
-            user.user_photo_url ? /* @__PURE__ */ jsx36(AvatarImage, { src: user.user_photo_url, alt: user.user_name }) : null,
-            /* @__PURE__ */ jsx36(AvatarFallback, { children: userInitials(user.user_name, user.user_email) })
+            user.user_photo_url ? /* @__PURE__ */ jsx37(AvatarImage, { src: user.user_photo_url, alt: user.user_name }) : null,
+            /* @__PURE__ */ jsx37(AvatarFallback, { children: userInitials(user.user_name, user.user_email) })
           ] }),
           /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx36("p", { className: "truncate text-sm font-medium text-foreground", children: user.user_name }),
-            /* @__PURE__ */ jsx36("p", { className: "truncate text-xs text-muted-foreground", children: user.user_email })
+            /* @__PURE__ */ jsx37("p", { className: "truncate text-sm font-medium text-foreground", children: user.user_name }),
+            /* @__PURE__ */ jsx37("p", { className: "truncate text-xs text-muted-foreground", children: user.user_email })
           ] })
         ] }),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "div",
           {
             className: iconOnlyLayout ? studioSidebarCollapsedRailChipRowClass : void 0,
-            children: /* @__PURE__ */ jsx36(StudioSidebarTooltip, { label: "Sign out", enabled: showTooltips, children: /* @__PURE__ */ jsxs19(
+            children: /* @__PURE__ */ jsx37(StudioSidebarTooltip, { label: "Sign out", enabled: showTooltips, children: /* @__PURE__ */ jsxs19(
               "button",
               {
                 type: "button",
@@ -4649,28 +4667,28 @@ var StudioSidebarFooter = ({
                 ),
                 "aria-label": "Sign out",
                 children: [
-                  /* @__PURE__ */ jsx36(LogOut, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx37(LogOut, { className: "size-3.5 shrink-0" }),
                   !iconOnlyLayout ? "Sign out" : null
                 ]
               }
             ) })
           }
         )
-      ] }) : !iconOnlyLayout && emptyCaption ? /* @__PURE__ */ jsx36("p", { className: "px-1 text-xs text-muted-foreground", children: emptyCaption }) : null
+      ] }) : !iconOnlyLayout && emptyCaption ? /* @__PURE__ */ jsx37("p", { className: "px-1 text-xs text-muted-foreground", children: emptyCaption }) : null
     }
   ) });
 };
 
 // src/components/studio/sidebar-header.tsx
 import { ChevronLeft, ChevronRight, X } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 var sidebarHeaderClass = "flex h-12 shrink-0 items-center px-2";
 var toggleButtonClass = cn(
   "flex shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors",
   "hover:bg-muted hover:text-foreground",
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/15"
 );
-var SidebarToggleButton = ({ ariaLabel, expanded, onClick, children }) => /* @__PURE__ */ jsx37(
+var SidebarToggleButton = ({ ariaLabel, expanded, onClick, children }) => /* @__PURE__ */ jsx38(
   "button",
   {
     type: "button",
@@ -4684,7 +4702,7 @@ var SidebarToggleButton = ({ ariaLabel, expanded, onClick, children }) => /* @__
 var CollapsedBrandToggle = ({
   onExpand,
   brand
-}) => /* @__PURE__ */ jsx37("div", { className: studioSidebarCollapsedRailChipRowClass, children: /* @__PURE__ */ jsx37(StudioSidebarTooltip, { label: "Expand sidebar", enabled: true, children: /* @__PURE__ */ jsxs20(
+}) => /* @__PURE__ */ jsx38("div", { className: studioSidebarCollapsedRailChipRowClass, children: /* @__PURE__ */ jsx38(StudioSidebarTooltip, { label: "Expand sidebar", enabled: true, children: /* @__PURE__ */ jsxs20(
   "button",
   {
     type: "button",
@@ -4696,7 +4714,7 @@ var CollapsedBrandToggle = ({
       "group relative inline-flex size-8 items-center justify-center overflow-hidden rounded-lg"
     ),
     children: [
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         "span",
         {
           "aria-hidden": true,
@@ -4708,7 +4726,7 @@ var CollapsedBrandToggle = ({
           children: brand
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         ChevronRight,
         {
           "aria-hidden": true,
@@ -4732,38 +4750,38 @@ var StudioSidebarHeader = ({
   if (isMobile) {
     return /* @__PURE__ */ jsxs20("header", { className: cn(sidebarHeaderClass, "justify-between gap-2 pr-2"), children: [
       brand,
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         SidebarToggleButton,
         {
           ariaLabel: "Close menu",
           expanded: mobileOpen,
           onClick: onToggle,
-          children: /* @__PURE__ */ jsx37(X, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx38(X, { className: "size-3.5" })
         }
       )
     ] });
   }
   if (isCollapsedRail) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "header",
       {
         className: cn(
           "flex h-12 shrink-0 items-center",
           studioSidebarCollapsedRailInsetClass
         ),
-        children: /* @__PURE__ */ jsx37(CollapsedBrandToggle, { onExpand: onToggle, brand })
+        children: /* @__PURE__ */ jsx38(CollapsedBrandToggle, { onExpand: onToggle, brand })
       }
     );
   }
   return /* @__PURE__ */ jsxs20("header", { className: cn(sidebarHeaderClass, "justify-between gap-1 pr-2"), children: [
     brand,
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       SidebarToggleButton,
       {
         ariaLabel: "Collapse sidebar",
         expanded: true,
         onClick: onToggle,
-        children: /* @__PURE__ */ jsx37(ChevronLeft, { className: "size-4" })
+        children: /* @__PURE__ */ jsx38(ChevronLeft, { className: "size-4" })
       }
     )
   ] });
@@ -4782,7 +4800,7 @@ function workforceItemInitial(w) {
 }
 
 // src/components/studio/sidebar-nav.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var StudioSidebarNav = ({
   workforces,
   selectedId,
@@ -4791,7 +4809,7 @@ var StudioSidebarNav = ({
   showTooltips
 }) => {
   if (workforces.length === 0) return null;
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "nav",
     {
       className: cn(
@@ -4803,11 +4821,11 @@ var StudioSidebarNav = ({
         const id = workforceItemId(w);
         const isActive = id === selectedId;
         const label = workforceItemLabel(w);
-        return /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39(
           StudioSidebarEntryMotion,
           {
             className: iconOnlyLayout ? studioSidebarCollapsedRailChipRowClass : void 0,
-            children: /* @__PURE__ */ jsx38(StudioSidebarTooltip, { label, enabled: showTooltips, children: /* @__PURE__ */ jsx38(
+            children: /* @__PURE__ */ jsx39(StudioSidebarTooltip, { label, enabled: showTooltips, children: /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
@@ -4818,7 +4836,7 @@ var StudioSidebarNav = ({
                   studioSidebarNavItemClasses(iconOnlyLayout, isActive),
                   iconOnlyLayout && "inline-flex"
                 ),
-                children: iconOnlyLayout ? /* @__PURE__ */ jsx38("span", { className: "text-xs font-semibold leading-none", children: workforceItemInitial(w) }) : /* @__PURE__ */ jsx38("span", { className: "min-w-0 truncate", children: label })
+                children: iconOnlyLayout ? /* @__PURE__ */ jsx39("span", { className: "text-xs font-semibold leading-none", children: workforceItemInitial(w) }) : /* @__PURE__ */ jsx39("span", { className: "min-w-0 truncate", children: label })
               }
             ) })
           },
@@ -4831,7 +4849,7 @@ var StudioSidebarNav = ({
 
 // src/components/studio/timbal-mark.tsx
 import { LiquidMetal } from "@paper-design/shaders-react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var DEFAULT_SIZE = 64;
 var TRANSPARENT_BACK = "#00000000";
 var TIMBAL_SYMBOL_DATA_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAH6ElEQVR4Aeyci7EcNRBFFxIBIgEygUiASCATyASIBOa4rFrZntmPPq1W93218o5nZyTd26dbmnX5fX3TjxyY4IDAmmCqurzdBJYomOKAwJpiqzoVWGJgigMCa4qt6lRgZWHAWKfAMjY8y3ACK0ukjXUKLGPDswwnsLJE2linwDI2PMtwAitLpI11Cixjw+/DxT4SWLHju0ydwHrP+p/euzzE1T8cKr492lsvgfWaXZj733Hp90fL9Pr1EPvn0QTWYcLoF8bS6Pdf/kjQAAnNv7RqVcW6do4q9ffxMe/HW5oXy323boF1zkvzEnDe3RZnS5X6fcRsBdbdRY6oTl1LAJ1s2NDdXaVq3QLr7kapUph8Pxv/iESiDVUqsG63sgQ0b1Rve/6QQEOrVG1DdrCGbFRrQzc5Zh9FlSKppkw5M1gYi8FTjHXaaalSJNTUKWYEC3P5spP3qeY667zsIadVqVpvNrCoUrTag+jHgIRm0z2ka7AGRpzqNG2jOnCeo7uiSi3RnQEszCVjydzRgfPaH1rRbFqlajMig0WVWmpubbThMRvzJVWq1hgVrFKlgKvWG/2YRHLxpBsNrOVLwCJySSBXT7qRwHKxBCwAiypFWzD09ZARwCpVysUScG318E+oUsv3Uleq3gPrqpd1512bO9GWsockqSYO0971zmBR/mnt6ve7k0RC87KvEV61bEewMNftEvCq8Q3XlSqF/obbbW/ZDSz2UWSs2yVgQvjQimb3VarWvgtYZCnm8uRXzz/6MXq3rM47gLXVEjCI9FKlqNCDurTtxjNYxdytloAB4aM6r65S3TK8grXtEtAZEZZ7Wmc362/3BlapUtsuAY0hDVGlau2ewApnbm30g+OyhySpHly210dewKL80/Zyr2+2JBKaQ+4hV4OFudtvVBv4KlUK/Q23+79lJVjso8jYUEvAk5CjFc0hq1StfQVYZCnm8uRXzyX6MXqbq/Nu5liDFX4JOAGgVCkq9MnHMU9ZgVXMDb8EfIYJ1TlNlaq1W4BFlcpoLss9rfY7zfFMsFSl0mD0pdBZYKXaqFa2so+iSpFU1el8hzPAwlgMzuQmeyl0k1ARdf/zrqiRYGGuq/+C9K4Zb11/v5g9JFCh/342+dEosDCWlslOljs0Z3vSfSnGvWCRpRmf+KhSGXW/BBUX9YCFuWQsmUtfGdo3h0g0q0odRjx6tYAFSFnNZXNOlX7kqT47HGgB67jtJnNv+nnkQCtYj/rUZ3LgFggsRdOTAwLLUzQCzUVgBQqmJykCy1M0As1FYAUKpicpAstTNALNRWAFCqYnKTPB8qRTczF2QGAZG55lOIGVJdLGOgWWseFZhhNYWSJtrFNgGRueZTiBlSXSM3We9C2wTkzRqX4HBFa/h+rhxAGBdWKKTvU7ILD6PVQPJw4IrBNTdKrfAYHV76F6OHFAYJ2Ysv+p9QoE1voYhJyBwAoZ1vWiBNb6GIScgcAKGdb1ogTW+hiEnIHAChnW9aIElk0M0o0isNKF3EawwLLxOd0oAitdyN8W/Ndxx9LfmnyMH/aFuX+EVXct7Lfjox+P9vZLFeu5ZcXcf59fGuYKKhRA8Xtmm0QJrGvbqFJd5l537foTKvN3xwzRf7y1vdKC9cSuUqW6zH0yhsePSaSfR0xMYH3qYvcS8Gl32/yNBPrqmC3vx1v/S2DdPRyyBNy72+aIKkUbOuEWsPg970MnsbizUqWGLAGLtbwzPNWpey91NWALWFd97Xh+qrmODSl7SJJqyjQzg0X5p00x1mmnJBKam79GeFVXRrAwd9oS8KrxC64rVQr904f3A9Z0qR8GYB9Fxk5bAj6M4usPtKJ5epWqZWcBiyzFXJ78av3Rj9G7pDpnAMt0CXBCaqlSVOglU4oMVjHXdAlYEsVPB6U6L6lS9TSigkWVWm5ubbTRMcs9zWi462GigaUqdR1r008igbVso2oasS8HYx9FlSKpvvx00ZkHYC2aUduwGIvBbXfveRd7KXSTUO4U7A4W5g79V3l3ETqfEHtIoEL/+RWLz+4MFsbSFltoOjzLHZrdP+nuCBZZmvGJjyVvG927gVWWADLXtFQsHAytVKmt9pC7gEWVwlz3S8BgANG9TZWqte8AVqlSmFzPPfoxiUSbrnPGAJ7BKkuAqtSMyE/u0ytYW21UB8aIfRRViqQa2K19Vx7BwlgMtndj3Ygs8+gmodbNYuDInsDCXH3ZOTC4K7vyAhbZSlvphfXYLHdoDrmHXA0WVWrLx+lOCnnSDa17JViYS8aSuZ1x2uZ2tKL5cZXaRs71RFeARZVKYe5ntrMxD12lar3WYJUqBVz1PKIfk0ipnnStwEqzBHyWISRQxifdmwVYqZaACiyqFK06ledwJlilSqVaAg50qFJp9lKH3tPXLLCymlv2kCTVqeFZTs4Ai/JPC+ThUykkEprDf43w1ImPF4wEC3MzLgGlSqH/o616GwUW+ygyNtMSgFY0q0qd5FEvWGQp5vLkd9J92FPozVidXw5oD1hZlwASiQr9sskZL2wBK+sSgO6UX3a2JEYrWCyBLePtfA/L387zN517C1imE7wYTKedOyCwnAdo1+kJrF0j53zeAst5gHadnsDaNXLO5y2wnAdo1+kJrF0j53zew8ByrlPTM3ZAYBkbnmU4gZUl0sY6BZax4VmGE1hZIm2sU2AZG55lOIGVJdLDdL7W0f8AAAD//x3VUCQAAAAGSURBVAMArsj7LTb9pqMAAAAASUVORK5CYII=";
@@ -4840,14 +4858,14 @@ function TimbalMark({
   size = DEFAULT_SIZE,
   src = TIMBAL_SYMBOL_DATA_URI
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn("relative shrink-0 bg-transparent", className),
       style: { width: size, height: size },
       role: "img",
       "aria-label": "Timbal",
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         LiquidMetal,
         {
           width: size,
@@ -4879,7 +4897,7 @@ function TimbalMark({
 }
 
 // src/components/studio/sidebar.tsx
-import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_BREAKPOINT_PX = 768;
 function readPersistedCollapsed(key) {
   if (!key || typeof window === "undefined") return false;
@@ -4929,7 +4947,7 @@ var StudioSidebarPanel = ({
     onCollapsedChange(!collapsed);
   };
   const panelWidthPx = isMobile ? SIDEBAR_MOBILE_PX : widthCollapsed ? SIDEBAR_WIDTH_COLLAPSED_PX : SIDEBAR_WIDTH_PX;
-  const brandNode = brand ?? /* @__PURE__ */ jsx40(TimbalMark, { size: 32 });
+  const brandNode = brand ?? /* @__PURE__ */ jsx41(TimbalMark, { size: 32 });
   const panel = /* @__PURE__ */ jsxs21(
     motion8.div,
     {
@@ -4945,7 +4963,7 @@ var StudioSidebarPanel = ({
       style: { willChange: entriesVisible ? void 0 : "width" },
       onAnimationComplete: isMobile || entriesVisible ? void 0 : () => onPanelWidthComplete(),
       children: [
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx41(
           StudioSidebarHeader,
           {
             isCollapsedRail,
@@ -4961,7 +4979,7 @@ var StudioSidebarPanel = ({
             visible: entriesVisible,
             onBlurOutComplete: onEntriesBlurOutComplete,
             children: [
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 "div",
                 {
                   id: DOM_IDS.sidebarRuntimeAnchor,
@@ -4971,7 +4989,7 @@ var StudioSidebarPanel = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41(
                 StudioSidebarNav,
                 {
                   workforces,
@@ -4981,8 +4999,8 @@ var StudioSidebarPanel = ({
                   showTooltips: isCollapsedRail
                 }
               ),
-              workforces.length === 0 ? /* @__PURE__ */ jsx40("div", { className: "min-h-0 flex-1" }) : null,
-              /* @__PURE__ */ jsx40(
+              workforces.length === 0 ? /* @__PURE__ */ jsx41("div", { className: "min-h-0 flex-1" }) : null,
+              /* @__PURE__ */ jsx41(
                 StudioSidebarFooter,
                 {
                   iconOnlyLayout,
@@ -4998,7 +5016,7 @@ var StudioSidebarPanel = ({
     }
   );
   if (isMobile) {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       motion8.aside,
       {
         className: "fixed inset-y-0 left-0 z-[60] flex",
@@ -5014,7 +5032,7 @@ var StudioSidebarPanel = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "aside",
     {
       className: "absolute inset-y-0 left-0 z-[60] flex py-[var(--studio-sidebar-gap)] pl-[var(--studio-sidebar-gap)]",
@@ -5105,7 +5123,7 @@ var StudioSidebar = ({
     }),
     [effectiveCollapsed, isMobile, isCollapsedRail, iconOnlyLayout]
   );
-  return /* @__PURE__ */ jsx40(StudioSidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(StudioSidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx41(
     StudioSidebarPanel,
     {
       workforces,
@@ -5131,7 +5149,7 @@ import { useCallback as useCallback7, useLayoutEffect, useState as useState12 }
 import { createPortal } from "react-dom";
 import { MessageSquarePlus } from "lucide-react";
 import { useThread as useThread2 } from "@assistant-ui/react";
-import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
 var StudioSidebarRuntimePortal = ({
   label = "New chat"
 }) => {
@@ -5154,15 +5172,15 @@ var StudioSidebarRuntimePortal = ({
       "aria-label": label,
       className: studioSidebarNavItemClasses(iconOnlyLayout, false),
       children: [
-        /* @__PURE__ */ jsx41(MessageSquarePlus, { className: "size-3.5 shrink-0" }),
-        !iconOnlyLayout ? /* @__PURE__ */ jsx41("span", { className: "min-w-0 truncate", children: label }) : null
+        /* @__PURE__ */ jsx42(MessageSquarePlus, { className: "size-3.5 shrink-0" }),
+        !iconOnlyLayout ? /* @__PURE__ */ jsx42("span", { className: "min-w-0 truncate", children: label }) : null
       ]
     }
   );
   return createPortal(
     iconOnlyLayout ? /* @__PURE__ */ jsxs22(Tooltip, { children: [
-      /* @__PURE__ */ jsx41(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx41(TooltipContent, { side: "right", className: "text-xs", children: label })
+      /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx42(TooltipContent, { side: "right", className: "text-xs", children: label })
     ] }) : button,
     anchor
   );
@@ -5171,7 +5189,7 @@ var StudioSidebarRuntimePortal = ({
 // src/components/studio/welcome.tsx
 import { motion as motion9 } from "motion/react";
 import { useThread as useThread3 } from "@assistant-ui/react";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var luxuryEase2 = [0.16, 1, 0.3, 1];
 var welcomeStagger2 = {
   initial: {},
@@ -5199,14 +5217,14 @@ var welcomeIcon2 = {
 var StudioWelcome = ({ config, icon }) => {
   const isEmpty = useThread3((s) => s.messages.length === 0);
   if (!isEmpty) return null;
-  const iconNode = icon ?? /* @__PURE__ */ jsx42(
+  const iconNode = icon ?? /* @__PURE__ */ jsx43(
     TimbalMark,
     {
       size: 112,
       className: "max-md:scale-[0.58] max-md:origin-center"
     }
   );
-  return /* @__PURE__ */ jsx42("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsx42("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx43("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: /* @__PURE__ */ jsx43("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ jsxs23(
     motion9.div,
     {
       className: "aui-thread-welcome-message flex flex-col items-center justify-center px-2 text-center sm:px-4",
@@ -5214,8 +5232,8 @@ var StudioWelcome = ({ config, icon }) => {
       initial: "initial",
       animate: "animate",
       children: [
-        /* @__PURE__ */ jsx42(motion9.div, { variants: welcomeIcon2, className: "mb-4 md:mb-5", children: iconNode }),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(motion9.div, { variants: welcomeIcon2, className: "mb-4 md:mb-5", children: iconNode }),
+        /* @__PURE__ */ jsx43(
           motion9.h1,
           {
             variants: welcomeItem2,
@@ -5223,7 +5241,7 @@ var StudioWelcome = ({ config, icon }) => {
             children: config?.heading ?? "How can I help you today?"
           }
         ),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           motion9.p,
           {
             variants: welcomeItem2,
@@ -5237,7 +5255,7 @@ var StudioWelcome = ({ config, icon }) => {
 };
 
 // src/components/studio/studio-shell.tsx
-import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 import { createElement } from "react";
 var DEFAULT_BREAKPOINT_PX2 = 768;
 function readPersistedCollapsed2(key) {
@@ -5259,8 +5277,8 @@ function makeComposerWithPortal(BaseComposer) {
   const Resolved = BaseComposer ?? Composer;
   return function StudioComposerWithSidebar(props) {
     return /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx43(StudioSidebarRuntimePortal, {}),
-      /* @__PURE__ */ jsx43(Resolved, { ...props })
+      /* @__PURE__ */ jsx44(StudioSidebarRuntimePortal, {}),
+      /* @__PURE__ */ jsx44(Resolved, { ...props })
     ] });
   };
 }
@@ -5369,7 +5387,7 @@ var TimbalStudioShell = ({
     next.Composer = makeComposerWithPortal(components?.Composer);
     return next;
   }, [components]);
-  return /* @__PURE__ */ jsx43(StudioSidebarContext.Provider, { value: sidebarContext, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx44(StudioSidebarContext.Provider, { value: sidebarContext, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(
@@ -5378,14 +5396,14 @@ var TimbalStudioShell = ({
       ),
       style: studioChromeShellStyle,
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           "div",
           {
             className: "pointer-events-none absolute inset-0 z-0 bg-background",
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           "div",
           {
             className: cn(
@@ -5395,14 +5413,14 @@ var TimbalStudioShell = ({
             "aria-hidden": true
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           StudioSidebarBackdrop,
           {
             open: isMobile && mobileSidebarOpen,
             onClose: () => setMobileSidebarOpen(false)
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           StudioSidebarPanel,
           {
             workforces,
@@ -5441,7 +5459,7 @@ var TimbalStudioShell = ({
                     studioTopbarPillHeightClass
                   ),
                   children: [
-                    isMobile && !mobileSidebarOpen ? /* @__PURE__ */ jsx43(
+                    isMobile && !mobileSidebarOpen ? /* @__PURE__ */ jsx44(
                       TimbalV2Button,
                       {
                         variant: "secondary",
@@ -5451,18 +5469,18 @@ var TimbalStudioShell = ({
                         onClick: () => setMobileSidebarOpen(true),
                         "aria-label": "Open menu",
                         "aria-expanded": false,
-                        children: /* @__PURE__ */ jsx43(Menu, { className: "size-4" })
+                        children: /* @__PURE__ */ jsx44(Menu, { className: "size-4" })
                       }
                     ) : null,
                     headerStart
                   ]
                 }
               ),
-              headerActions ? /* @__PURE__ */ jsx43("div", { className: "flex shrink-0 items-center gap-1", children: headerActions }) : null
+              headerActions ? /* @__PURE__ */ jsx44("div", { className: "flex shrink-0 items-center gap-1", children: headerActions }) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           motion10.main,
           {
             className: cn(
@@ -5494,7 +5512,7 @@ var TimbalStudioShell = ({
 // src/components/studio/mode-toggle.tsx
 import { useCallback as useCallback9, useEffect as useEffect11, useState as useState14 } from "react";
 import { Moon, Sun } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var ModeToggle = ({
   theme,
   setTheme,
@@ -5535,9 +5553,9 @@ var ModeToggle = ({
       "aria-label": label,
       title: label,
       children: [
-        /* @__PURE__ */ jsx44(Sun, { className: "size-3.5 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
-        /* @__PURE__ */ jsx44(Moon, { className: "absolute size-3.5 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
-        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: label })
+        /* @__PURE__ */ jsx45(Sun, { className: "size-3.5 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
+        /* @__PURE__ */ jsx45(Moon, { className: "absolute size-3.5 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
+        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: label })
       ]
     }
   );
@@ -5671,7 +5689,7 @@ When you call a tool that returns an artifact (\`make_chart\`, \`ask_question\`,
 
 // src/auth/guard.tsx
 import { Loader2 } from "lucide-react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var AuthGuard = ({
   children,
   requireAuth = false,
@@ -5682,7 +5700,7 @@ var AuthGuard = ({
     return children;
   }
   if (loading) {
-    return /* @__PURE__ */ jsx45("div", { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ jsx45(Loader2, { className: "w-8 h-8 animate-spin" }) });
+    return /* @__PURE__ */ jsx46("div", { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ jsx46(Loader2, { className: "w-8 h-8 animate-spin" }) });
   }
   if (requireAuth && !isAuthenticated && !isEmbedded) {
     const returnTo = encodeURIComponent(