@rodrigocoliveira/agno-react 1.1.6 → 1.3.0

package/dist/ui.mjs

@@ -117,7 +117,7 @@ function isPreviewable(mimeType) {
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
   variants: {
     variant: {
@@ -142,16 +142,16 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
 });
 var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxDEV(Comp, {
+  return /* @__PURE__ */ jsx(Comp, {
     className: cn(buttonVariants({ variant, size, className })),
     ref,
     ...props
-  }, undefined, false, undefined, this);
+  });
 });
 Button.displayName = "Button";
 // src/ui/primitives/badge.tsx
 import { cva as cva2 } from "class-variance-authority";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var badgeVariants = cva2("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
   variants: {
     variant: {
@@ -166,61 +166,61 @@ var badgeVariants = cva2("inline-flex items-center rounded-md border px-2.5 py-0
   }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     className: cn(badgeVariants({ variant }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 // src/ui/primitives/avatar.tsx
 import * as React2 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV3(AvatarPrimitive.Root, {
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(AvatarPrimitive.Root, {
   ref,
   className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV3(AvatarPrimitive.Image, {
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(AvatarPrimitive.Image, {
   ref,
   className: cn("aspect-square h-full w-full", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV3(AvatarPrimitive.Fallback, {
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(AvatarPrimitive.Fallback, {
   ref,
   className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 // src/ui/primitives/input-group.tsx
 import * as React3 from "react";
 import { cva as cva3 } from "class-variance-authority";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Input = React3.forwardRef(({ className, type, ...props }, ref) => {
-  return /* @__PURE__ */ jsxDEV4("input", {
+  return /* @__PURE__ */ jsx4("input", {
     type,
     className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
     ref,
     ...props
-  }, undefined, false, undefined, this);
+  });
 });
 Input.displayName = "Input";
 var Textarea = React3.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxDEV4("textarea", {
+  return /* @__PURE__ */ jsx4("textarea", {
     className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
     ref,
     ...props
-  }, undefined, false, undefined, this);
+  });
 });
 Textarea.displayName = "Textarea";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     "data-slot": "input-group",
     role: "group",
     className: cn("group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-2.5", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var inputGroupAddonVariants = cva3("text-muted-foreground flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
   variants: {
@@ -240,7 +240,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     role: "group",
     "data-slot": "input-group-addon",
     "data-align": align,
@@ -252,7 +252,7 @@ function InputGroupAddon({
       e.currentTarget.parentElement?.querySelector("input")?.focus();
     },
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var inputGroupButtonVariants = cva3("flex items-center gap-2 text-sm shadow-none", {
   variants: {
@@ -274,33 +274,33 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV4(Button, {
+  return /* @__PURE__ */ jsx4(Button, {
     type,
     "data-size": size,
     variant,
     className: cn(inputGroupButtonVariants({ size }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV4("span", {
+  return /* @__PURE__ */ jsx4("span", {
     className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV4(Input, {
+  return /* @__PURE__ */ jsx4(Input, {
     "data-slot": "input-group-control",
     className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV4(Textarea, {
+  return /* @__PURE__ */ jsx4(Textarea, {
     "data-slot": "input-group-control",
     className: cn("flex-1 resize-none rounded-none border-0 bg-transparent min-h-0 pt-3.5 pb-1.5 pl-3.5 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 // src/ui/primitives/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
@@ -310,318 +310,318 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // src/ui/primitives/tooltip.tsx
 import * as React4 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV5(TooltipPrimitive.Portal, {
-  children: /* @__PURE__ */ jsxDEV5(TooltipPrimitive.Content, {
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx5(TooltipPrimitive.Content, {
     ref,
     sideOffset,
     className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className),
     ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/ui/primitives/accordion.tsx
 import * as React5 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown } from "lucide-react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV6(AccordionPrimitive.Item, {
+var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(AccordionPrimitive.Item, {
   ref,
   className: cn("border-b", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV6(AccordionPrimitive.Header, {
+var AccordionTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(AccordionPrimitive.Header, {
   className: "flex",
-  children: /* @__PURE__ */ jsxDEV6(AccordionPrimitive.Trigger, {
+  children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
     ref,
     className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxDEV6(ChevronDown, {
+      /* @__PURE__ */ jsx6(ChevronDown, {
         className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV6(AccordionPrimitive.Content, {
+var AccordionContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(AccordionPrimitive.Content, {
   ref,
   className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
   ...props,
-  children: /* @__PURE__ */ jsxDEV6("div", {
+  children: /* @__PURE__ */ jsx6("div", {
     className: cn("pb-4 pt-0", className),
     children
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 // src/ui/primitives/dropdown-menu.tsx
 import * as React6 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.SubTrigger, {
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(DropdownMenuPrimitive.SubTrigger, {
   ref,
   className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsxDEV7(ChevronRight, {
+    /* @__PURE__ */ jsx7(ChevronRight, {
       className: "ml-auto"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this));
+}));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.SubContent, {
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.SubContent, {
   ref,
   className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.Portal, {
-  children: /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.Content, {
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Content, {
     ref,
     sideOffset,
     className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
     ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.Item, {
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Item, {
   ref,
   className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.CheckboxItem, {
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(DropdownMenuPrimitive.CheckboxItem, {
   ref,
   className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   checked,
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV7("span", {
+    /* @__PURE__ */ jsx7("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.ItemIndicator, {
-        children: /* @__PURE__ */ jsxDEV7(Check, {
+      children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx7(Check, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
+        })
+      })
+    }),
     children
   ]
-}, undefined, true, undefined, this));
+}));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.RadioItem, {
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(DropdownMenuPrimitive.RadioItem, {
   ref,
   className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV7("span", {
+    /* @__PURE__ */ jsx7("span", {
       className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.ItemIndicator, {
-        children: /* @__PURE__ */ jsxDEV7(Circle, {
+      children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx7(Circle, {
           className: "h-2 w-2 fill-current"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
+        })
+      })
+    }),
     children
   ]
-}, undefined, true, undefined, this));
+}));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.Label, {
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Label, {
   ref,
   className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.Separator, {
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Separator, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-muted", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxDEV7("span", {
+  return /* @__PURE__ */ jsx7("span", {
     className: cn("ml-auto text-xs tracking-widest opacity-60", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/ui/primitives/hover-card.tsx
 import * as React7 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV8(HoverCardPrimitive.Content, {
+var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(HoverCardPrimitive.Content, {
   ref,
   align,
   sideOffset,
   className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 // src/ui/primitives/select.tsx
 import * as React8 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.Trigger, {
+var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(SelectPrimitive.Trigger, {
   ref,
   className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
   ...props,
   children: [
     children,
-    /* @__PURE__ */ jsxDEV9(SelectPrimitive.Icon, {
+    /* @__PURE__ */ jsx9(SelectPrimitive.Icon, {
       asChild: true,
-      children: /* @__PURE__ */ jsxDEV9(ChevronDown2, {
+      children: /* @__PURE__ */ jsx9(ChevronDown2, {
         className: "h-4 w-4 opacity-50"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
+      })
+    })
   ]
-}, undefined, true, undefined, this));
+}));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.ScrollUpButton, {
+var SelectScrollUpButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.ScrollUpButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsxDEV9(ChevronUp, {
+  children: /* @__PURE__ */ jsx9(ChevronUp, {
     className: "h-4 w-4"
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.ScrollDownButton, {
+var SelectScrollDownButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.ScrollDownButton, {
   ref,
   className: cn("flex cursor-default items-center justify-center py-1", className),
   ...props,
-  children: /* @__PURE__ */ jsxDEV9(ChevronDown2, {
+  children: /* @__PURE__ */ jsx9(ChevronDown2, {
     className: "h-4 w-4"
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React8.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.Portal, {
-  children: /* @__PURE__ */ jsxDEV9(SelectPrimitive.Content, {
+var SelectContent = React8.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, {
+  children: /* @__PURE__ */ jsxs3(SelectPrimitive.Content, {
     ref,
     className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV9(SelectScrollUpButton, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(SelectPrimitive.Viewport, {
+      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx9(SelectPrimitive.Viewport, {
         className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
         children
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(SelectScrollDownButton, {}, undefined, false, undefined, this)
+      }),
+      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
     ]
-  }, undefined, true, undefined, this)
-}, undefined, false, undefined, this));
+  })
+}));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.Label, {
+var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Label, {
   ref,
   className: cn("px-2 py-1.5 text-sm font-semibold", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.Item, {
+var SelectItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(SelectPrimitive.Item, {
   ref,
   className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV9("span", {
+    /* @__PURE__ */ jsx9("span", {
       className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
-      children: /* @__PURE__ */ jsxDEV9(SelectPrimitive.ItemIndicator, {
-        children: /* @__PURE__ */ jsxDEV9(Check2, {
+      children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx9(Check2, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV9(SelectPrimitive.ItemText, {
+        })
+      })
+    }),
+    /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, {
       children
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this));
+}));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV9(SelectPrimitive.Separator, {
+var SelectSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Separator, {
   ref,
   className: cn("-mx-1 my-1 h-px bg-muted", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 // src/ui/primitives/command.tsx
 import * as React9 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
-var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive, {
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive, {
   ref,
   className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10("div", {
+var CommandInput = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4("div", {
   className: "flex items-center border-b px-3",
   "cmdk-input-wrapper": "",
   children: [
-    /* @__PURE__ */ jsxDEV10(Search, {
+    /* @__PURE__ */ jsx10(Search, {
       className: "mr-2 h-4 w-4 shrink-0 opacity-50"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV10(CommandPrimitive.Input, {
+    }),
+    /* @__PURE__ */ jsx10(CommandPrimitive.Input, {
       ref,
       className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
       ...props
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this));
+}));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive.List, {
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.List, {
   ref,
   className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive.Empty, {
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Empty, {
   ref,
   className: "py-6 text-center text-sm",
   ...props
-}, undefined, false, undefined, this));
+}));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive.Group, {
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Group, {
   ref,
   className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive.Separator, {
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Separator, {
   ref,
   className: cn("-mx-1 h-px bg-border", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV10(CommandPrimitive.Item, {
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Item, {
   ref,
   className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsxDEV10("span", {
+  return /* @__PURE__ */ jsx10("span", {
     className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 };
 CommandShortcut.displayName = "CommandShortcut";
 // src/ui/primitives/dialog.tsx
@@ -629,16 +629,16 @@ import * as React10 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { X } from "lucide-react";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV11(DialogPrimitive.Overlay, {
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Overlay, {
   ref,
   className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentVariants = cva4("fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%] gap-4 border shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", {
   variants: {
@@ -651,61 +651,61 @@ var dialogContentVariants = cva4("fixed left-[50%] top-[50%] z-50 grid translate
     variant: "default"
   }
 });
-var DialogContent = React10.forwardRef(({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsxDEV11(DialogPortal, {
+var DialogContent = React10.forwardRef(({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal, {
   children: [
-    /* @__PURE__ */ jsxDEV11(DialogOverlay, {}, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV11(DialogPrimitive.Content, {
+    /* @__PURE__ */ jsx11(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs5(DialogPrimitive.Content, {
       ref,
       className: cn(dialogContentVariants({ variant }), className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxDEV11(DialogPrimitive.Close, {
+        /* @__PURE__ */ jsxs5(DialogPrimitive.Close, {
           className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsxDEV11(X, {
+            /* @__PURE__ */ jsx11(X, {
               className: "h-4 w-4"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV11("span", {
+            }),
+            /* @__PURE__ */ jsx11("span", {
               className: "sr-only",
               children: "Close"
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this));
+}));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxDEV11("div", {
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", {
   className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
   ...props
-}, undefined, false, undefined, this);
+});
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxDEV11("div", {
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", {
   className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
   ...props
-}, undefined, false, undefined, this);
+});
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV11(DialogPrimitive.Title, {
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Title, {
   ref,
   className: cn("text-lg font-semibold leading-none tracking-tight", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV11(DialogPrimitive.Description, {
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Description, {
   ref,
   className: cn("text-sm text-muted-foreground", className),
   ...props
-}, undefined, false, undefined, this));
+}));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/ui/components/message.tsx
 import { cva as cva5 } from "class-variance-authority";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
-var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsxDEV12("div", {
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx12("div", {
   className: cn("group flex w-full items-end justify-end gap-2 py-4", from === "user" ? "is-user" : "is-assistant flex-row-reverse justify-end", className),
   ...props
-}, undefined, false, undefined, this);
+});
 var messageContentVariants = cva5("flex flex-col gap-2 overflow-hidden rounded-lg text-sm", {
   variants: {
     variant: {
@@ -724,41 +724,41 @@ var messageContentVariants = cva5("flex flex-col gap-2 overflow-hidden rounded-l
     variant: "contained"
   }
 });
-var MessageContent = ({ children, className, variant, ...props }) => /* @__PURE__ */ jsxDEV12("div", {
+var MessageContent = ({ children, className, variant, ...props }) => /* @__PURE__ */ jsx12("div", {
   className: cn(messageContentVariants({ variant, className })),
   ...props,
   children
-}, undefined, false, undefined, this);
-var MessageAvatar = ({ src, name, className, ...props }) => /* @__PURE__ */ jsxDEV12(Avatar, {
+});
+var MessageAvatar = ({ src, name, className, ...props }) => /* @__PURE__ */ jsxs6(Avatar, {
   className: cn("size-8 ring-1 ring-border", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV12(AvatarImage, {
+    /* @__PURE__ */ jsx12(AvatarImage, {
       alt: "",
       className: "mt-0 mb-0",
       src
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV12(AvatarFallback, {
+    }),
+    /* @__PURE__ */ jsx12(AvatarFallback, {
       children: name?.slice(0, 2) || "ME"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
+});
 // src/ui/components/conversation.tsx
 import { ArrowDownIcon } from "lucide-react";
 import { useCallback } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 import { useStickToBottomContext as useStickToBottomContext2 } from "use-stick-to-bottom";
-import { jsxDEV as jsxDEV13, Fragment } from "react/jsx-dev-runtime";
-var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsxDEV13(StickToBottom, {
+import { jsx as jsx13, jsxs as jsxs7, Fragment } from "react/jsx-runtime";
+var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsx13(StickToBottom, {
   className: cn("relative flex-1 overflow-y-auto", className),
   initial: "smooth",
   role: "log",
   ...props
-}, undefined, false, undefined, this);
-var ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsxDEV13(StickToBottom.Content, {
+});
+var ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsx13(StickToBottom.Content, {
   className: cn("p-4", className),
   ...props
-}, undefined, false, undefined, this);
+});
 var ConversationEmptyState = ({
   className,
   title = "No messages yet",
@@ -766,56 +766,56 @@ var ConversationEmptyState = ({
   icon,
   children,
   ...props
-}) => /* @__PURE__ */ jsxDEV13("div", {
+}) => /* @__PURE__ */ jsx13("div", {
   className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className),
   ...props,
-  children: children ?? /* @__PURE__ */ jsxDEV13(Fragment, {
+  children: children ?? /* @__PURE__ */ jsxs7(Fragment, {
     children: [
-      icon && /* @__PURE__ */ jsxDEV13("div", {
+      icon && /* @__PURE__ */ jsx13("div", {
         className: "text-muted-foreground",
         children: icon
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13("div", {
+      }),
+      /* @__PURE__ */ jsxs7("div", {
         className: "space-y-1",
         children: [
-          /* @__PURE__ */ jsxDEV13("h3", {
+          /* @__PURE__ */ jsx13("h3", {
             className: "font-medium text-sm",
             children: title
-          }, undefined, false, undefined, this),
-          description && /* @__PURE__ */ jsxDEV13("p", {
+          }),
+          description && /* @__PURE__ */ jsx13("p", {
             className: "text-muted-foreground text-sm",
             children: description
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this)
-}, undefined, false, undefined, this);
+  })
+});
 var ConversationScrollButton = ({ className, ...props }) => {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
   const handleScrollToBottom = useCallback(() => {
     scrollToBottom();
   }, [scrollToBottom]);
-  return !isAtBottom && /* @__PURE__ */ jsxDEV13(Button, {
+  return !isAtBottom && /* @__PURE__ */ jsx13(Button, {
     className: cn("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", className),
     onClick: handleScrollToBottom,
     size: "icon",
     type: "button",
     variant: "outline",
     ...props,
-    children: /* @__PURE__ */ jsxDEV13(ArrowDownIcon, {
+    children: /* @__PURE__ */ jsx13(ArrowDownIcon, {
       className: "size-4"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 // src/ui/components/response.tsx
 import { memo } from "react";
 import { Streamdown } from "streamdown";
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
-var Response = memo(({ className, ...props }) => /* @__PURE__ */ jsxDEV14(Streamdown, {
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Response = memo(({ className, ...props }) => /* @__PURE__ */ jsx14(Streamdown, {
   className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
   ...props
-}, undefined, false, undefined, this), (prevProps, nextProps) => prevProps.children === nextProps.children);
+}), (prevProps, nextProps) => prevProps.children === nextProps.children);
 Response.displayName = "Response";
 // src/ui/components/tool.tsx
 import {
@@ -837,7 +837,7 @@ import {
   useRef,
   useState
 } from "react";
-import { jsxDEV as jsxDEV15, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsx as jsx15, jsxs as jsxs8, Fragment as Fragment2 } from "react/jsx-runtime";
 var CodeBlockContext = createContext({
   code: ""
 });
@@ -889,40 +889,40 @@ var CodeBlock = ({
     });
   }, [code, language, showLineNumbers]);
   const useFallback = !html && !darkHtml;
-  return /* @__PURE__ */ jsxDEV15(CodeBlockContext.Provider, {
+  return /* @__PURE__ */ jsx15(CodeBlockContext.Provider, {
     value: { code },
-    children: /* @__PURE__ */ jsxDEV15("div", {
+    children: /* @__PURE__ */ jsx15("div", {
       className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsxDEV15("div", {
+      children: /* @__PURE__ */ jsxs8("div", {
         className: "relative",
         children: [
-          useFallback ? /* @__PURE__ */ jsxDEV15("pre", {
+          useFallback ? /* @__PURE__ */ jsx15("pre", {
             className: "m-0 overflow-auto bg-background p-4 text-foreground text-sm",
-            children: /* @__PURE__ */ jsxDEV15("code", {
+            children: /* @__PURE__ */ jsx15("code", {
               className: "font-mono text-sm",
               children: code
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV15(Fragment2, {
+            })
+          }) : /* @__PURE__ */ jsxs8(Fragment2, {
             children: [
-              /* @__PURE__ */ jsxDEV15("div", {
+              /* @__PURE__ */ jsx15("div", {
                 className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
                 dangerouslySetInnerHTML: { __html: html }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV15("div", {
+              }),
+              /* @__PURE__ */ jsx15("div", {
                 className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
                 dangerouslySetInnerHTML: { __html: darkHtml }
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          children && /* @__PURE__ */ jsxDEV15("div", {
+          }),
+          children && /* @__PURE__ */ jsx15("div", {
             className: "absolute top-2 right-2 flex items-center gap-2",
             children
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 };
 var CodeBlockCopyButton = ({
   onCopy,
@@ -949,24 +949,24 @@ var CodeBlockCopyButton = ({
     }
   };
   const Icon2 = isCopied ? CheckIcon : CopyIcon;
-  return /* @__PURE__ */ jsxDEV15(Button, {
+  return /* @__PURE__ */ jsx15(Button, {
     className: cn("shrink-0", className),
     onClick: copyToClipboard,
     size: "icon",
     variant: "ghost",
     ...props,
-    children: children ?? /* @__PURE__ */ jsxDEV15(Icon2, {
+    children: children ?? /* @__PURE__ */ jsx15(Icon2, {
       size: 14
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 
 // src/ui/components/tool.tsx
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
-var Tool = ({ className, ...props }) => /* @__PURE__ */ jsxDEV16(Collapsible, {
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var Tool = ({ className, ...props }) => /* @__PURE__ */ jsx16(Collapsible, {
   className: cn("not-prose mb-4 w-full rounded-md border", className),
   ...props
-}, undefined, false, undefined, this);
+});
 var getStatusBadge = (status) => {
   const labels = {
     "input-streaming": "Pending",
@@ -978,163 +978,163 @@ var getStatusBadge = (status) => {
     "output-denied": "Denied"
   };
   const icons = {
-    "input-streaming": /* @__PURE__ */ jsxDEV16(CircleIcon, {
+    "input-streaming": /* @__PURE__ */ jsx16(CircleIcon, {
       className: "size-4"
-    }, undefined, false, undefined, this),
-    "input-available": /* @__PURE__ */ jsxDEV16(ClockIcon, {
+    }),
+    "input-available": /* @__PURE__ */ jsx16(ClockIcon, {
       className: "size-4 animate-pulse"
-    }, undefined, false, undefined, this),
-    "approval-requested": /* @__PURE__ */ jsxDEV16(ClockIcon, {
+    }),
+    "approval-requested": /* @__PURE__ */ jsx16(ClockIcon, {
       className: "size-4 text-yellow-600"
-    }, undefined, false, undefined, this),
-    "approval-responded": /* @__PURE__ */ jsxDEV16(CheckCircleIcon, {
+    }),
+    "approval-responded": /* @__PURE__ */ jsx16(CheckCircleIcon, {
       className: "size-4 text-blue-600"
-    }, undefined, false, undefined, this),
-    "output-available": /* @__PURE__ */ jsxDEV16(CheckCircleIcon, {
+    }),
+    "output-available": /* @__PURE__ */ jsx16(CheckCircleIcon, {
       className: "size-4 text-green-600"
-    }, undefined, false, undefined, this),
-    "output-error": /* @__PURE__ */ jsxDEV16(XCircleIcon, {
+    }),
+    "output-error": /* @__PURE__ */ jsx16(XCircleIcon, {
       className: "size-4 text-red-600"
-    }, undefined, false, undefined, this),
-    "output-denied": /* @__PURE__ */ jsxDEV16(XCircleIcon, {
+    }),
+    "output-denied": /* @__PURE__ */ jsx16(XCircleIcon, {
       className: "size-4 text-orange-600"
-    }, undefined, false, undefined, this)
+    })
   };
-  return /* @__PURE__ */ jsxDEV16(Badge, {
+  return /* @__PURE__ */ jsxs9(Badge, {
     className: "gap-1.5 rounded-full text-xs",
     variant: "secondary",
     children: [
       icons[status],
       labels[status]
     ]
-  }, undefined, true, undefined, this);
+  });
 };
-var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsxDEV16(CollapsibleTrigger2, {
+var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsxs9(CollapsibleTrigger2, {
   className: cn("group flex w-full items-center justify-between gap-4 p-3", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV16("div", {
+    /* @__PURE__ */ jsxs9("div", {
       className: "flex items-center gap-2",
       children: [
-        /* @__PURE__ */ jsxDEV16(WrenchIcon, {
+        /* @__PURE__ */ jsx16(WrenchIcon, {
           className: "size-4 text-muted-foreground"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV16("span", {
+        }),
+        /* @__PURE__ */ jsx16("span", {
           className: "font-medium text-sm",
           children: title ?? type?.split("-").slice(1).join("-") ?? "Tool"
-        }, undefined, false, undefined, this),
+        }),
         getStatusBadge(state)
       ]
-    }, undefined, true, undefined, this),
-    /* @__PURE__ */ jsxDEV16(ChevronDownIcon, {
+    }),
+    /* @__PURE__ */ jsx16(ChevronDownIcon, {
       className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
-var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsxDEV16(CollapsibleContent2, {
+});
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx16(CollapsibleContent2, {
   className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className),
   ...props
-}, undefined, false, undefined, this);
-var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxDEV16("div", {
+});
+var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs9("div", {
   className: cn("space-y-2 overflow-hidden p-4", className),
   ...props,
   children: [
-    /* @__PURE__ */ jsxDEV16("h4", {
+    /* @__PURE__ */ jsx16("h4", {
       className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
       children: "Parameters"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV16("div", {
+    }),
+    /* @__PURE__ */ jsx16("div", {
       className: "rounded-md bg-muted/50",
-      children: /* @__PURE__ */ jsxDEV16(CodeBlock, {
+      children: /* @__PURE__ */ jsx16(CodeBlock, {
         code: JSON.stringify(input, null, 2),
         language: "json"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
+      })
+    })
   ]
-}, undefined, true, undefined, this);
+});
 var ToolOutput = ({ className, output, errorText, ...props }) => {
   if (!(output || errorText)) {
     return null;
   }
-  let Output = /* @__PURE__ */ jsxDEV16("div", {
+  let Output = /* @__PURE__ */ jsx16("div", {
     children: output
-  }, undefined, false, undefined, this);
+  });
   if (typeof output === "object" && !isValidElement(output)) {
-    Output = /* @__PURE__ */ jsxDEV16(CodeBlock, {
+    Output = /* @__PURE__ */ jsx16(CodeBlock, {
       code: JSON.stringify(output, null, 2),
       language: "json"
-    }, undefined, false, undefined, this);
+    });
   } else if (typeof output === "string") {
-    Output = /* @__PURE__ */ jsxDEV16(CodeBlock, {
+    Output = /* @__PURE__ */ jsx16(CodeBlock, {
       code: output,
       language: "json"
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV16("div", {
+  return /* @__PURE__ */ jsxs9("div", {
     className: cn("space-y-2 p-4", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV16("h4", {
+      /* @__PURE__ */ jsx16("h4", {
         className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
         children: errorText ? "Error" : "Result"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV16("div", {
+      }),
+      /* @__PURE__ */ jsxs9("div", {
         className: cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", errorText ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"),
         children: [
-          errorText && /* @__PURE__ */ jsxDEV16("div", {
+          errorText && /* @__PURE__ */ jsx16("div", {
             children: errorText
-          }, undefined, false, undefined, this),
+          }),
           Output
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 // src/ui/components/artifact.tsx
 import { XIcon } from "lucide-react";
-import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
-var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("div", {
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", {
   className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className),
   ...props
-}, undefined, false, undefined, this);
-var ArtifactHeader = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("div", {
+});
+var ArtifactHeader = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", {
   className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className),
   ...props
-}, undefined, false, undefined, this);
+});
 var ArtifactClose = ({
   className,
   children,
   size = "sm",
   variant = "ghost",
   ...props
-}) => /* @__PURE__ */ jsxDEV17(Button, {
+}) => /* @__PURE__ */ jsxs10(Button, {
   className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
   size,
   type: "button",
   variant,
   ...props,
   children: [
-    children ?? /* @__PURE__ */ jsxDEV17(XIcon, {
+    children ?? /* @__PURE__ */ jsx17(XIcon, {
       className: "size-4"
-    }, undefined, false, undefined, this),
-    /* @__PURE__ */ jsxDEV17("span", {
+    }),
+    /* @__PURE__ */ jsx17("span", {
       className: "sr-only",
       children: "Close"
-    }, undefined, false, undefined, this)
+    })
   ]
-}, undefined, true, undefined, this);
-var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("p", {
+});
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx17("p", {
   className: cn("font-medium text-foreground text-sm", className),
   ...props
-}, undefined, false, undefined, this);
-var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("p", {
+});
+var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsx17("p", {
   className: cn("text-muted-foreground text-sm", className),
   ...props
-}, undefined, false, undefined, this);
-var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("div", {
+});
+var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", {
   className: cn("flex items-center gap-1", className),
   ...props
-}, undefined, false, undefined, this);
+});
 var ArtifactAction = ({
   tooltip,
   label,
@@ -1145,80 +1145,80 @@ var ArtifactAction = ({
   variant = "ghost",
   ...props
 }) => {
-  const button = /* @__PURE__ */ jsxDEV17(Button, {
+  const button = /* @__PURE__ */ jsxs10(Button, {
     className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
     size,
     type: "button",
     variant,
     ...props,
     children: [
-      Icon2 ? /* @__PURE__ */ jsxDEV17(Icon2, {
+      Icon2 ? /* @__PURE__ */ jsx17(Icon2, {
         className: "size-4"
-      }, undefined, false, undefined, this) : children,
-      /* @__PURE__ */ jsxDEV17("span", {
+      }) : children,
+      /* @__PURE__ */ jsx17("span", {
         className: "sr-only",
         children: label || tooltip
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   if (tooltip) {
-    return /* @__PURE__ */ jsxDEV17(TooltipProvider, {
-      children: /* @__PURE__ */ jsxDEV17(Tooltip, {
+    return /* @__PURE__ */ jsx17(TooltipProvider, {
+      children: /* @__PURE__ */ jsxs10(Tooltip, {
         children: [
-          /* @__PURE__ */ jsxDEV17(TooltipTrigger, {
+          /* @__PURE__ */ jsx17(TooltipTrigger, {
             asChild: true,
             children: button
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV17(TooltipContent, {
-            children: /* @__PURE__ */ jsxDEV17("p", {
+          }),
+          /* @__PURE__ */ jsx17(TooltipContent, {
+            children: /* @__PURE__ */ jsx17("p", {
               children: tooltip
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   return button;
 };
-var ArtifactContent = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("div", {
+var ArtifactContent = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", {
   className: cn("flex-1 overflow-auto p-4", className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/components/streaming-indicator.tsx
 import { Bot } from "lucide-react";
-import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function StreamingIndicator({ className, icon, avatar, ...props }) {
-  return /* @__PURE__ */ jsxDEV18("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     className: cn("flex items-start gap-3 px-1", className),
     ...props,
     children: [
-      avatar ?? /* @__PURE__ */ jsxDEV18("div", {
+      avatar ?? /* @__PURE__ */ jsx18("div", {
         className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5",
-        children: icon ?? /* @__PURE__ */ jsxDEV18(Bot, {
+        children: icon ?? /* @__PURE__ */ jsx18(Bot, {
           className: "h-4 w-4 text-primary"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs11("div", {
         className: "flex items-center gap-1.5 pt-2.5",
         children: [
-          /* @__PURE__ */ jsxDEV18("span", {
+          /* @__PURE__ */ jsx18("span", {
             className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV18("span", {
+          }),
+          /* @__PURE__ */ jsx18("span", {
             className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:150ms]"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV18("span", {
+          }),
+          /* @__PURE__ */ jsx18("span", {
             className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:300ms]"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/ui/components/audio-recorder.tsx
 import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { Loader2, Mic, Square } from "lucide-react";
-import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function encodeWav(samples, sampleRate) {
   const numChannels = 1;
   const bitsPerSample = 16;
@@ -1433,22 +1433,22 @@ function AudioRecorder({
   };
   if (!isSupported)
     return null;
-  return /* @__PURE__ */ jsxDEV19("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     className: cn("flex items-center gap-1", className),
     children: [
-      isRecording && /* @__PURE__ */ jsxDEV19("span", {
+      isRecording && /* @__PURE__ */ jsx19("span", {
         className: "text-xs text-destructive font-mono animate-pulse",
         children: formatDuration(duration)
-      }, undefined, false, undefined, this),
-      isTranscribing ? /* @__PURE__ */ jsxDEV19("span", {
+      }),
+      isTranscribing ? /* @__PURE__ */ jsxs12("span", {
         className: "flex items-center gap-1.5 text-xs text-muted-foreground",
         children: [
-          /* @__PURE__ */ jsxDEV19(Loader2, {
+          /* @__PURE__ */ jsx19(Loader2, {
             className: "size-3.5 animate-spin"
-          }, undefined, false, undefined, this),
+          }),
           resolvedLabels.transcribing
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV19(Button, {
+      }) : /* @__PURE__ */ jsx19(Button, {
         type: "button",
         variant: "ghost",
         size: "icon",
@@ -1456,49 +1456,49 @@ function AudioRecorder({
         disabled,
         onClick: isRecording ? stopRecording : startRecording,
         title: isRecording ? resolvedLabels.stopRecording : resolvedLabels.recordAudio,
-        children: isRecording ? /* @__PURE__ */ jsxDEV19(Square, {
+        children: isRecording ? /* @__PURE__ */ jsx19(Square, {
           className: "size-4 fill-current"
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19(Mic, {
+        }) : /* @__PURE__ */ jsx19(Mic, {
           className: "size-4"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/ui/components/smart-timestamp.tsx
-import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function SmartTimestamp({ date, formatShort, className }) {
   const shortText = formatShort ? formatShort(date) : formatSmartTimestamp(date);
   const fullText = formatFullTimestamp(date);
-  return /* @__PURE__ */ jsxDEV20(TooltipProvider, {
-    children: /* @__PURE__ */ jsxDEV20(Tooltip, {
+  return /* @__PURE__ */ jsx20(TooltipProvider, {
+    children: /* @__PURE__ */ jsxs13(Tooltip, {
       children: [
-        /* @__PURE__ */ jsxDEV20(TooltipTrigger, {
+        /* @__PURE__ */ jsx20(TooltipTrigger, {
           asChild: true,
-          children: /* @__PURE__ */ jsxDEV20("span", {
+          children: /* @__PURE__ */ jsx20("span", {
             className,
             children: shortText
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV20(TooltipContent, {
-          children: /* @__PURE__ */ jsxDEV20("p", {
+          })
+        }),
+        /* @__PURE__ */ jsx20(TooltipContent, {
+          children: /* @__PURE__ */ jsx20("p", {
             children: fullText
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/ui/components/file-preview-card.tsx
 import { FileIcon, Search as Search2 } from "lucide-react";
-import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function ExtBadge({ ext }) {
   if (!ext)
     return null;
-  return /* @__PURE__ */ jsxDEV21("span", {
+  return /* @__PURE__ */ jsx21("span", {
     className: "absolute bottom-1.5 left-1.5 rounded px-1 py-0.5 text-[9px] font-semibold uppercase leading-none bg-background/80 text-muted-foreground border border-border/50 backdrop-blur-sm",
     children: ext
-  }, undefined, false, undefined, this);
+  });
 }
 function FilePreviewCard({ file, onClick, className }) {
   const previewType = getFilePreviewType(file.type);
@@ -1506,214 +1506,214 @@ function FilePreviewCard({ file, onClick, className }) {
   const ext = getFileExtension(file.name, file.type);
   const cardBase = cn("group relative flex flex-col overflow-hidden rounded-xl border border-border bg-muted/20 w-28 h-28", isClickable && "cursor-pointer hover:border-foreground/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors", className);
   if (previewType === "image" && file.url) {
-    return /* @__PURE__ */ jsxDEV21("button", {
+    return /* @__PURE__ */ jsxs14("button", {
       type: "button",
       onClick,
       disabled: !isClickable,
       className: cardBase,
       children: [
-        /* @__PURE__ */ jsxDEV21("img", {
+        /* @__PURE__ */ jsx21("img", {
           src: file.url,
           alt: file.name,
           className: "w-full h-full object-cover"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV21(ExtBadge, {
+        }),
+        /* @__PURE__ */ jsx21(ExtBadge, {
           ext
-        }, undefined, false, undefined, this),
-        isClickable && /* @__PURE__ */ jsxDEV21("div", {
+        }),
+        isClickable && /* @__PURE__ */ jsx21("div", {
           className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors",
-          children: /* @__PURE__ */ jsxDEV21(Search2, {
+          children: /* @__PURE__ */ jsx21(Search2, {
             className: "h-5 w-5 text-white opacity-0 group-hover:opacity-100 transition-opacity"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   if (previewType === "pdf" && file.url) {
-    return /* @__PURE__ */ jsxDEV21("button", {
+    return /* @__PURE__ */ jsxs14("button", {
       type: "button",
       onClick,
       disabled: !isClickable,
       className: cardBase,
       children: [
-        /* @__PURE__ */ jsxDEV21("div", {
+        /* @__PURE__ */ jsx21("div", {
           className: "w-full h-full overflow-hidden pointer-events-none",
-          children: /* @__PURE__ */ jsxDEV21("object", {
+          children: /* @__PURE__ */ jsx21("object", {
             data: `${file.url}#page=1&view=FitH`,
             type: "application/pdf",
             className: "w-[200%] h-[200%] origin-top-left scale-50",
             "aria-label": file.name,
-            children: /* @__PURE__ */ jsxDEV21("div", {
+            children: /* @__PURE__ */ jsx21("div", {
               className: "flex items-center justify-center w-full h-full",
-              children: /* @__PURE__ */ jsxDEV21(FileIcon, {
+              children: /* @__PURE__ */ jsx21(FileIcon, {
                 className: "h-8 w-8 text-muted-foreground/40"
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV21(ExtBadge, {
+              })
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx21(ExtBadge, {
           ext
-        }, undefined, false, undefined, this),
-        isClickable && /* @__PURE__ */ jsxDEV21("div", {
+        }),
+        isClickable && /* @__PURE__ */ jsx21("div", {
           className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/10 transition-colors",
-          children: /* @__PURE__ */ jsxDEV21(Search2, {
+          children: /* @__PURE__ */ jsx21(Search2, {
             className: "h-5 w-5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV21("button", {
+  return /* @__PURE__ */ jsxs14("button", {
     type: "button",
     onClick,
     disabled: !isClickable,
     className: cardBase,
     children: [
-      /* @__PURE__ */ jsxDEV21("div", {
+      /* @__PURE__ */ jsx21("div", {
         className: "flex-1 flex items-center justify-center",
-        children: /* @__PURE__ */ jsxDEV21(FileIcon, {
+        children: /* @__PURE__ */ jsx21(FileIcon, {
           className: "h-8 w-8 text-muted-foreground/40"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV21("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs14("div", {
         className: "w-full text-center min-w-0 px-2 pb-2 space-y-0.5",
         children: [
-          /* @__PURE__ */ jsxDEV21("p", {
+          /* @__PURE__ */ jsx21("p", {
             className: "text-[10px] text-foreground truncate leading-tight",
             title: file.name,
             children: file.name
-          }, undefined, false, undefined, this),
-          file.size != null && file.size > 0 && /* @__PURE__ */ jsxDEV21("p", {
+          }),
+          file.size != null && file.size > 0 && /* @__PURE__ */ jsx21("p", {
             className: "text-[9px] text-muted-foreground leading-tight",
             children: formatFileSize(file.size)
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV21(ExtBadge, {
+      }),
+      /* @__PURE__ */ jsx21(ExtBadge, {
         ext
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/ui/components/file-preview-modal.tsx
 import { Download, FileIcon as FileIcon2 } from "lucide-react";
-import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function FilePreviewModal({ open, onOpenChange, file }) {
   if (!file)
     return null;
   const previewType = getFilePreviewType(file.type);
   const canPreview = isPreviewable(file.type) && !!file.url;
-  return /* @__PURE__ */ jsxDEV22(Dialog, {
+  return /* @__PURE__ */ jsx22(Dialog, {
     open,
     onOpenChange,
-    children: previewType === "image" && file.url ? /* @__PURE__ */ jsxDEV22(DialogContent, {
+    children: previewType === "image" && file.url ? /* @__PURE__ */ jsxs15(DialogContent, {
       variant: "lightbox",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsxDEV22(DialogTitle, {
+        /* @__PURE__ */ jsx22(DialogTitle, {
           className: "sr-only",
           children: file.name
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV22("img", {
+        }),
+        /* @__PURE__ */ jsx22("img", {
           src: file.url,
           alt: file.name,
           className: "max-h-[85vh] max-w-full object-contain rounded-md"
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsxDEV22(DialogContent, {
+    }) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsxs15(DialogContent, {
       variant: "lightbox",
       className: "w-[80vw] h-[85vh]",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsxDEV22(DialogTitle, {
+        /* @__PURE__ */ jsx22(DialogTitle, {
           className: "sr-only",
           children: file.name
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV22("object", {
+        }),
+        /* @__PURE__ */ jsx22("object", {
           data: file.url,
           type: "application/pdf",
           className: "w-full h-full rounded-md",
-          children: /* @__PURE__ */ jsxDEV22("div", {
+          children: /* @__PURE__ */ jsxs15("div", {
             className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsxDEV22("p", {
+              /* @__PURE__ */ jsx22("p", {
                 className: "text-sm",
                 children: "Unable to display PDF"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV22("a", {
+              }),
+              /* @__PURE__ */ jsxs15("a", {
                 href: file.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
                 children: [
-                  /* @__PURE__ */ jsxDEV22(Download, {
+                  /* @__PURE__ */ jsx22(Download, {
                     className: "h-4 w-4"
-                  }, undefined, false, undefined, this),
+                  }),
                   "Download ",
                   file.name
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV22(DialogContent, {
+    }) : /* @__PURE__ */ jsxs15(DialogContent, {
       children: [
-        /* @__PURE__ */ jsxDEV22(DialogHeader, {
+        /* @__PURE__ */ jsxs15(DialogHeader, {
           children: [
-            /* @__PURE__ */ jsxDEV22(DialogTitle, {
+            /* @__PURE__ */ jsxs15(DialogTitle, {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsxDEV22(FileIcon2, {
+                /* @__PURE__ */ jsx22(FileIcon2, {
                   className: "h-5 w-5 text-muted-foreground"
-                }, undefined, false, undefined, this),
+                }),
                 file.name
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV22(DialogDescription, {
+            }),
+            /* @__PURE__ */ jsxs15(DialogDescription, {
               children: [
-                file.size != null && file.size > 0 && /* @__PURE__ */ jsxDEV22("span", {
+                file.size != null && file.size > 0 && /* @__PURE__ */ jsx22("span", {
                   children: formatFileSize(file.size)
-                }, undefined, false, undefined, this),
-                !canPreview && /* @__PURE__ */ jsxDEV22("span", {
+                }),
+                !canPreview && /* @__PURE__ */ jsx22("span", {
                   children: " · Preview not available for this file type"
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV22("div", {
+        }),
+        /* @__PURE__ */ jsxs15("div", {
           className: "flex flex-col items-center justify-center py-8 text-muted-foreground gap-3",
           children: [
-            /* @__PURE__ */ jsxDEV22(FileIcon2, {
+            /* @__PURE__ */ jsx22(FileIcon2, {
               className: "h-12 w-12"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV22("p", {
+            }),
+            /* @__PURE__ */ jsx22("p", {
               className: "text-sm",
               children: "Preview not available"
-            }, undefined, false, undefined, this),
-            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxDEV22("a", {
+            }),
+            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxs15("a", {
               href: file.url,
               target: "_blank",
               rel: "noopener noreferrer",
               className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
               children: [
-                /* @__PURE__ */ jsxDEV22(Download, {
+                /* @__PURE__ */ jsx22(Download, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this),
+                }),
                 "Download file"
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/ui/components/image-lightbox.tsx
 import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
 import { ChevronLeft, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsxDEV as jsxDEV23, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { jsx as jsx23, jsxs as jsxs16, Fragment as Fragment3 } from "react/jsx-runtime";
 function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const [currentIndex, setCurrentIndex] = useState3(initialIndex);
   const hasMultiple = images.length > 1;
@@ -1744,70 +1744,70 @@ function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
   const current = images[currentIndex];
   if (!current)
     return null;
-  return /* @__PURE__ */ jsxDEV23(Dialog, {
+  return /* @__PURE__ */ jsx23(Dialog, {
     open,
     onOpenChange,
-    children: /* @__PURE__ */ jsxDEV23(DialogContent, {
+    children: /* @__PURE__ */ jsxs16(DialogContent, {
       variant: "lightbox",
       "aria-describedby": undefined,
       children: [
-        /* @__PURE__ */ jsxDEV23(DialogTitle, {
+        /* @__PURE__ */ jsx23(DialogTitle, {
           className: "sr-only",
           children: current.alt || `Image ${currentIndex + 1} of ${images.length}`
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23("div", {
+        }),
+        /* @__PURE__ */ jsxs16("div", {
           className: "relative flex items-center justify-center",
           children: [
-            /* @__PURE__ */ jsxDEV23("img", {
+            /* @__PURE__ */ jsx23("img", {
               src: current.url,
               alt: current.alt || "Image preview",
               className: "max-h-[85vh] max-w-full object-contain rounded-md"
-            }, undefined, false, undefined, this),
-            hasMultiple && /* @__PURE__ */ jsxDEV23(Fragment3, {
+            }),
+            hasMultiple && /* @__PURE__ */ jsxs16(Fragment3, {
               children: [
-                /* @__PURE__ */ jsxDEV23("button", {
+                /* @__PURE__ */ jsxs16("button", {
                   type: "button",
                   onClick: goPrev,
                   className: cn("absolute left-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white", "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"),
                   children: [
-                    /* @__PURE__ */ jsxDEV23(ChevronLeft, {
+                    /* @__PURE__ */ jsx23(ChevronLeft, {
                       className: "h-5 w-5"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV23("span", {
+                    }),
+                    /* @__PURE__ */ jsx23("span", {
                       className: "sr-only",
                       children: "Previous image"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV23("button", {
+                }),
+                /* @__PURE__ */ jsxs16("button", {
                   type: "button",
                   onClick: goNext,
                   className: cn("absolute right-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white", "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"),
                   children: [
-                    /* @__PURE__ */ jsxDEV23(ChevronRight2, {
+                    /* @__PURE__ */ jsx23(ChevronRight2, {
                       className: "h-5 w-5"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV23("span", {
+                    }),
+                    /* @__PURE__ */ jsx23("span", {
                       className: "sr-only",
                       children: "Next image"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV23("div", {
+                }),
+                /* @__PURE__ */ jsxs16("div", {
                   className: "absolute bottom-2 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-xs text-white",
                   children: [
                     currentIndex + 1,
                     " / ",
                     images.length
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/ui/components/prompt-input/context.ts
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -1843,7 +1843,7 @@ var DropZoneContext = createContext2({ isDraggingOver: false });
 var usePromptInputDropZone = () => useContext2(DropZoneContext);
 // src/ui/components/prompt-input/provider.tsx
 import { useCallback as useCallback4, useMemo, useRef as useRef3, useState as useState4 } from "react";
-import { jsxDEV as jsxDEV24 } from "react/jsx-dev-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function generateId() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     return crypto.randomUUID();
@@ -1904,17 +1904,17 @@ function PromptInputProvider({ initialInput: initialTextInput = "", children })
     attachments,
     __registerFileInput
   }), [textInput, clearInput, attachments, __registerFileInput]);
-  return /* @__PURE__ */ jsxDEV24(PromptInputController.Provider, {
+  return /* @__PURE__ */ jsx24(PromptInputController.Provider, {
     value: controller,
-    children: /* @__PURE__ */ jsxDEV24(ProviderAttachmentsContext.Provider, {
+    children: /* @__PURE__ */ jsx24(ProviderAttachmentsContext.Provider, {
       value: attachments,
       children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/ui/components/prompt-input/prompt-input.tsx
 import { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState5 } from "react";
-import { jsxDEV as jsxDEV25 } from "react/jsx-dev-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function generateId2() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
     return crypto.randomUUID();
@@ -2166,15 +2166,15 @@ var PromptInput = ({
     });
   };
   const dropZoneValue = useMemo2(() => ({ isDraggingOver }), [isDraggingOver]);
-  const inner = /* @__PURE__ */ jsxDEV25(DropZoneContext.Provider, {
+  const inner = /* @__PURE__ */ jsx25(DropZoneContext.Provider, {
     value: dropZoneValue,
-    children: /* @__PURE__ */ jsxDEV25("form", {
+    children: /* @__PURE__ */ jsxs17("form", {
       className: cn("relative w-full", className),
       onSubmit: handleSubmit,
       ref: formRef,
       ...props,
       children: [
-        /* @__PURE__ */ jsxDEV25("input", {
+        /* @__PURE__ */ jsx25("input", {
           accept,
           "aria-label": "Upload files",
           className: "hidden",
@@ -2183,21 +2183,21 @@ var PromptInput = ({
           ref: inputRef,
           title: "Upload files",
           type: "file"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV25(InputGroup, {
+        }),
+        /* @__PURE__ */ jsx25(InputGroup, {
           children
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-  return usingProvider ? inner : /* @__PURE__ */ jsxDEV25(LocalAttachmentsContext.Provider, {
+    })
+  });
+  return usingProvider ? inner : /* @__PURE__ */ jsx25(LocalAttachmentsContext.Provider, {
     value: ctx,
     children: inner
-  }, undefined, false, undefined, this);
+  });
 };
 // src/ui/components/prompt-input/textarea.tsx
 import { useState as useState6 } from "react";
-import { jsxDEV as jsxDEV26 } from "react/jsx-dev-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var PromptInputTextarea = ({
   onChange,
   className,
@@ -2247,7 +2247,7 @@ var PromptInputTextarea = ({
       onChange?.(e);
     }
   } : { onChange };
-  return /* @__PURE__ */ jsxDEV26(InputGroupTextarea, {
+  return /* @__PURE__ */ jsx26(InputGroupTextarea, {
     className: cn("[field-sizing:content] max-h-48 text-base", className),
     rows: 1,
     name: "message",
@@ -2258,52 +2258,52 @@ var PromptInputTextarea = ({
     placeholder,
     ...props,
     ...controlledProps
-  }, undefined, false, undefined, this);
+  });
 };
 // src/ui/components/prompt-input/attachments.tsx
 import { ImageIcon, MicIcon, PaperclipIcon, XIcon as XIcon2 } from "lucide-react";
 import { Fragment as Fragment4 } from "react";
-import { jsxDEV as jsxDEV27 } from "react/jsx-dev-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function PromptInputAttachment({ data, className, ...props }) {
   const attachments = usePromptInputAttachments();
   const filename = data.filename || "";
   const isImage = data.mediaType?.startsWith("image/") && data.url;
   const isAudio = data.mediaType?.startsWith("audio/");
   const attachmentLabel = filename || (isImage ? "Image" : isAudio ? "Audio" : "Attachment");
-  return /* @__PURE__ */ jsxDEV27(HoverCard, {
+  return /* @__PURE__ */ jsxs18(HoverCard, {
     openDelay: 0,
     closeDelay: 0,
     children: [
-      /* @__PURE__ */ jsxDEV27(HoverCardTrigger, {
+      /* @__PURE__ */ jsx27(HoverCardTrigger, {
         asChild: true,
-        children: /* @__PURE__ */ jsxDEV27("div", {
+        children: /* @__PURE__ */ jsxs18("div", {
           className: cn("group relative flex h-8 cursor-default select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxDEV27("div", {
+            /* @__PURE__ */ jsxs18("div", {
               className: "relative size-5 shrink-0",
               children: [
-                /* @__PURE__ */ jsxDEV27("div", {
+                /* @__PURE__ */ jsx27("div", {
                   className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0",
-                  children: isImage ? /* @__PURE__ */ jsxDEV27("img", {
+                  children: isImage ? /* @__PURE__ */ jsx27("img", {
                     alt: filename || "attachment",
                     className: "size-5 object-cover",
                     height: 20,
                     src: data.url,
                     width: 20
-                  }, undefined, false, undefined, this) : isAudio ? /* @__PURE__ */ jsxDEV27("div", {
+                  }) : isAudio ? /* @__PURE__ */ jsx27("div", {
                     className: "flex size-5 items-center justify-center text-muted-foreground",
-                    children: /* @__PURE__ */ jsxDEV27(MicIcon, {
+                    children: /* @__PURE__ */ jsx27(MicIcon, {
                       className: "size-3"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV27("div", {
+                    })
+                  }) : /* @__PURE__ */ jsx27("div", {
                     className: "flex size-5 items-center justify-center text-muted-foreground",
-                    children: /* @__PURE__ */ jsxDEV27(PaperclipIcon, {
+                    children: /* @__PURE__ */ jsx27(PaperclipIcon, {
                       className: "size-3"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV27(Button, {
+                    })
+                  })
+                }),
+                /* @__PURE__ */ jsxs18(Button, {
                   "aria-label": "Remove attachment",
                   className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
                   onClick: (e) => {
@@ -2313,119 +2313,119 @@ function PromptInputAttachment({ data, className, ...props }) {
                   type: "button",
                   variant: "ghost",
                   children: [
-                    /* @__PURE__ */ jsxDEV27(XIcon2, {}, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV27("span", {
+                    /* @__PURE__ */ jsx27(XIcon2, {}),
+                    /* @__PURE__ */ jsx27("span", {
                       className: "sr-only",
                       children: "Remove"
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV27("span", {
+            }),
+            /* @__PURE__ */ jsx27("span", {
               className: "flex-1 truncate",
               children: attachmentLabel
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, data.id, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV27(HoverCardContent, {
+        }, data.id)
+      }),
+      /* @__PURE__ */ jsx27(HoverCardContent, {
         align: "start",
         className: "w-auto p-2",
-        children: /* @__PURE__ */ jsxDEV27("div", {
+        children: /* @__PURE__ */ jsxs18("div", {
           className: "w-auto space-y-3",
           children: [
-            isImage && /* @__PURE__ */ jsxDEV27("div", {
+            isImage && /* @__PURE__ */ jsx27("div", {
               className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
-              children: /* @__PURE__ */ jsxDEV27("img", {
+              children: /* @__PURE__ */ jsx27("img", {
                 alt: filename || "attachment preview",
                 className: "max-h-full max-w-full object-contain",
                 height: 384,
                 src: data.url,
                 width: 448
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            isAudio && data.url && /* @__PURE__ */ jsxDEV27("div", {
+              })
+            }),
+            isAudio && data.url && /* @__PURE__ */ jsx27("div", {
               className: "w-64",
-              children: /* @__PURE__ */ jsxDEV27("audio", {
+              children: /* @__PURE__ */ jsx27("audio", {
                 src: data.url,
                 controls: true,
                 className: "w-full"
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV27("div", {
+              })
+            }),
+            /* @__PURE__ */ jsx27("div", {
               className: "flex items-center gap-2.5",
-              children: /* @__PURE__ */ jsxDEV27("div", {
+              children: /* @__PURE__ */ jsxs18("div", {
                 className: "min-w-0 flex-1 space-y-1 px-0.5",
                 children: [
-                  /* @__PURE__ */ jsxDEV27("h4", {
+                  /* @__PURE__ */ jsx27("h4", {
                     className: "truncate font-semibold text-sm leading-none",
                     children: filename || (isImage ? "Image" : "Attachment")
-                  }, undefined, false, undefined, this),
-                  data.mediaType && /* @__PURE__ */ jsxDEV27("p", {
+                  }),
+                  data.mediaType && /* @__PURE__ */ jsx27("p", {
                     className: "truncate font-mono text-muted-foreground text-xs",
                     children: data.mediaType
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
+              })
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function PromptInputAttachments({ children }) {
   const attachments = usePromptInputAttachments();
   if (!attachments.files.length)
     return null;
-  return attachments.files.map((file) => /* @__PURE__ */ jsxDEV27(Fragment4, {
+  return attachments.files.map((file) => /* @__PURE__ */ jsx27(Fragment4, {
     children: children(file)
-  }, file.id, false, undefined, this));
+  }, file.id));
 }
 var PromptInputActionAddAttachments = ({
   label = "Add photos or files",
   ...props
 }) => {
   const attachments = usePromptInputAttachments();
-  return /* @__PURE__ */ jsxDEV27(DropdownMenuItem, {
+  return /* @__PURE__ */ jsxs18(DropdownMenuItem, {
     ...props,
     onSelect: () => {
       attachments.openFileDialog();
     },
     children: [
-      /* @__PURE__ */ jsxDEV27(ImageIcon, {
+      /* @__PURE__ */ jsx27(ImageIcon, {
         className: "mr-2 size-4"
-      }, undefined, false, undefined, this),
+      }),
       " ",
       label
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 // src/ui/components/prompt-input/footer.tsx
-import { jsxDEV as jsxDEV28 } from "react/jsx-dev-runtime";
-var PromptInputBody = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28("div", {
+import { jsx as jsx28 } from "react/jsx-runtime";
+var PromptInputBody = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", {
   className: cn("contents", className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28(InputGroupAddon, {
+});
+var PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsx28(InputGroupAddon, {
   align: "block-start",
   className: cn("flex-wrap gap-1 empty:hidden empty:p-0", className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28(InputGroupAddon, {
+});
+var PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx28(InputGroupAddon, {
   align: "block-end",
   className: cn("justify-between gap-1", className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28("div", {
+});
+var PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", {
   className: cn("flex items-center gap-1", className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/components/prompt-input/buttons.tsx
 import { Loader2Icon, PlusIcon, SendIcon, SquareIcon, XIcon as XIcon3 } from "lucide-react";
 import { Children } from "react";
-import { jsxDEV as jsxDEV29 } from "react/jsx-dev-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var PromptInputButton = ({
   variant = "ghost",
   className,
@@ -2433,13 +2433,13 @@ var PromptInputButton = ({
   ...props
 }) => {
   const newSize = size ?? (Children.count(props.children) > 1 ? "sm" : "icon-sm");
-  return /* @__PURE__ */ jsxDEV29(InputGroupButton, {
+  return /* @__PURE__ */ jsx29(InputGroupButton, {
     className: cn(className),
     size: newSize,
     type: "button",
     variant,
     ...props
-  }, undefined, false, undefined, this);
+  });
 };
 var PromptInputSubmit = ({
   className,
@@ -2449,23 +2449,23 @@ var PromptInputSubmit = ({
   children,
   ...props
 }) => {
-  let Icon2 = /* @__PURE__ */ jsxDEV29(SendIcon, {
+  let Icon2 = /* @__PURE__ */ jsx29(SendIcon, {
     className: "size-4"
-  }, undefined, false, undefined, this);
+  });
   if (status === "submitted") {
-    Icon2 = /* @__PURE__ */ jsxDEV29(Loader2Icon, {
+    Icon2 = /* @__PURE__ */ jsx29(Loader2Icon, {
       className: "size-4 animate-spin"
-    }, undefined, false, undefined, this);
+    });
   } else if (status === "streaming") {
-    Icon2 = /* @__PURE__ */ jsxDEV29(SquareIcon, {
+    Icon2 = /* @__PURE__ */ jsx29(SquareIcon, {
       className: "size-4"
-    }, undefined, false, undefined, this);
+    });
   } else if (status === "error") {
-    Icon2 = /* @__PURE__ */ jsxDEV29(XIcon3, {
+    Icon2 = /* @__PURE__ */ jsx29(XIcon3, {
       className: "size-4"
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV29(InputGroupButton, {
+  return /* @__PURE__ */ jsx29(InputGroupButton, {
     "aria-label": "Submit",
     className: cn(className),
     size,
@@ -2473,44 +2473,44 @@ var PromptInputSubmit = ({
     variant,
     ...props,
     children: children ?? Icon2
-  }, undefined, false, undefined, this);
+  });
 };
-var PromptInputActionMenu = (props) => /* @__PURE__ */ jsxDEV29(DropdownMenu, {
+var PromptInputActionMenu = (props) => /* @__PURE__ */ jsx29(DropdownMenu, {
   ...props
-}, undefined, false, undefined, this);
+});
 var PromptInputActionMenuTrigger = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsxDEV29(DropdownMenuTrigger, {
+}) => /* @__PURE__ */ jsx29(DropdownMenuTrigger, {
   asChild: true,
-  children: /* @__PURE__ */ jsxDEV29(PromptInputButton, {
+  children: /* @__PURE__ */ jsx29(PromptInputButton, {
     className,
     ...props,
-    children: children ?? /* @__PURE__ */ jsxDEV29(PlusIcon, {
+    children: children ?? /* @__PURE__ */ jsx29(PlusIcon, {
       className: "size-4"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this);
+    })
+  })
+});
 var PromptInputActionMenuContent = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV29(DropdownMenuContent, {
+}) => /* @__PURE__ */ jsx29(DropdownMenuContent, {
   align: "start",
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
+});
 var PromptInputActionMenuItem = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV29(DropdownMenuItem, {
+}) => /* @__PURE__ */ jsx29(DropdownMenuItem, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/components/prompt-input/drop-zone.tsx
 import { Upload } from "lucide-react";
 import { createPortal } from "react-dom";
-import { jsxDEV as jsxDEV30 } from "react/jsx-dev-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var PromptInputDropZone = ({
   label = "Drop files here",
   className,
@@ -2518,20 +2518,20 @@ var PromptInputDropZone = ({
   ...props
 }) => {
   const { isDraggingOver } = usePromptInputDropZone();
-  const overlay = /* @__PURE__ */ jsxDEV30("div", {
+  const overlay = /* @__PURE__ */ jsxs19("div", {
     className: cn("absolute inset-0 z-10 pointer-events-none", "flex flex-col items-center justify-center gap-2", "border-2 border-dashed border-primary rounded-xl", "bg-primary/5 backdrop-blur-[2px] text-primary", "transition-opacity duration-200", isDraggingOver ? "opacity-100" : "opacity-0", className),
     "aria-hidden": !isDraggingOver,
     ...props,
     children: [
-      /* @__PURE__ */ jsxDEV30(Upload, {
+      /* @__PURE__ */ jsx30(Upload, {
         className: "size-14"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV30("span", {
+      }),
+      /* @__PURE__ */ jsx30("span", {
         className: "text-sm font-medium mt-2",
         children: label
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
   if (container?.current) {
     return createPortal(overlay, container.current);
   }
@@ -2540,7 +2540,7 @@ var PromptInputDropZone = ({
 // src/ui/components/prompt-input/speech.tsx
 import { MicIcon as MicIcon2 } from "lucide-react";
 import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
-import { jsxDEV as jsxDEV31 } from "react/jsx-dev-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var PromptInputSpeechButton = ({
   className,
   onTranscriptionChange,
@@ -2598,92 +2598,92 @@ var PromptInputSpeechButton = ({
     else
       recognition.start();
   }, [recognition, isListening]);
-  return /* @__PURE__ */ jsxDEV31(PromptInputButton, {
+  return /* @__PURE__ */ jsx31(PromptInputButton, {
     className: cn("relative transition-all duration-200", isListening && "animate-pulse bg-accent text-accent-foreground", className),
     disabled: !recognition,
     onClick: toggleListening,
     ...props,
-    children: /* @__PURE__ */ jsxDEV31(MicIcon2, {
+    children: /* @__PURE__ */ jsx31(MicIcon2, {
       className: "size-4"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 // src/ui/components/prompt-input/model-select.tsx
-import { jsxDEV as jsxDEV32 } from "react/jsx-dev-runtime";
-var PromptInputModelSelect = (props) => /* @__PURE__ */ jsxDEV32(Select, {
+import { jsx as jsx32 } from "react/jsx-runtime";
+var PromptInputModelSelect = (props) => /* @__PURE__ */ jsx32(Select, {
   ...props
-}, undefined, false, undefined, this);
+});
 var PromptInputModelSelectTrigger = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxDEV32(SelectTrigger, {
+}) => /* @__PURE__ */ jsx32(SelectTrigger, {
   className: cn("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", 'hover:bg-accent hover:text-foreground [&[aria-expanded="true"]]:bg-accent [&[aria-expanded="true"]]:text-foreground', className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputModelSelectContent = ({ className, ...props }) => /* @__PURE__ */ jsxDEV32(SelectContent, {
+});
+var PromptInputModelSelectContent = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectContent, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputModelSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV32(SelectItem, {
+});
+var PromptInputModelSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectItem, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputModelSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsxDEV32(SelectValue, {
+});
+var PromptInputModelSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectValue, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/components/prompt-input/tabs.tsx
-import { jsxDEV as jsxDEV33 } from "react/jsx-dev-runtime";
-var PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("div", {
+import { jsx as jsx33 } from "react/jsx-runtime";
+var PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("div", {
+});
+var PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputTabLabel = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("h3", {
+});
+var PromptInputTabLabel = ({ className, ...props }) => /* @__PURE__ */ jsx33("h3", {
   className: cn("mb-2 px-3 font-medium text-muted-foreground text-xs", className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("div", {
+});
+var PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", {
   className: cn("space-y-1", className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("div", {
+});
+var PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", {
   className: cn("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/components/prompt-input/command.tsx
-import { jsxDEV as jsxDEV34 } from "react/jsx-dev-runtime";
-var PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(Command, {
+import { jsx as jsx34 } from "react/jsx-runtime";
+var PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ jsx34(Command, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandInput, {
+});
+var PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandInput, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandList, {
+});
+var PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandList, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandEmpty, {
+});
+var PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandEmpty, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandGroup, {
+});
+var PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandGroup, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandItem, {
+});
+var PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandItem, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
-var PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandSeparator, {
+});
+var PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandSeparator, {
   className: cn(className),
   ...props
-}, undefined, false, undefined, this);
+});
 // src/ui/composed/AgnoMessageItem.tsx
 import { useState as useState8 } from "react";
 import { GenerativeUIRenderer } from "@rodrigocoliveira/agno-react";
@@ -2697,7 +2697,7 @@ import {
   Paperclip,
   Video
 } from "lucide-react";
-import { jsxDEV as jsxDEV35, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsx as jsx35, jsxs as jsxs20, Fragment as Fragment5 } from "react/jsx-runtime";
 var defaultFormatTimestamp = formatSmartTimestamp;
 var getToolState = (tool) => {
   return tool.tool_call_error ? "output-error" : "output-available";
@@ -2739,264 +2739,264 @@ function AgnoMessageItem({
     setPreview({ type: "file", file });
   };
   const closePreview = () => setPreview(null);
-  return /* @__PURE__ */ jsxDEV35("div", {
+  return /* @__PURE__ */ jsxs20("div", {
     className: cn("py-5 first:pt-2", isUser ? "flex justify-end" : "", classNames?.root, className),
     children: [
-      isUser ? /* @__PURE__ */ jsxDEV35("div", {
+      isUser ? /* @__PURE__ */ jsxs20("div", {
         className: "flex items-start gap-2.5 max-w-[80%] flex-row-reverse",
         children: [
           avatars?.user,
-          /* @__PURE__ */ jsxDEV35("div", {
+          /* @__PURE__ */ jsxs20("div", {
             className: "space-y-1.5 flex flex-col items-end min-w-0",
             children: [
-              (message.images && message.images.length > 0 || message.audio && message.audio.length > 0 || message.files && message.files.length > 0) && /* @__PURE__ */ jsxDEV35("div", {
+              (message.images && message.images.length > 0 || message.audio && message.audio.length > 0 || message.files && message.files.length > 0) && /* @__PURE__ */ jsxs20("div", {
                 className: "flex flex-wrap gap-2 justify-end",
                 children: [
-                  message.images?.map((img, idx) => /* @__PURE__ */ jsxDEV35(FilePreviewCard, {
+                  message.images?.map((img, idx) => /* @__PURE__ */ jsx35(FilePreviewCard, {
                     file: { name: img.revised_prompt || `Image ${idx + 1}`, type: "image/png", url: img.url },
                     onClick: showImageLightbox ? () => openImageLightbox(message.images.map((i) => ({ url: i.url, alt: i.revised_prompt })), idx) : undefined
-                  }, `img-${idx}`, false, undefined, this)),
-                  message.audio?.map((audio, idx) => /* @__PURE__ */ jsxDEV35("div", {
+                  }, `img-${idx}`)),
+                  message.audio?.map((audio, idx) => /* @__PURE__ */ jsxs20("div", {
                     className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
                     children: [
-                      /* @__PURE__ */ jsxDEV35(Music, {
+                      /* @__PURE__ */ jsx35(Music, {
                         className: "h-3.5 w-3.5 text-muted-foreground"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV35("span", {
+                      }),
+                      /* @__PURE__ */ jsx35("span", {
                         className: "truncate max-w-[150px]",
                         children: audio.id || `Audio ${idx + 1}`
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, `audio-${idx}`, true, undefined, this)),
-                  message.files?.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsxDEV35(FilePreviewCard, {
+                  }, `audio-${idx}`)),
+                  message.files?.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx35(FilePreviewCard, {
                     file: { name: file.name, type: file.type, url: file.url, size: file.size },
                     onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
-                  }, `file-${idx}`, false, undefined, this) : /* @__PURE__ */ jsxDEV35("div", {
+                  }, `file-${idx}`) : /* @__PURE__ */ jsxs20("div", {
                     className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
                     children: [
-                      /* @__PURE__ */ jsxDEV35(FileIcon3, {
+                      /* @__PURE__ */ jsx35(FileIcon3, {
                         className: "h-3.5 w-3.5 text-muted-foreground"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV35("span", {
+                      }),
+                      /* @__PURE__ */ jsx35("span", {
                         className: "truncate max-w-[150px]",
                         children: file.name
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, `file-${idx}`, true, undefined, this))
+                  }, `file-${idx}`))
                 ]
-              }, undefined, true, undefined, this),
-              message.content && /* @__PURE__ */ jsxDEV35("div", {
+              }),
+              message.content && /* @__PURE__ */ jsx35("div", {
                 className: cn("rounded-2xl rounded-br-md px-4 py-2.5", classNames?.user?.bubble ?? "bg-primary text-primary-foreground", hasError && "opacity-70"),
-                children: /* @__PURE__ */ jsxDEV35("p", {
+                children: /* @__PURE__ */ jsx35("p", {
                   className: "text-sm whitespace-pre-wrap",
                   children: message.content
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              (showTimestamp || actions?.user) && /* @__PURE__ */ jsxDEV35("div", {
+                })
+              }),
+              (showTimestamp || actions?.user) && /* @__PURE__ */ jsxs20("div", {
                 className: "flex items-center justify-end gap-1.5 px-1",
                 children: [
-                  actions?.user && /* @__PURE__ */ jsxDEV35("div", {
+                  actions?.user && /* @__PURE__ */ jsx35("div", {
                     className: "flex items-center gap-1",
                     children: actions.user(message)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV35(SmartTimestamp, {
+                  }),
+                  /* @__PURE__ */ jsx35(SmartTimestamp, {
                     date: new Date(message.created_at * 1000),
                     formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
                     className: "text-[11px] text-muted-foreground"
-                  }, undefined, false, undefined, this),
-                  hasError && /* @__PURE__ */ jsxDEV35(AlertCircle, {
+                  }),
+                  hasError && /* @__PURE__ */ jsx35(AlertCircle, {
                     className: "h-3 w-3 text-destructive"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV35("div", {
+      }) : /* @__PURE__ */ jsxs20("div", {
         className: "flex items-start gap-3 group/message",
         children: [
           avatars?.assistant,
-          /* @__PURE__ */ jsxDEV35("div", {
+          /* @__PURE__ */ jsxs20("div", {
             className: cn("flex-1 min-w-0 space-y-3", classNames?.assistant?.container),
             children: [
-              renderContent ? renderContent(message) : /* @__PURE__ */ jsxDEV35(Fragment5, {
+              renderContent ? renderContent(message) : /* @__PURE__ */ jsxs20(Fragment5, {
                 children: [
-                  showReasoning && message.extra_data?.reasoning_steps && message.extra_data.reasoning_steps.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                  showReasoning && message.extra_data?.reasoning_steps && message.extra_data.reasoning_steps.length > 0 && /* @__PURE__ */ jsxs20("div", {
                     className: cn("space-y-2 pt-1", classNames?.assistant?.reasoning),
                     children: [
-                      /* @__PURE__ */ jsxDEV35("div", {
+                      /* @__PURE__ */ jsxs20("div", {
                         className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                         children: [
-                          /* @__PURE__ */ jsxDEV35(Lightbulb, {
+                          /* @__PURE__ */ jsx35(Lightbulb, {
                             className: "h-3.5 w-3.5"
-                          }, undefined, false, undefined, this),
+                          }),
                           "Reasoning (",
                           message.extra_data.reasoning_steps.length,
                           " steps)"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV35(Accordion, {
+                      }),
+                      /* @__PURE__ */ jsx35(Accordion, {
                         type: "multiple",
                         className: "w-full",
-                        children: message.extra_data.reasoning_steps.map((step, idx) => /* @__PURE__ */ jsxDEV35(AccordionItem, {
+                        children: message.extra_data.reasoning_steps.map((step, idx) => /* @__PURE__ */ jsxs20(AccordionItem, {
                           value: `reasoning-${idx}`,
                           className: "border-muted",
                           children: [
-                            /* @__PURE__ */ jsxDEV35(AccordionTrigger, {
+                            /* @__PURE__ */ jsx35(AccordionTrigger, {
                               className: "text-xs py-1.5 hover:no-underline",
                               children: step.title || `Step ${idx + 1}`
-                            }, undefined, false, undefined, this),
-                            /* @__PURE__ */ jsxDEV35(AccordionContent, {
+                            }),
+                            /* @__PURE__ */ jsxs20(AccordionContent, {
                               className: "space-y-1.5 text-xs text-muted-foreground",
                               children: [
-                                step.action && /* @__PURE__ */ jsxDEV35("div", {
+                                step.action && /* @__PURE__ */ jsxs20("div", {
                                   children: [
-                                    /* @__PURE__ */ jsxDEV35("span", {
+                                    /* @__PURE__ */ jsx35("span", {
                                       className: "font-medium text-foreground",
                                       children: "Action:"
-                                    }, undefined, false, undefined, this),
+                                    }),
                                     " ",
                                     step.action
                                   ]
-                                }, undefined, true, undefined, this),
-                                step.reasoning && /* @__PURE__ */ jsxDEV35("div", {
+                                }),
+                                step.reasoning && /* @__PURE__ */ jsxs20("div", {
                                   children: [
-                                    /* @__PURE__ */ jsxDEV35("span", {
+                                    /* @__PURE__ */ jsx35("span", {
                                       className: "font-medium text-foreground",
                                       children: "Reasoning:"
-                                    }, undefined, false, undefined, this),
+                                    }),
                                     " ",
                                     step.reasoning
                                   ]
-                                }, undefined, true, undefined, this),
-                                step.result && /* @__PURE__ */ jsxDEV35("div", {
+                                }),
+                                step.result && /* @__PURE__ */ jsxs20("div", {
                                   children: [
-                                    /* @__PURE__ */ jsxDEV35("span", {
+                                    /* @__PURE__ */ jsx35("span", {
                                       className: "font-medium text-foreground",
                                       children: "Result:"
-                                    }, undefined, false, undefined, this),
+                                    }),
                                     " ",
                                     step.result
                                   ]
-                                }, undefined, true, undefined, this),
-                                step.confidence !== undefined && /* @__PURE__ */ jsxDEV35("div", {
+                                }),
+                                step.confidence !== undefined && /* @__PURE__ */ jsxs20("div", {
                                   children: [
-                                    /* @__PURE__ */ jsxDEV35("span", {
+                                    /* @__PURE__ */ jsx35("span", {
                                       className: "font-medium text-foreground",
                                       children: "Confidence:"
-                                    }, undefined, false, undefined, this),
+                                    }),
                                     " ",
                                     (step.confidence * 100).toFixed(1),
                                     "%"
                                   ]
-                                }, undefined, true, undefined, this)
+                                })
                               ]
-                            }, undefined, true, undefined, this)
+                            })
                           ]
-                        }, idx, true, undefined, this))
-                      }, undefined, false, undefined, this)
+                        }, idx))
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  message.content && /* @__PURE__ */ jsxDEV35("div", {
+                  }),
+                  message.content && /* @__PURE__ */ jsx35("div", {
                     className: "prose prose-sm dark:prose-invert max-w-none prose-p:leading-relaxed prose-pre:bg-muted prose-pre:border prose-pre:border-border",
-                    children: /* @__PURE__ */ jsxDEV35(Response, {
+                    children: /* @__PURE__ */ jsx35(Response, {
                       children: message.content
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  showGenerativeUI && toolsWithUI.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                    })
+                  }),
+                  showGenerativeUI && toolsWithUI.length > 0 && /* @__PURE__ */ jsx35("div", {
                     className: "space-y-3",
                     children: toolsWithUI.map((tool) => {
                       const uiComponent = tool.ui_component;
-                      return /* @__PURE__ */ jsxDEV35("div", {
-                        children: uiComponent.layout === "artifact" ? /* @__PURE__ */ jsxDEV35(Artifact, {
-                          children: /* @__PURE__ */ jsxDEV35(GenerativeUIRenderer, {
+                      return /* @__PURE__ */ jsx35("div", {
+                        children: uiComponent.layout === "artifact" ? /* @__PURE__ */ jsx35(Artifact, {
+                          children: /* @__PURE__ */ jsx35(GenerativeUIRenderer, {
                             spec: uiComponent,
                             className: "w-full p-2"
-                          }, undefined, false, undefined, this)
-                        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV35(GenerativeUIRenderer, {
+                          })
+                        }) : /* @__PURE__ */ jsx35(GenerativeUIRenderer, {
                           spec: uiComponent,
                           className: "w-full"
-                        }, undefined, false, undefined, this)
-                      }, tool.tool_call_id, false, undefined, this);
+                        })
+                      }, tool.tool_call_id);
                     })
-                  }, undefined, false, undefined, this),
+                  }),
                   toolResultRenderers && message.tool_calls?.map((tool) => {
                     const renderer = toolResultRenderers[tool.tool_name];
                     const content = tool.result ?? tool.content;
                     if (!renderer || !content)
                       return null;
-                    return /* @__PURE__ */ jsxDEV35("div", {
+                    return /* @__PURE__ */ jsx35("div", {
                       children: renderer(tool.tool_args, content)
-                    }, `result-${tool.tool_call_id}`, false, undefined, this);
+                    }, `result-${tool.tool_call_id}`);
                   }),
                   renderMedia ? renderMedia(message) : (() => {
                     const mediaClassName = classNames?.assistant?.media;
-                    return /* @__PURE__ */ jsxDEV35(Fragment5, {
+                    return /* @__PURE__ */ jsxs20(Fragment5, {
                       children: [
-                        message.images && message.images.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                        message.images && message.images.length > 0 && /* @__PURE__ */ jsxs20("div", {
                           className: cn("space-y-2 pt-1", mediaClassName),
                           children: [
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            /* @__PURE__ */ jsxs20("div", {
                               className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxDEV35(ImageIcon2, {
+                                /* @__PURE__ */ jsx35(ImageIcon2, {
                                   className: "h-3.5 w-3.5"
-                                }, undefined, false, undefined, this),
+                                }),
                                 "Images (",
                                 message.images.length,
                                 ")"
                               ]
-                            }, undefined, true, undefined, this),
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            /* @__PURE__ */ jsx35("div", {
                               className: "grid grid-cols-2 gap-2",
-                              children: message.images.map((img, idx) => /* @__PURE__ */ jsxDEV35("div", {
+                              children: message.images.map((img, idx) => /* @__PURE__ */ jsxs20("div", {
                                 className: "space-y-1",
                                 children: [
-                                  showImageLightbox ? /* @__PURE__ */ jsxDEV35("button", {
+                                  showImageLightbox ? /* @__PURE__ */ jsx35("button", {
                                     type: "button",
                                     onClick: () => openImageLightbox(message.images.map((i) => ({ url: i.url, alt: i.revised_prompt })), idx),
                                     className: "group relative w-full overflow-hidden rounded-lg border border-border cursor-pointer hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors",
-                                    children: /* @__PURE__ */ jsxDEV35("img", {
+                                    children: /* @__PURE__ */ jsx35("img", {
                                       src: img.url,
                                       alt: img.revised_prompt || "Generated image",
                                       className: "w-full rounded-lg"
-                                    }, undefined, false, undefined, this)
-                                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV35("img", {
+                                    })
+                                  }) : /* @__PURE__ */ jsx35("img", {
                                     src: img.url,
                                     alt: img.revised_prompt || "Generated image",
                                     className: "w-full rounded-lg border border-border"
-                                  }, undefined, false, undefined, this),
-                                  img.revised_prompt && /* @__PURE__ */ jsxDEV35("p", {
+                                  }),
+                                  img.revised_prompt && /* @__PURE__ */ jsx35("p", {
                                     className: "text-[11px] text-muted-foreground italic px-0.5",
                                     children: img.revised_prompt
-                                  }, undefined, false, undefined, this)
+                                  })
                                 ]
-                              }, idx, true, undefined, this))
-                            }, undefined, false, undefined, this)
+                              }, idx))
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        message.videos && message.videos.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                        }),
+                        message.videos && message.videos.length > 0 && /* @__PURE__ */ jsxs20("div", {
                           className: cn("space-y-2 pt-1", mediaClassName),
                           children: [
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            /* @__PURE__ */ jsxs20("div", {
                               className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxDEV35(Video, {
+                                /* @__PURE__ */ jsx35(Video, {
                                   className: "h-3.5 w-3.5"
-                                }, undefined, false, undefined, this),
+                                }),
                                 "Videos (",
                                 message.videos.length,
                                 ")"
                               ]
-                            }, undefined, true, undefined, this),
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            /* @__PURE__ */ jsx35("div", {
                               className: "space-y-2",
-                              children: message.videos.map((video, idx) => /* @__PURE__ */ jsxDEV35("div", {
-                                children: video.url ? /* @__PURE__ */ jsxDEV35("video", {
+                              children: message.videos.map((video, idx) => /* @__PURE__ */ jsx35("div", {
+                                children: video.url ? /* @__PURE__ */ jsx35("video", {
                                   src: video.url,
                                   controls: true,
                                   className: "w-full rounded-lg border border-border"
-                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV35("div", {
+                                }) : /* @__PURE__ */ jsxs20("div", {
                                   className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
                                   children: [
                                     "Video ID: ",
@@ -3005,185 +3005,185 @@ function AgnoMessageItem({
                                     video.eta,
                                     "s)"
                                   ]
-                                }, undefined, true, undefined, this)
-                              }, idx, false, undefined, this))
-                            }, undefined, false, undefined, this)
+                                })
+                              }, idx))
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        message.audio && message.audio.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                        }),
+                        message.audio && message.audio.length > 0 && /* @__PURE__ */ jsxs20("div", {
                           className: cn("space-y-2 pt-1", mediaClassName),
                           children: [
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            /* @__PURE__ */ jsxs20("div", {
                               className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxDEV35(Music, {
+                                /* @__PURE__ */ jsx35(Music, {
                                   className: "h-3.5 w-3.5"
-                                }, undefined, false, undefined, this),
+                                }),
                                 "Audio (",
                                 message.audio.length,
                                 ")"
                               ]
-                            }, undefined, true, undefined, this),
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            /* @__PURE__ */ jsx35("div", {
                               className: "space-y-2",
-                              children: message.audio.map((audio, idx) => /* @__PURE__ */ jsxDEV35("div", {
-                                children: audio.url ? /* @__PURE__ */ jsxDEV35("audio", {
+                              children: message.audio.map((audio, idx) => /* @__PURE__ */ jsx35("div", {
+                                children: audio.url ? /* @__PURE__ */ jsx35("audio", {
                                   src: audio.url,
                                   controls: true,
                                   className: "w-full"
-                                }, undefined, false, undefined, this) : audio.base64_audio ? /* @__PURE__ */ jsxDEV35("audio", {
+                                }) : audio.base64_audio ? /* @__PURE__ */ jsx35("audio", {
                                   src: `data:${audio.mime_type || "audio/wav"};base64,${audio.base64_audio}`,
                                   controls: true,
                                   className: "w-full"
-                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV35("div", {
+                                }) : /* @__PURE__ */ jsx35("div", {
                                   className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
                                   children: "Audio data unavailable"
-                                }, undefined, false, undefined, this)
-                              }, idx, false, undefined, this))
-                            }, undefined, false, undefined, this)
+                                })
+                              }, idx))
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        message.files && message.files.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                        }),
+                        message.files && message.files.length > 0 && /* @__PURE__ */ jsxs20("div", {
                           className: cn("space-y-2 pt-1", mediaClassName),
                           children: [
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            /* @__PURE__ */ jsxs20("div", {
                               className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxDEV35(Paperclip, {
+                                /* @__PURE__ */ jsx35(Paperclip, {
                                   className: "h-3.5 w-3.5"
-                                }, undefined, false, undefined, this),
+                                }),
                                 "Files (",
                                 message.files.length,
                                 ")"
                               ]
-                            }, undefined, true, undefined, this),
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            /* @__PURE__ */ jsx35("div", {
                               className: "flex flex-wrap gap-2",
-                              children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsxDEV35(FilePreviewCard, {
+                              children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx35(FilePreviewCard, {
                                 file: { name: file.name, type: file.type, url: file.url, size: file.size },
                                 onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
-                              }, idx, false, undefined, this) : /* @__PURE__ */ jsxDEV35("div", {
+                              }, idx) : /* @__PURE__ */ jsxs20("div", {
                                 className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-xs bg-muted/30 hover:bg-muted/50 transition-colors",
                                 children: [
-                                  /* @__PURE__ */ jsxDEV35(FileIcon3, {
+                                  /* @__PURE__ */ jsx35(FileIcon3, {
                                     className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
-                                  }, undefined, false, undefined, this),
-                                  /* @__PURE__ */ jsxDEV35("span", {
+                                  }),
+                                  /* @__PURE__ */ jsx35("span", {
                                     className: "truncate max-w-[180px]",
                                     children: file.name
-                                  }, undefined, false, undefined, this),
-                                  file.size && /* @__PURE__ */ jsxDEV35("span", {
+                                  }),
+                                  file.size && /* @__PURE__ */ jsxs20("span", {
                                     className: "text-muted-foreground/70",
                                     children: [
                                       "(",
                                       (file.size / 1024).toFixed(1),
                                       "KB)"
                                     ]
-                                  }, undefined, true, undefined, this),
-                                  file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxDEV35("a", {
+                                  }),
+                                  file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx35("a", {
                                     href: file.url,
                                     target: "_blank",
                                     rel: "noopener noreferrer",
                                     className: "text-primary hover:underline font-medium",
                                     children: "View"
-                                  }, undefined, false, undefined, this)
+                                  })
                                 ]
-                              }, idx, true, undefined, this))
-                            }, undefined, false, undefined, this)
+                              }, idx))
+                            })
                           ]
-                        }, undefined, true, undefined, this),
-                        message.response_audio && /* @__PURE__ */ jsxDEV35("div", {
+                        }),
+                        message.response_audio && /* @__PURE__ */ jsxs20("div", {
                           className: cn("space-y-2 pt-1", mediaClassName),
                           children: [
-                            /* @__PURE__ */ jsxDEV35("div", {
+                            /* @__PURE__ */ jsxs20("div", {
                               className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxDEV35(Music, {
+                                /* @__PURE__ */ jsx35(Music, {
                                   className: "h-3.5 w-3.5"
-                                }, undefined, false, undefined, this),
+                                }),
                                 "Response Audio"
                               ]
-                            }, undefined, true, undefined, this),
-                            message.response_audio.transcript && /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            message.response_audio.transcript && /* @__PURE__ */ jsxs20("div", {
                               className: "text-xs italic bg-muted/50 border border-border p-2.5 rounded-lg text-muted-foreground",
                               children: [
                                 '"',
                                 message.response_audio.transcript,
                                 '"'
                               ]
-                            }, undefined, true, undefined, this),
-                            message.response_audio.content && /* @__PURE__ */ jsxDEV35("audio", {
+                            }),
+                            message.response_audio.content && /* @__PURE__ */ jsx35("audio", {
                               src: `data:audio/wav;base64,${message.response_audio.content}`,
                               controls: true,
                               className: "w-full"
-                            }, undefined, false, undefined, this)
+                            })
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this);
+                    });
                   })(),
-                  showToolCalls && message.tool_calls && message.tool_calls.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                  showToolCalls && message.tool_calls && message.tool_calls.length > 0 && /* @__PURE__ */ jsx35("div", {
                     className: cn("space-y-2 pt-1", classNames?.assistant?.toolCalls),
-                    children: message.tool_calls.map((tool, idx) => renderToolCall ? renderToolCall(tool, idx) : /* @__PURE__ */ jsxDEV35(Tool, {
+                    children: message.tool_calls.map((tool, idx) => renderToolCall ? renderToolCall(tool, idx) : /* @__PURE__ */ jsxs20(Tool, {
                       defaultOpen: idx === 0,
                       children: [
-                        /* @__PURE__ */ jsxDEV35(ToolHeader, {
+                        /* @__PURE__ */ jsx35(ToolHeader, {
                           title: tool.tool_name,
                           type: "tool-use",
                           state: getToolState(tool)
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV35(ToolContent, {
+                        }),
+                        /* @__PURE__ */ jsxs20(ToolContent, {
                           children: [
-                            /* @__PURE__ */ jsxDEV35(ToolInput, {
+                            /* @__PURE__ */ jsx35(ToolInput, {
                               input: tool.tool_args
-                            }, undefined, false, undefined, this),
-                            tool.content && /* @__PURE__ */ jsxDEV35(ToolOutput, {
+                            }),
+                            tool.content && /* @__PURE__ */ jsx35(ToolOutput, {
                               output: tool.content,
                               errorText: tool.tool_call_error ? "Tool execution failed" : undefined
-                            }, undefined, false, undefined, this)
+                            })
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, tool.tool_call_id || idx, true, undefined, this))
-                  }, undefined, false, undefined, this),
-                  showReferences && message.extra_data?.references && message.extra_data.references.length > 0 && /* @__PURE__ */ jsxDEV35("div", {
+                    }, tool.tool_call_id || idx))
+                  }),
+                  showReferences && message.extra_data?.references && message.extra_data.references.length > 0 && /* @__PURE__ */ jsxs20("div", {
                     className: cn("space-y-2 pt-1", classNames?.assistant?.references),
                     children: [
-                      /* @__PURE__ */ jsxDEV35("div", {
+                      /* @__PURE__ */ jsxs20("div", {
                         className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
                         children: [
-                          /* @__PURE__ */ jsxDEV35(FileText, {
+                          /* @__PURE__ */ jsx35(FileText, {
                             className: "h-3.5 w-3.5"
-                          }, undefined, false, undefined, this),
+                          }),
                           "References (",
                           message.extra_data.references.length,
                           ")"
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV35("div", {
+                      }),
+                      /* @__PURE__ */ jsx35("div", {
                         className: "space-y-2",
-                        children: message.extra_data.references.map((refData, idx) => /* @__PURE__ */ jsxDEV35("div", {
+                        children: message.extra_data.references.map((refData, idx) => /* @__PURE__ */ jsxs20("div", {
                           className: "text-xs space-y-1.5",
                           children: [
-                            refData.query && /* @__PURE__ */ jsxDEV35("div", {
+                            refData.query && /* @__PURE__ */ jsxs20("div", {
                               className: "font-medium text-foreground",
                               children: [
                                 "Query: ",
                                 refData.query
                               ]
-                            }, undefined, true, undefined, this),
-                            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxDEV35("div", {
+                            }),
+                            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxs20("div", {
                               className: "bg-muted/50 border border-border p-2.5 rounded-lg",
                               children: [
-                                /* @__PURE__ */ jsxDEV35("div", {
+                                /* @__PURE__ */ jsxs20("div", {
                                   className: "italic text-muted-foreground mb-1",
                                   children: [
                                     '"',
                                     ref.content,
                                     '"'
                                   ]
-                                }, undefined, true, undefined, this),
-                                /* @__PURE__ */ jsxDEV35("div", {
+                                }),
+                                /* @__PURE__ */ jsxs20("div", {
                                   className: "text-muted-foreground/70",
                                   children: [
                                     "Source: ",
@@ -3194,17 +3194,17 @@ function AgnoMessageItem({
                                     ref.meta_data.chunk_size,
                                     ")"
                                   ]
-                                }, undefined, true, undefined, this)
+                                })
                               ]
-                            }, refIdx, true, undefined, this))
+                            }, refIdx))
                           ]
-                        }, idx, true, undefined, this))
-                      }, undefined, false, undefined, this)
+                        }, idx))
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              (actions?.assistant || showTimestamp || hasError) && /* @__PURE__ */ jsxDEV35("div", {
+              }),
+              (actions?.assistant || showTimestamp || hasError) && /* @__PURE__ */ jsxs20("div", {
                 className: "flex items-center gap-2 pt-1",
                 children: [
                   actions?.assistant && (() => {
@@ -3212,32 +3212,32 @@ function AgnoMessageItem({
                     if (visibility === "last-assistant" && !isLastAssistantMessage)
                       return null;
                     const useHover = visibility === "hover" || visibility === "hover-last-visible" && !isLastAssistantMessage;
-                    return /* @__PURE__ */ jsxDEV35("div", {
+                    return /* @__PURE__ */ jsx35("div", {
                       className: cn("flex items-center gap-1 transition-opacity", useHover && "opacity-0 group-hover/message:opacity-100", classNames?.assistant?.actions),
                       children: actions.assistant(message)
-                    }, undefined, false, undefined, this);
+                    });
                   })(),
-                  hasError && /* @__PURE__ */ jsxDEV35("span", {
+                  hasError && /* @__PURE__ */ jsxs20("span", {
                     className: "flex items-center gap-1 text-[11px] text-destructive",
                     children: [
-                      /* @__PURE__ */ jsxDEV35(AlertCircle, {
+                      /* @__PURE__ */ jsx35(AlertCircle, {
                         className: "h-3 w-3"
-                      }, undefined, false, undefined, this),
+                      }),
                       "Error"
                     ]
-                  }, undefined, true, undefined, this),
-                  showTimestamp && /* @__PURE__ */ jsxDEV35(SmartTimestamp, {
+                  }),
+                  showTimestamp && /* @__PURE__ */ jsx35(SmartTimestamp, {
                     date: new Date(message.created_at * 1000),
                     formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
                     className: "text-[11px] text-muted-foreground"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      preview?.type === "image" && /* @__PURE__ */ jsxDEV35(ImageLightbox, {
+      }),
+      preview?.type === "image" && /* @__PURE__ */ jsx35(ImageLightbox, {
         open: true,
         onOpenChange: (open) => {
           if (!open)
@@ -3245,21 +3245,21 @@ function AgnoMessageItem({
         },
         images: preview.images,
         initialIndex: preview.initialIndex
-      }, undefined, false, undefined, this),
-      preview?.type === "file" && /* @__PURE__ */ jsxDEV35(FilePreviewModal, {
+      }),
+      preview?.type === "file" && /* @__PURE__ */ jsx35(FilePreviewModal, {
         open: true,
         onOpenChange: (open) => {
           if (!open)
             closePreview();
         },
         file: preview.file
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/ui/composed/AgnoChatInput.tsx
 import { CircleStop } from "lucide-react";
-import { jsxDEV as jsxDEV36 } from "react/jsx-dev-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_ACCEPTED_FILE_TYPES = "image/*,audio/*,.pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.ppt,.pptx,.md,.json,.xml";
 function normalizeAudio(audio) {
   if (audio === true)
@@ -3279,37 +3279,37 @@ function dataUrlToBlob(dataUrl) {
   return new Blob([buf], { type: mime });
 }
 function CancelButton({ onCancel }) {
-  return /* @__PURE__ */ jsxDEV36(Button, {
+  return /* @__PURE__ */ jsx36(Button, {
     type: "button",
     variant: "destructive",
     size: "icon",
     className: "h-8 w-8 rounded-lg",
     onClick: onCancel,
     "aria-label": "Stop",
-    children: /* @__PURE__ */ jsxDEV36(CircleStop, {
+    children: /* @__PURE__ */ jsx36(CircleStop, {
       className: "size-4"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function SubmitButton({ disabled, status }) {
   const { textInput } = usePromptInputController();
   const hasText = textInput.value.trim().length > 0;
-  return /* @__PURE__ */ jsxDEV36(PromptInputSubmit, {
+  return /* @__PURE__ */ jsx36(PromptInputSubmit, {
     disabled: disabled || !hasText,
     status
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentHeader() {
   const { files } = usePromptInputAttachments();
   if (files.length === 0)
     return null;
-  return /* @__PURE__ */ jsxDEV36(PromptInputHeader, {
-    children: /* @__PURE__ */ jsxDEV36(PromptInputAttachments, {
-      children: (attachment) => /* @__PURE__ */ jsxDEV36(PromptInputAttachment, {
+  return /* @__PURE__ */ jsx36(PromptInputHeader, {
+    children: /* @__PURE__ */ jsx36(PromptInputAttachments, {
+      children: (attachment) => /* @__PURE__ */ jsx36(PromptInputAttachment, {
         data: attachment
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 function TranscribeAudioRecorder({
   endpoint,
@@ -3320,7 +3320,7 @@ function TranscribeAudioRecorder({
   labels
 }) {
   const { textInput } = usePromptInputController();
-  return /* @__PURE__ */ jsxDEV36(AudioRecorder, {
+  return /* @__PURE__ */ jsx36(AudioRecorder, {
     mode: "transcribe",
     transcriptionEndpoint: endpoint,
     transcriptionHeaders: headers,
@@ -3333,7 +3333,7 @@ function TranscribeAudioRecorder({
     },
     disabled,
     labels
-  }, undefined, false, undefined, this);
+  });
 }
 function AgnoChatInput({
   onSend,
@@ -3384,8 +3384,8 @@ function AgnoChatInput({
   };
   const computedStatus = status ?? (disabled ? "submitted" : undefined);
   const showCancelButton = allowCancelRun && isStreaming && onCancel;
-  return /* @__PURE__ */ jsxDEV36(PromptInputProvider, {
-    children: /* @__PURE__ */ jsxDEV36(PromptInput, {
+  return /* @__PURE__ */ jsx36(PromptInputProvider, {
+    children: /* @__PURE__ */ jsxs21(PromptInput, {
       onSubmit: handleSubmit,
       accept: fileUpload?.accept ?? DEFAULT_ACCEPTED_FILE_TYPES,
       multiple: fileUpload?.multiple ?? true,
@@ -3395,58 +3395,58 @@ function AgnoChatInput({
       dragListenerTarget: dropZoneContainerRef,
       className: cn("w-full", className),
       children: [
-        /* @__PURE__ */ jsxDEV36(AttachmentHeader, {}, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV36(PromptInputBody, {
-          children: /* @__PURE__ */ jsxDEV36(PromptInputTextarea, {
+        /* @__PURE__ */ jsx36(AttachmentHeader, {}),
+        /* @__PURE__ */ jsx36(PromptInputBody, {
+          children: /* @__PURE__ */ jsx36(PromptInputTextarea, {
             placeholder: placeholder || "Type your message... (Enter to send, Shift+Enter for new line)",
             disabled
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV36(PromptInputFooter, {
+          })
+        }),
+        /* @__PURE__ */ jsxs21(PromptInputFooter, {
           children: [
-            /* @__PURE__ */ jsxDEV36(PromptInputTools, {
+            /* @__PURE__ */ jsxs21(PromptInputTools, {
               children: [
-                showAttachments && /* @__PURE__ */ jsxDEV36(PromptInputActionMenu, {
+                showAttachments && /* @__PURE__ */ jsxs21(PromptInputActionMenu, {
                   children: [
-                    /* @__PURE__ */ jsxDEV36(PromptInputActionMenuTrigger, {}, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV36(PromptInputActionMenuContent, {
-                      children: /* @__PURE__ */ jsxDEV36(PromptInputActionAddAttachments, {
+                    /* @__PURE__ */ jsx36(PromptInputActionMenuTrigger, {}),
+                    /* @__PURE__ */ jsx36(PromptInputActionMenuContent, {
+                      children: /* @__PURE__ */ jsx36(PromptInputActionAddAttachments, {
                         label: "Add files"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
+                      })
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                audioEnabled && (audioMode === "transcribe" && resolvedAudio?.endpoint ? /* @__PURE__ */ jsxDEV36(TranscribeAudioRecorder, {
+                }),
+                audioEnabled && (audioMode === "transcribe" && resolvedAudio?.endpoint ? /* @__PURE__ */ jsx36(TranscribeAudioRecorder, {
                   endpoint: resolvedAudio.endpoint,
                   headers: resolvedAudio.headers,
                   disabled,
                   parseResponse: resolvedAudio.parseResponse,
                   onRequestPermission: resolvedAudio.requestPermission,
                   labels: resolvedAudio.labels
-                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36(AudioRecorder, {
+                }) : /* @__PURE__ */ jsx36(AudioRecorder, {
                   onRecordingComplete: handleAudioRecording,
                   disabled,
                   onRequestPermission: resolvedAudio?.requestPermission,
                   labels: resolvedAudio?.labels
-                }, undefined, false, undefined, this)),
+                })),
                 extraTools
               ]
-            }, undefined, true, undefined, this),
-            showCancelButton ? /* @__PURE__ */ jsxDEV36(CancelButton, {
+            }),
+            showCancelButton ? /* @__PURE__ */ jsx36(CancelButton, {
               onCancel
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36(SubmitButton, {
+            }) : /* @__PURE__ */ jsx36(SubmitButton, {
               disabled,
               status: computedStatus
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        showAttachments && /* @__PURE__ */ jsxDEV36(PromptInputDropZone, {
+        }),
+        showAttachments && /* @__PURE__ */ jsx36(PromptInputDropZone, {
           ...dropZoneProps,
           container: dropZoneContainerRef
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/ui/composed/agno-chat/agno-chat.tsx
 import { useCallback as useCallback7, useMemo as useMemo3, useRef as useRef6 } from "react";
@@ -3464,7 +3464,7 @@ function useAgnoChatContext() {
 }
 
 // src/ui/composed/agno-chat/agno-chat.tsx
-import { jsxDEV as jsxDEV37 } from "react/jsx-dev-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function AgnoChatRoot({
   children,
   toolHandlers = {},
@@ -3549,48 +3549,48 @@ function AgnoChatRoot({
     handleSend,
     toolResultRenderers
   ]);
-  return /* @__PURE__ */ jsxDEV37(AgnoChatContext.Provider, {
+  return /* @__PURE__ */ jsx37(AgnoChatContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsxDEV37("div", {
+    children: /* @__PURE__ */ jsx37("div", {
       ref: containerRef,
       className: cn("relative h-full flex flex-col", className),
       ...divProps,
       children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/ui/composed/agno-chat/messages.tsx
 import { useEffect as useEffect6, useRef as useRef7 } from "react";
 
 // src/ui/composed/agno-chat/suggested-prompts.tsx
-import { jsxDEV as jsxDEV38 } from "react/jsx-dev-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function AgnoChatSuggestedPrompts({ className, prompts }) {
   const { handleSend } = useAgnoChatContext();
   if (prompts.length === 0)
     return null;
-  return /* @__PURE__ */ jsxDEV38("div", {
+  return /* @__PURE__ */ jsx38("div", {
     className: cn("grid grid-cols-2 gap-2 w-full max-w-md", className),
-    children: prompts.map((prompt, idx) => /* @__PURE__ */ jsxDEV38("button", {
+    children: prompts.map((prompt, idx) => /* @__PURE__ */ jsxs22("button", {
       onClick: () => handleSend(prompt.text),
       className: "flex items-center gap-2 px-3 py-2.5 rounded-xl border border-border bg-card hover:bg-accent/50 hover:border-primary/20 transition-all duration-200 text-left text-sm group",
       children: [
-        prompt.icon && /* @__PURE__ */ jsxDEV38("span", {
+        prompt.icon && /* @__PURE__ */ jsx38("span", {
           className: "text-muted-foreground group-hover:text-primary transition-colors",
           children: prompt.icon
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV38("span", {
+        }),
+        /* @__PURE__ */ jsx38("span", {
           className: "text-muted-foreground group-hover:text-foreground transition-colors text-xs leading-snug",
           children: prompt.text
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, idx, true, undefined, this))
-  }, undefined, false, undefined, this);
+    }, idx))
+  });
 }
 
 // src/ui/composed/agno-chat/messages.tsx
 import { Bot as Bot2 } from "lucide-react";
-import { jsxDEV as jsxDEV39 } from "react/jsx-dev-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function ScrollOnNewUserMessage({ messageCount }) {
   const { scrollToBottom } = useStickToBottomContext2();
   const prevCount = useRef7(messageCount);
@@ -3656,154 +3656,92 @@ function AgnoChatMessages({
     ...messageClassNames !== undefined && { classNames: messageClassNames },
     ...toolResultRenderers !== undefined && { toolResultRenderers }
   };
-  const resolvedEmptyState = children ?? emptyState ?? /* @__PURE__ */ jsxDEV39("div", {
+  const resolvedEmptyState = children ?? emptyState ?? /* @__PURE__ */ jsxs23("div", {
     className: "flex flex-col items-center gap-6",
     children: [
-      /* @__PURE__ */ jsxDEV39("div", {
+      /* @__PURE__ */ jsxs23("div", {
         className: "relative",
         children: [
-          /* @__PURE__ */ jsxDEV39("div", {
+          /* @__PURE__ */ jsx39("div", {
             className: "h-16 w-16 rounded-2xl bg-primary/10 flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV39(Bot2, {
+            children: /* @__PURE__ */ jsx39(Bot2, {
               className: "h-8 w-8 text-primary"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV39("div", {
+            })
+          }),
+          /* @__PURE__ */ jsx39("div", {
             className: "absolute -bottom-1 -right-1 h-5 w-5 rounded-full bg-green-500 border-2 border-background flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV39("span", {
+            children: /* @__PURE__ */ jsx39("span", {
               className: "h-2 w-2 rounded-full bg-white animate-pulse"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV39("div", {
+      }),
+      /* @__PURE__ */ jsxs23("div", {
         className: "space-y-2 text-center",
         children: [
-          /* @__PURE__ */ jsxDEV39("h3", {
+          /* @__PURE__ */ jsx39("h3", {
             className: "text-xl font-semibold tracking-tight",
             children: "Welcome to Agno Chat"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV39("p", {
+          }),
+          /* @__PURE__ */ jsx39("p", {
             className: "text-muted-foreground text-sm max-w-sm",
             children: "Start a conversation with your AI agent. Ask questions, explore ideas, or run tools."
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      suggestedPrompts.length > 0 && /* @__PURE__ */ jsxDEV39(AgnoChatSuggestedPrompts, {
+      }),
+      suggestedPrompts.length > 0 && /* @__PURE__ */ jsx39(AgnoChatSuggestedPrompts, {
         prompts: suggestedPrompts
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
-  return /* @__PURE__ */ jsxDEV39(Conversation, {
+  });
+  return /* @__PURE__ */ jsxs23(Conversation, {
     className: cn("relative flex-1 w-full", className),
     children: [
-      /* @__PURE__ */ jsxDEV39(ScrollOnNewUserMessage, {
+      /* @__PURE__ */ jsx39(ScrollOnNewUserMessage, {
         messageCount: messages.length
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV39(ConversationContent, {
+      }),
+      /* @__PURE__ */ jsxs23(ConversationContent, {
         className: "max-w-3xl mx-auto",
         children: [
-          messages.length === 0 ? /* @__PURE__ */ jsxDEV39(ConversationEmptyState, {
+          messages.length === 0 ? /* @__PURE__ */ jsx39(ConversationEmptyState, {
             children: resolvedEmptyState
-          }, undefined, false, undefined, this) : messages.map((message, index) => {
+          }) : messages.map((message, index) => {
             if (isThinking && index === messages.length - 1 && message === lastMessage)
               return null;
-            return renderMessage ? renderMessage(message, index) : /* @__PURE__ */ jsxDEV39(AgnoMessageItem, {
+            return renderMessage ? renderMessage(message, index) : /* @__PURE__ */ jsx39(AgnoMessageItem, {
               message,
               avatars,
               actions,
               isLastAssistantMessage: index === lastAssistantIndex,
               ...messageItemProps
-            }, `msg-${index}-${message.created_at}`, false, undefined, this);
+            }, `msg-${index}-${message.created_at}`);
           }),
-          isThinking && /* @__PURE__ */ jsxDEV39("div", {
+          isThinking && /* @__PURE__ */ jsx39("div", {
             className: "py-2",
-            children: renderThinkingIndicator ?? /* @__PURE__ */ jsxDEV39(StreamingIndicator, {
+            children: renderThinkingIndicator ?? /* @__PURE__ */ jsx39(StreamingIndicator, {
               avatar: avatars?.assistant
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV39(ConversationScrollButton, {}, undefined, false, undefined, this)
+      }),
+      /* @__PURE__ */ jsx39(ConversationScrollButton, {})
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/ui/composed/agno-chat/empty-state.tsx
-import { jsxDEV as jsxDEV40 } from "react/jsx-dev-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function AgnoChatEmptyState({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxDEV40("div", {
+  return /* @__PURE__ */ jsx40("div", {
     className: cn("flex flex-col items-center gap-6", className),
     ...props,
     children
-  }, undefined, false, undefined, this);
-}
-
-// src/ui/composed/agno-chat/tool-status.tsx
-import { Loader2 as Loader22, Wrench } from "lucide-react";
-import { jsxDEV as jsxDEV41, Fragment as Fragment6 } from "react/jsx-dev-runtime";
-function AgnoChatToolStatus({ className }) {
-  const { isPaused, isExecuting, pendingTools } = useAgnoChatContext();
-  if (!isPaused && !isExecuting)
-    return null;
-  return /* @__PURE__ */ jsxDEV41("div", {
-    className: cn("px-4 py-2.5 border-t border-border bg-primary/5", className),
-    children: /* @__PURE__ */ jsxDEV41("div", {
-      className: "flex items-center gap-2.5 text-sm max-w-3xl mx-auto",
-      children: isExecuting ? /* @__PURE__ */ jsxDEV41(Fragment6, {
-        children: [
-          /* @__PURE__ */ jsxDEV41("div", {
-            className: "h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV41(Loader22, {
-              className: "h-3 w-3 animate-spin text-primary"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV41("span", {
-            className: "text-muted-foreground",
-            children: [
-              "Executing",
-              " ",
-              /* @__PURE__ */ jsxDEV41("span", {
-                className: "font-medium text-foreground",
-                children: pendingTools.length
-              }, undefined, false, undefined, this),
-              " tool",
-              pendingTools.length !== 1 ? "s" : "",
-              "..."
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV41(Fragment6, {
-        children: [
-          /* @__PURE__ */ jsxDEV41("div", {
-            className: "h-5 w-5 rounded-full bg-amber-500/10 flex items-center justify-center",
-            children: /* @__PURE__ */ jsxDEV41(Wrench, {
-              className: "h-3 w-3 text-amber-600 dark:text-amber-400"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV41("span", {
-            className: "text-muted-foreground",
-            children: [
-              "Preparing",
-              " ",
-              /* @__PURE__ */ jsxDEV41("span", {
-                className: "font-medium text-foreground",
-                children: pendingTools.length
-              }, undefined, false, undefined, this),
-              " tool",
-              pendingTools.length !== 1 ? "s" : "",
-              "..."
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/ui/composed/agno-chat/error-bar.tsx
 import { useState as useState9, useEffect as useEffect7, useRef as useRef8 } from "react";
-import { jsxDEV as jsxDEV42 } from "react/jsx-dev-runtime";
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 function AgnoChatErrorBar({
   className,
   text,
@@ -3843,23 +3781,23 @@ function AgnoChatErrorBar({
     if (children) {
       return typeof children === "function" ? children(rawMessage) : children;
     }
-    return /* @__PURE__ */ jsxDEV42("div", {
+    return /* @__PURE__ */ jsxs24("div", {
       className: "flex items-center gap-2 max-w-3xl mx-auto",
       children: [
-        icon && /* @__PURE__ */ jsxDEV42("span", {
+        icon && /* @__PURE__ */ jsx41("span", {
           className: "shrink-0",
           children: icon
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV42("p", {
+        }),
+        /* @__PURE__ */ jsx41("p", {
           className: "text-sm text-destructive flex-1",
           children: displayMessage
-        }, undefined, false, undefined, this),
-        dismissible && /* @__PURE__ */ jsxDEV42("button", {
+        }),
+        dismissible && /* @__PURE__ */ jsx41("button", {
           type: "button",
           onClick: () => setHidden(true),
           className: "shrink-0 text-destructive/60 hover:text-destructive transition-colors",
           "aria-label": "Dismiss error",
-          children: /* @__PURE__ */ jsxDEV42("svg", {
+          children: /* @__PURE__ */ jsxs24("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "16",
             height: "16",
@@ -3870,26 +3808,26 @@ function AgnoChatErrorBar({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ jsxDEV42("path", {
+              /* @__PURE__ */ jsx41("path", {
                 d: "M18 6 6 18"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV42("path", {
+              }),
+              /* @__PURE__ */ jsx41("path", {
                 d: "m6 6 12 12"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   };
-  return /* @__PURE__ */ jsxDEV42("div", {
+  return /* @__PURE__ */ jsx41("div", {
     className: cn("px-4 py-2.5 bg-destructive/5 border-t border-destructive/20", className),
     children: renderContent()
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/ui/composed/agno-chat/input.tsx
-import { jsxDEV as jsxDEV43 } from "react/jsx-dev-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function AgnoChatInputArea({
   className,
   children,
@@ -3902,11 +3840,11 @@ function AgnoChatInputArea({
   dropZoneProps
 }) {
   const { handleSend, inputDisabled, isStreaming, isPaused, cancelRun, dropZoneContainerRef } = useAgnoChatContext();
-  return /* @__PURE__ */ jsxDEV43("div", {
+  return /* @__PURE__ */ jsx42("div", {
     className: cn("border-t border-border bg-background/80 backdrop-blur-sm", className),
-    children: /* @__PURE__ */ jsxDEV43("div", {
+    children: /* @__PURE__ */ jsx42("div", {
       className: "mx-auto px-4 py-2",
-      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsxDEV43(AgnoChatInput, {
+      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsx42(AgnoChatInput, {
         onSend: handleSend,
         disabled: inputDisabled,
         isStreaming,
@@ -3919,9 +3857,9 @@ function AgnoChatInputArea({
         extraTools,
         dropZoneContainerRef,
         dropZoneProps
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      })
+    })
+  });
 }
 
 // src/ui/composed/agno-chat/index.ts
@@ -3929,7 +3867,6 @@ var AgnoChat = Object.assign(AgnoChatRoot, {
   Messages: AgnoChatMessages,
   EmptyState: AgnoChatEmptyState,
   SuggestedPrompts: AgnoChatSuggestedPrompts,
-  ToolStatus: AgnoChatToolStatus,
   ErrorBar: AgnoChatErrorBar,
   Input: AgnoChatInputArea
 });
@@ -4077,7 +4014,6 @@ export {
   ArtifactAction,
   Artifact,
   AgnoMessageItem,
-  AgnoChatToolStatus,
   AgnoChatSuggestedPrompts,
   AgnoChatRoot,
   AgnoChatMessages,
@@ -4092,4 +4028,4 @@ export {
   Accordion
 };
 
-//# debugId=1E8D621BCAD3259064756E2164756E21
+//# debugId=B7CF327D3F6FBB7F64756E2164756E21