@rodrigocoliveira/agno-react 1.0.1 → 1.0.3

package/dist/ui.mjs

@@ -0,0 +1,4044 @@
+"use client";
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/ui/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+// src/ui/lib/format-timestamp.ts
+function formatSmartTimestamp(date) {
+  const now = new Date;
+  const isToday = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+  if (isToday) {
+    return new Intl.DateTimeFormat(undefined, {
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
+    }).format(date);
+  }
+  const isSameYear = date.getFullYear() === now.getFullYear();
+  if (isSameYear) {
+    return new Intl.DateTimeFormat(undefined, {
+      month: "short",
+      day: "numeric"
+    }).format(date);
+  }
+  return new Intl.DateTimeFormat(undefined, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(date);
+}
+function formatFullTimestamp(date) {
+  return new Intl.DateTimeFormat(undefined, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  }).format(date);
+}
+// src/ui/lib/file-utils.ts
+function getFilePreviewType(mimeType) {
+  if (!mimeType)
+    return "none";
+  if (mimeType.startsWith("image/"))
+    return "image";
+  if (mimeType === "application/pdf")
+    return "pdf";
+  if (mimeType.startsWith("text/"))
+    return "text";
+  if (mimeType.startsWith("video/"))
+    return "video";
+  if (mimeType.startsWith("audio/"))
+    return "audio";
+  return "none";
+}
+function formatFileSize(bytes) {
+  if (bytes === 0)
+    return "0 B";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const k = 1024;
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const value = bytes / Math.pow(k, i);
+  return `${value % 1 === 0 ? value : value.toFixed(1)} ${units[i]}`;
+}
+function getFileExtension(filename, mimeType) {
+  const lastDot = filename.lastIndexOf(".");
+  if (lastDot !== -1 && lastDot !== 0) {
+    return filename.slice(lastDot + 1).toLowerCase();
+  }
+  if (mimeType) {
+    return extensionFromMime(mimeType);
+  }
+  return "";
+}
+var mimeToExt = {
+  "application/pdf": "pdf",
+  "application/zip": "zip",
+  "application/x-rar-compressed": "rar",
+  "application/json": "json",
+  "application/xml": "xml",
+  "application/msword": "doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.ms-powerpoint": "ppt",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
+  "text/csv": "csv",
+  "text/plain": "txt",
+  "text/html": "html",
+  "text/css": "css",
+  "text/javascript": "js"
+};
+function extensionFromMime(mimeType) {
+  if (mimeToExt[mimeType])
+    return mimeToExt[mimeType];
+  const subtype = mimeType.split("/")[1];
+  if (subtype && !subtype.includes(".") && !subtype.includes("+")) {
+    return subtype.toLowerCase();
+  }
+  return "";
+}
+function isPreviewable(mimeType) {
+  const type = getFilePreviewType(mimeType);
+  return type === "image" || type === "pdf";
+}
+// src/ui/primitives/button.tsx
+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";
+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: {
+      default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+      destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+      outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+      secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2",
+      sm: "h-8 rounded-md px-3 text-xs",
+      lg: "h-10 rounded-md px-8",
+      icon: "h-9 w-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsxDEV(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";
+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: {
+      default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+      outline: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxDEV2("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, {
+  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, {
+  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, {
+  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";
+var Input = React3.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ jsxDEV4("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", {
+    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", {
+    "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: {
+    align: {
+      "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+      "inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
+      "block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-2 pb-0 group-has-[>input]/input-group:pt-2.5",
+      "block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-1.5 group-has-[>input]/input-group:pb-1.5"
+    }
+  },
+  defaultVariants: {
+    align: "inline-start"
+  }
+});
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": align,
+    className: cn(inputGroupAddonVariants({ align }), className),
+    onClick: (e) => {
+      if (e.target.closest("button")) {
+        return;
+      }
+      e.currentTarget.parentElement?.querySelector("input")?.focus();
+    },
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupButtonVariants = cva3("flex items-center gap-2 text-sm shadow-none", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4(Button, {
+    type,
+    "data-size": size,
+    variant,
+    className: cn(inputGroupButtonVariants({ size }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV4("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, {
+    "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, {
+    "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";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+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";
+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, {
+    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";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV6(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, {
+  className: "flex",
+  children: /* @__PURE__ */ jsxDEV6(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, {
+        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, {
+  ref,
+  className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+  ...props,
+  children: /* @__PURE__ */ jsxDEV6("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";
+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, {
+  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, {
+      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, {
+  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, {
+    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, {
+  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, {
+  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", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV7(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, {
+  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", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsxDEV7(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV7(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, {
+  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, {
+  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", {
+    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";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxDEV8(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";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxDEV9(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, {
+      asChild: true,
+      children: /* @__PURE__ */ jsxDEV9(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, {
+  ref,
+  className: cn("flex cursor-default items-center justify-center py-1", className),
+  ...props,
+  children: /* @__PURE__ */ jsxDEV9(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, {
+  ref,
+  className: cn("flex cursor-default items-center justify-center py-1", className),
+  ...props,
+  children: /* @__PURE__ */ jsxDEV9(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, {
+    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, {
+        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)
+    ]
+  }, undefined, true, undefined, this)
+}, undefined, false, undefined, this));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV9(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, {
+  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", {
+      className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsxDEV9(SelectPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsxDEV9(Check2, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV9(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, {
+  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, {
+  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", {
+  className: "flex items-center border-b px-3",
+  "cmdk-input-wrapper": "",
+  children: [
+    /* @__PURE__ */ jsxDEV10(Search, {
+      className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV10(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, {
+  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, {
+  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, {
+  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, {
+  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, {
+  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", {
+    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
+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";
+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, {
+  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: {
+    variant: {
+      default: "w-full max-w-lg bg-background p-6",
+      lightbox: "max-w-[90vw] max-h-[90vh] bg-background/95 backdrop-blur-sm p-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var DialogContent = React10.forwardRef(({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsxDEV11(DialogPortal, {
+  children: [
+    /* @__PURE__ */ jsxDEV11(DialogOverlay, {}, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV11(DialogPrimitive.Content, {
+      ref,
+      className: cn(dialogContentVariants({ variant }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxDEV11(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, {
+              className: "h-4 w-4"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV11("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", {
+  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", {
+  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, {
+  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, {
+  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", {
+  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: {
+      contained: [
+        "max-w-[80%] px-4 py-3",
+        "group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground",
+        "group-[.is-assistant]:bg-secondary group-[.is-assistant]:text-foreground"
+      ],
+      flat: [
+        "group-[.is-user]:max-w-[80%] group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
+        "group-[.is-assistant]:text-foreground"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "contained"
+  }
+});
+var MessageContent = ({ children, className, variant, ...props }) => /* @__PURE__ */ jsxDEV12("div", {
+  className: cn(messageContentVariants({ variant, className })),
+  ...props,
+  children
+}, undefined, false, undefined, this);
+var MessageAvatar = ({ src, name, className, ...props }) => /* @__PURE__ */ jsxDEV12(Avatar, {
+  className: cn("size-8 ring-1 ring-border", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsxDEV12(AvatarImage, {
+      alt: "",
+      className: "mt-0 mb-0",
+      src
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV12(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, {
+  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, {
+  className: cn("p-4", className),
+  ...props
+}, undefined, false, undefined, this);
+var ConversationEmptyState = ({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxDEV13("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: [
+      icon && /* @__PURE__ */ jsxDEV13("div", {
+        className: "text-muted-foreground",
+        children: icon
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV13("div", {
+        className: "space-y-1",
+        children: [
+          /* @__PURE__ */ jsxDEV13("h3", {
+            className: "font-medium text-sm",
+            children: title
+          }, undefined, false, undefined, this),
+          description && /* @__PURE__ */ jsxDEV13("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, {
+    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, {
+      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, {
+  className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
+  ...props
+}, undefined, false, undefined, this), (prevProps, nextProps) => prevProps.children === nextProps.children);
+Response.displayName = "Response";
+// src/ui/components/tool.tsx
+import {
+  CheckCircleIcon,
+  ChevronDownIcon,
+  CircleIcon,
+  ClockIcon,
+  WrenchIcon,
+  XCircleIcon
+} from "lucide-react";
+import { isValidElement } from "react";
+
+// src/ui/components/code-block.tsx
+import { CheckIcon, CopyIcon } from "lucide-react";
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsxDEV as jsxDEV15, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+var CodeBlockContext = createContext({
+  code: ""
+});
+async function highlightCode(code, language, showLineNumbers = false) {
+  try {
+    const shiki = await import("shiki");
+    const lineNumberTransformer = showLineNumbers ? [
+      {
+        name: "line-numbers",
+        line(node, line) {
+          node.children.unshift({
+            type: "element",
+            tagName: "span",
+            properties: {
+              className: ["inline-block", "min-w-10", "mr-4", "text-right", "select-none", "text-muted-foreground"]
+            },
+            children: [{ type: "text", value: String(line) }]
+          });
+        }
+      }
+    ] : [];
+    const [light, dark] = await Promise.all([
+      shiki.codeToHtml(code, { lang: language, theme: "one-light", transformers: lineNumberTransformer }),
+      shiki.codeToHtml(code, { lang: language, theme: "one-dark-pro", transformers: lineNumberTransformer })
+    ]);
+    return [light, dark];
+  } catch {
+    return ["", ""];
+  }
+}
+var CodeBlock = ({
+  code,
+  language,
+  showLineNumbers = false,
+  className,
+  children,
+  ...props
+}) => {
+  const [html, setHtml] = useState("");
+  const [darkHtml, setDarkHtml] = useState("");
+  const effectIdRef = useRef(0);
+  useEffect(() => {
+    const id = ++effectIdRef.current;
+    highlightCode(code, language, showLineNumbers).then(([light, dark]) => {
+      if (id === effectIdRef.current) {
+        setHtml(light);
+        setDarkHtml(dark);
+      }
+    });
+  }, [code, language, showLineNumbers]);
+  const useFallback = !html && !darkHtml;
+  return /* @__PURE__ */ jsxDEV15(CodeBlockContext.Provider, {
+    value: { code },
+    children: /* @__PURE__ */ jsxDEV15("div", {
+      className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className),
+      ...props,
+      children: /* @__PURE__ */ jsxDEV15("div", {
+        className: "relative",
+        children: [
+          useFallback ? /* @__PURE__ */ jsxDEV15("pre", {
+            className: "m-0 overflow-auto bg-background p-4 text-foreground text-sm",
+            children: /* @__PURE__ */ jsxDEV15("code", {
+              className: "font-mono text-sm",
+              children: code
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV15(Fragment2, {
+            children: [
+              /* @__PURE__ */ jsxDEV15("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", {
+                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", {
+            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,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const { code } = useContext(CodeBlockContext);
+  const copyToClipboard = async () => {
+    if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
+      onError?.(new Error("Clipboard API not available"));
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(code);
+      setIsCopied(true);
+      onCopy?.();
+      setTimeout(() => setIsCopied(false), timeout);
+    } catch (error) {
+      onError?.(error);
+    }
+  };
+  const Icon2 = isCopied ? CheckIcon : CopyIcon;
+  return /* @__PURE__ */ jsxDEV15(Button, {
+    className: cn("shrink-0", className),
+    onClick: copyToClipboard,
+    size: "icon",
+    variant: "ghost",
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxDEV15(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, {
+  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",
+    "input-available": "Running",
+    "approval-requested": "Awaiting Approval",
+    "approval-responded": "Responded",
+    "output-available": "Completed",
+    "output-error": "Error",
+    "output-denied": "Denied"
+  };
+  const icons = {
+    "input-streaming": /* @__PURE__ */ jsxDEV16(CircleIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this),
+    "input-available": /* @__PURE__ */ jsxDEV16(ClockIcon, {
+      className: "size-4 animate-pulse"
+    }, undefined, false, undefined, this),
+    "approval-requested": /* @__PURE__ */ jsxDEV16(ClockIcon, {
+      className: "size-4 text-yellow-600"
+    }, undefined, false, undefined, this),
+    "approval-responded": /* @__PURE__ */ jsxDEV16(CheckCircleIcon, {
+      className: "size-4 text-blue-600"
+    }, undefined, false, undefined, this),
+    "output-available": /* @__PURE__ */ jsxDEV16(CheckCircleIcon, {
+      className: "size-4 text-green-600"
+    }, undefined, false, undefined, this),
+    "output-error": /* @__PURE__ */ jsxDEV16(XCircleIcon, {
+      className: "size-4 text-red-600"
+    }, undefined, false, undefined, this),
+    "output-denied": /* @__PURE__ */ jsxDEV16(XCircleIcon, {
+      className: "size-4 text-orange-600"
+    }, undefined, false, undefined, this)
+  };
+  return /* @__PURE__ */ jsxDEV16(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, {
+  className: cn("group flex w-full items-center justify-between gap-4 p-3", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsxDEV16("div", {
+      className: "flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsxDEV16(WrenchIcon, {
+          className: "size-4 text-muted-foreground"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV16("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, {
+      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, {
+  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", {
+  className: cn("space-y-2 overflow-hidden p-4", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsxDEV16("h4", {
+      className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+      children: "Parameters"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV16("div", {
+      className: "rounded-md bg-muted/50",
+      children: /* @__PURE__ */ jsxDEV16(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", {
+    children: output
+  }, undefined, false, undefined, this);
+  if (typeof output === "object" && !isValidElement(output)) {
+    Output = /* @__PURE__ */ jsxDEV16(CodeBlock, {
+      code: JSON.stringify(output, null, 2),
+      language: "json"
+    }, undefined, false, undefined, this);
+  } else if (typeof output === "string") {
+    Output = /* @__PURE__ */ jsxDEV16(CodeBlock, {
+      code: output,
+      language: "json"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV16("div", {
+    className: cn("space-y-2 p-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV16("h4", {
+        className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+        children: errorText ? "Error" : "Result"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16("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", {
+            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", {
+  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", {
+  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, {
+  className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+  size,
+  type: "button",
+  variant,
+  ...props,
+  children: [
+    children ?? /* @__PURE__ */ jsxDEV17(XIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV17("span", {
+      className: "sr-only",
+      children: "Close"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("p", {
+  className: cn("font-medium text-foreground text-sm", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("p", {
+  className: cn("text-muted-foreground text-sm", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsxDEV17("div", {
+  className: cn("flex items-center gap-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon2,
+  children,
+  className,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => {
+  const button = /* @__PURE__ */ jsxDEV17(Button, {
+    className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+    size,
+    type: "button",
+    variant,
+    ...props,
+    children: [
+      Icon2 ? /* @__PURE__ */ jsxDEV17(Icon2, {
+        className: "size-4"
+      }, undefined, false, undefined, this) : children,
+      /* @__PURE__ */ jsxDEV17("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, {
+        children: [
+          /* @__PURE__ */ jsxDEV17(TooltipTrigger, {
+            asChild: true,
+            children: button
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17(TooltipContent, {
+            children: /* @__PURE__ */ jsxDEV17("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", {
+  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";
+function StreamingIndicator({ className, icon, avatar, ...props }) {
+  return /* @__PURE__ */ jsxDEV18("div", {
+    className: cn("flex items-start gap-3 px-1", className),
+    ...props,
+    children: [
+      avatar ?? /* @__PURE__ */ jsxDEV18("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, {
+          className: "h-4 w-4 text-primary"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18("div", {
+        className: "flex items-center gap-1.5 pt-2.5",
+        children: [
+          /* @__PURE__ */ jsxDEV18("span", {
+            className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV18("span", {
+            className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:150ms]"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV18("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";
+function encodeWav(samples, sampleRate) {
+  const numChannels = 1;
+  const bitsPerSample = 16;
+  const byteRate = sampleRate * numChannels * (bitsPerSample / 8);
+  const blockAlign = numChannels * (bitsPerSample / 8);
+  const dataLength = samples.length * (bitsPerSample / 8);
+  const buffer = new ArrayBuffer(44 + dataLength);
+  const view = new DataView(buffer);
+  writeString(view, 0, "RIFF");
+  view.setUint32(4, 36 + dataLength, true);
+  writeString(view, 8, "WAVE");
+  writeString(view, 12, "fmt ");
+  view.setUint32(16, 16, true);
+  view.setUint16(20, 1, true);
+  view.setUint16(22, numChannels, true);
+  view.setUint32(24, sampleRate, true);
+  view.setUint32(28, byteRate, true);
+  view.setUint16(32, blockAlign, true);
+  view.setUint16(34, bitsPerSample, true);
+  writeString(view, 36, "data");
+  view.setUint32(40, dataLength, true);
+  let offset = 44;
+  for (let i = 0;i < samples.length; i++) {
+    const s = Math.max(-1, Math.min(1, samples[i]));
+    view.setInt16(offset, s < 0 ? s * 32768 : s * 32767, true);
+    offset += 2;
+  }
+  return new Blob([buffer], { type: "audio/wav" });
+}
+function writeString(view, offset, str) {
+  for (let i = 0;i < str.length; i++) {
+    view.setUint8(offset + i, str.charCodeAt(i));
+  }
+}
+function createWorkletUrl() {
+  const code = `
+class RecorderProcessor extends AudioWorkletProcessor {
+  constructor() {
+    super();
+    this._stopped = false;
+    this.port.onmessage = (e) => {
+      if (e.data === 'stop') this._stopped = true;
+    };
+  }
+  process(inputs) {
+    if (this._stopped) return false;
+    const input = inputs[0];
+    if (input && input[0]) {
+      this.port.postMessage(new Float32Array(input[0]));
+    }
+    return true;
+  }
+}
+registerProcessor('recorder-processor', RecorderProcessor);
+`;
+  const blob = new Blob([code], { type: "application/javascript" });
+  return URL.createObjectURL(blob);
+}
+function AudioRecorder({
+  onRecordingComplete,
+  disabled,
+  className,
+  mode = "send",
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  onTranscriptionComplete,
+  transcriptionFieldName = "file",
+  parseTranscriptionResponse,
+  onRequestPermission,
+  labels
+}) {
+  const [isRecording, setIsRecording] = useState2(false);
+  const [isTranscribing, setIsTranscribing] = useState2(false);
+  const [duration, setDuration] = useState2(0);
+  const [isSupported, setIsSupported] = useState2(true);
+  const streamRef = useRef2(null);
+  const audioContextRef = useRef2(null);
+  const workletNodeRef = useRef2(null);
+  const chunksRef = useRef2([]);
+  const timerRef = useRef2(null);
+  const workletUrlRef = useRef2(null);
+  const onTranscriptionCompleteRef = useRef2(onTranscriptionComplete);
+  onTranscriptionCompleteRef.current = onTranscriptionComplete;
+  useEffect2(() => {
+    if (typeof window === "undefined" || !navigator.mediaDevices?.getUserMedia) {
+      setIsSupported(false);
+    }
+    return () => {
+      if (timerRef.current)
+        clearInterval(timerRef.current);
+      if (workletNodeRef.current) {
+        workletNodeRef.current.port.postMessage("stop");
+        workletNodeRef.current.disconnect();
+        workletNodeRef.current = null;
+      }
+      if (audioContextRef.current) {
+        audioContextRef.current.close();
+        audioContextRef.current = null;
+      }
+      if (streamRef.current) {
+        streamRef.current.getTracks().forEach((track) => track.stop());
+        streamRef.current = null;
+      }
+      if (workletUrlRef.current)
+        URL.revokeObjectURL(workletUrlRef.current);
+    };
+  }, []);
+  const startRecording = useCallback2(async () => {
+    try {
+      if (onRequestPermission) {
+        const granted = await onRequestPermission();
+        if (!granted)
+          return;
+      }
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+      const audioContext = new AudioContext;
+      audioContextRef.current = audioContext;
+      const workletUrl = createWorkletUrl();
+      workletUrlRef.current = workletUrl;
+      await audioContext.audioWorklet.addModule(workletUrl);
+      const source = audioContext.createMediaStreamSource(stream);
+      const workletNode = new AudioWorkletNode(audioContext, "recorder-processor");
+      workletNodeRef.current = workletNode;
+      chunksRef.current = [];
+      workletNode.port.onmessage = (e) => {
+        if (e.data instanceof Float32Array) {
+          chunksRef.current.push(e.data);
+        }
+      };
+      source.connect(workletNode);
+      workletNode.connect(audioContext.destination);
+      setIsRecording(true);
+      setDuration(0);
+      timerRef.current = setInterval(() => {
+        setDuration((prev) => prev + 1);
+      }, 1000);
+    } catch {
+      console.error("Failed to start recording");
+    }
+  }, [onRequestPermission]);
+  const stopRecording = useCallback2(async () => {
+    if (workletNodeRef.current) {
+      workletNodeRef.current.port.postMessage("stop");
+      workletNodeRef.current.disconnect();
+      workletNodeRef.current = null;
+    }
+    const audioContext = audioContextRef.current;
+    let wavBlob = null;
+    if (audioContext) {
+      const sampleRate = audioContext.sampleRate;
+      const totalLength = chunksRef.current.reduce((sum, chunk) => sum + chunk.length, 0);
+      const merged = new Float32Array(totalLength);
+      let offset = 0;
+      for (const chunk of chunksRef.current) {
+        merged.set(chunk, offset);
+        offset += chunk.length;
+      }
+      chunksRef.current = [];
+      wavBlob = encodeWav(merged, sampleRate);
+      audioContext.close();
+      audioContextRef.current = null;
+    }
+    if (streamRef.current) {
+      streamRef.current.getTracks().forEach((track) => track.stop());
+      streamRef.current = null;
+    }
+    if (workletUrlRef.current) {
+      URL.revokeObjectURL(workletUrlRef.current);
+      workletUrlRef.current = null;
+    }
+    setIsRecording(false);
+    if (timerRef.current) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+    if (!wavBlob)
+      return;
+    if (mode === "transcribe" && transcriptionEndpoint) {
+      setIsTranscribing(true);
+      const formData = new FormData;
+      formData.append(transcriptionFieldName, wavBlob, "recording.wav");
+      try {
+        const res = await fetch(transcriptionEndpoint, {
+          method: "POST",
+          headers: transcriptionHeaders,
+          credentials: "include",
+          body: formData
+        });
+        const data = await res.json();
+        const text = parseTranscriptionResponse ? parseTranscriptionResponse(data) : data.text || data.transcript || data.transcription || (typeof data === "string" ? data : "");
+        if (text)
+          onTranscriptionCompleteRef.current?.(text);
+      } catch (err) {
+        console.error("Transcription failed:", err);
+      } finally {
+        setIsTranscribing(false);
+      }
+    } else {
+      onRecordingComplete(wavBlob);
+    }
+  }, [onRecordingComplete, mode, transcriptionEndpoint, transcriptionHeaders, transcriptionFieldName, parseTranscriptionResponse]);
+  const resolvedLabels = {
+    recordAudio: labels?.recordAudio ?? "Record audio",
+    stopRecording: labels?.stopRecording ?? "Stop recording",
+    transcribing: labels?.transcribing ?? "Transcribing..."
+  };
+  const formatDuration = (seconds) => {
+    const m = Math.floor(seconds / 60);
+    const s = seconds % 60;
+    return `${m}:${s.toString().padStart(2, "0")}`;
+  };
+  if (!isSupported)
+    return null;
+  return /* @__PURE__ */ jsxDEV19("div", {
+    className: cn("flex items-center gap-1", className),
+    children: [
+      isRecording && /* @__PURE__ */ jsxDEV19("span", {
+        className: "text-xs text-destructive font-mono animate-pulse",
+        children: formatDuration(duration)
+      }, undefined, false, undefined, this),
+      isTranscribing ? /* @__PURE__ */ jsxDEV19("span", {
+        className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsxDEV19(Loader2, {
+            className: "size-3.5 animate-spin"
+          }, undefined, false, undefined, this),
+          resolvedLabels.transcribing
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV19(Button, {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: cn("h-8 w-8", isRecording && "text-destructive hover:text-destructive"),
+        disabled,
+        onClick: isRecording ? stopRecording : startRecording,
+        title: isRecording ? resolvedLabels.stopRecording : resolvedLabels.recordAudio,
+        children: isRecording ? /* @__PURE__ */ jsxDEV19(Square, {
+          className: "size-4 fill-current"
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19(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";
+function SmartTimestamp({ date, formatShort, className }) {
+  const shortText = formatShort ? formatShort(date) : formatSmartTimestamp(date);
+  const fullText = formatFullTimestamp(date);
+  return /* @__PURE__ */ jsxDEV20(TooltipProvider, {
+    children: /* @__PURE__ */ jsxDEV20(Tooltip, {
+      children: [
+        /* @__PURE__ */ jsxDEV20(TooltipTrigger, {
+          asChild: true,
+          children: /* @__PURE__ */ jsxDEV20("span", {
+            className,
+            children: shortText
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV20(TooltipContent, {
+          children: /* @__PURE__ */ jsxDEV20("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";
+function ExtBadge({ ext }) {
+  if (!ext)
+    return null;
+  return /* @__PURE__ */ jsxDEV21("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);
+  const isClickable = !!onClick;
+  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", {
+      type: "button",
+      onClick,
+      disabled: !isClickable,
+      className: cardBase,
+      children: [
+        /* @__PURE__ */ jsxDEV21("img", {
+          src: file.url,
+          alt: file.name,
+          className: "w-full h-full object-cover"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV21(ExtBadge, {
+          ext
+        }, undefined, false, undefined, this),
+        isClickable && /* @__PURE__ */ jsxDEV21("div", {
+          className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors",
+          children: /* @__PURE__ */ jsxDEV21(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", {
+      type: "button",
+      onClick,
+      disabled: !isClickable,
+      className: cardBase,
+      children: [
+        /* @__PURE__ */ jsxDEV21("div", {
+          className: "w-full h-full overflow-hidden pointer-events-none",
+          children: /* @__PURE__ */ jsxDEV21("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", {
+              className: "flex items-center justify-center w-full h-full",
+              children: /* @__PURE__ */ jsxDEV21(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, {
+          ext
+        }, undefined, false, undefined, this),
+        isClickable && /* @__PURE__ */ jsxDEV21("div", {
+          className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/10 transition-colors",
+          children: /* @__PURE__ */ jsxDEV21(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", {
+    type: "button",
+    onClick,
+    disabled: !isClickable,
+    className: cardBase,
+    children: [
+      /* @__PURE__ */ jsxDEV21("div", {
+        className: "flex-1 flex items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV21(FileIcon, {
+          className: "h-8 w-8 text-muted-foreground/40"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV21("div", {
+        className: "w-full text-center min-w-0 px-2 pb-2 space-y-0.5",
+        children: [
+          /* @__PURE__ */ jsxDEV21("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", {
+            className: "text-[9px] text-muted-foreground leading-tight",
+            children: formatFileSize(file.size)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV21(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";
+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, {
+    open,
+    onOpenChange,
+    children: previewType === "image" && file.url ? /* @__PURE__ */ jsxDEV22(DialogContent, {
+      variant: "lightbox",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsxDEV22(DialogTitle, {
+          className: "sr-only",
+          children: file.name
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV22("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, {
+      variant: "lightbox",
+      className: "w-[80vw] h-[85vh]",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsxDEV22(DialogTitle, {
+          className: "sr-only",
+          children: file.name
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV22("object", {
+          data: file.url,
+          type: "application/pdf",
+          className: "w-full h-full rounded-md",
+          children: /* @__PURE__ */ jsxDEV22("div", {
+            className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxDEV22("p", {
+                className: "text-sm",
+                children: "Unable to display PDF"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV22("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, {
+                    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, {
+      children: [
+        /* @__PURE__ */ jsxDEV22(DialogHeader, {
+          children: [
+            /* @__PURE__ */ jsxDEV22(DialogTitle, {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV22(FileIcon2, {
+                  className: "h-5 w-5 text-muted-foreground"
+                }, undefined, false, undefined, this),
+                file.name
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV22(DialogDescription, {
+              children: [
+                file.size != null && file.size > 0 && /* @__PURE__ */ jsxDEV22("span", {
+                  children: formatFileSize(file.size)
+                }, undefined, false, undefined, this),
+                !canPreview && /* @__PURE__ */ jsxDEV22("span", {
+                  children: " · Preview not available for this file type"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV22("div", {
+          className: "flex flex-col items-center justify-center py-8 text-muted-foreground gap-3",
+          children: [
+            /* @__PURE__ */ jsxDEV22(FileIcon2, {
+              className: "h-12 w-12"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV22("p", {
+              className: "text-sm",
+              children: "Preview not available"
+            }, undefined, false, undefined, this),
+            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxDEV22("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, {
+                  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";
+function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
+  const [currentIndex, setCurrentIndex] = useState3(initialIndex);
+  const hasMultiple = images.length > 1;
+  useEffect3(() => {
+    if (open)
+      setCurrentIndex(initialIndex);
+  }, [open, initialIndex]);
+  const goNext = useCallback3(() => {
+    setCurrentIndex((i) => (i + 1) % images.length);
+  }, [images.length]);
+  const goPrev = useCallback3(() => {
+    setCurrentIndex((i) => (i - 1 + images.length) % images.length);
+  }, [images.length]);
+  useEffect3(() => {
+    if (!open || !hasMultiple)
+      return;
+    const handler = (e) => {
+      if (e.key === "ArrowRight")
+        goNext();
+      if (e.key === "ArrowLeft")
+        goPrev();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [open, hasMultiple, goNext, goPrev]);
+  if (images.length === 0)
+    return null;
+  const current = images[currentIndex];
+  if (!current)
+    return null;
+  return /* @__PURE__ */ jsxDEV23(Dialog, {
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */ jsxDEV23(DialogContent, {
+      variant: "lightbox",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsxDEV23(DialogTitle, {
+          className: "sr-only",
+          children: current.alt || `Image ${currentIndex + 1} of ${images.length}`
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV23("div", {
+          className: "relative flex items-center justify-center",
+          children: [
+            /* @__PURE__ */ jsxDEV23("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, {
+              children: [
+                /* @__PURE__ */ jsxDEV23("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, {
+                      className: "h-5 w-5"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV23("span", {
+                      className: "sr-only",
+                      children: "Previous image"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV23("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, {
+                      className: "h-5 w-5"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV23("span", {
+                      className: "sr-only",
+                      children: "Next image"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV23("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";
+var PromptInputController = createContext2(null);
+var ProviderAttachmentsContext = createContext2(null);
+var LocalAttachmentsContext = createContext2(null);
+var usePromptInputController = () => {
+  const ctx = useContext2(PromptInputController);
+  if (!ctx) {
+    throw new Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
+  }
+  return ctx;
+};
+var useOptionalPromptInputController = () => useContext2(PromptInputController);
+var useProviderAttachments = () => {
+  const ctx = useContext2(ProviderAttachmentsContext);
+  if (!ctx) {
+    throw new Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
+  }
+  return ctx;
+};
+var useOptionalProviderAttachments = () => useContext2(ProviderAttachmentsContext);
+var usePromptInputAttachments = () => {
+  const provider = useOptionalProviderAttachments();
+  const local = useContext2(LocalAttachmentsContext);
+  const context = provider ?? local;
+  if (!context) {
+    throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
+  }
+  return context;
+};
+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";
+function generateId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+function PromptInputProvider({ initialInput: initialTextInput = "", children }) {
+  const [textInput, setTextInput] = useState4(initialTextInput);
+  const clearInput = useCallback4(() => setTextInput(""), []);
+  const [fileItems, setFileItems] = useState4([]);
+  const fileInputRef = useRef3(null);
+  const openRef = useRef3(() => {});
+  const add = useCallback4((files) => {
+    const incoming = Array.from(files);
+    if (incoming.length === 0)
+      return;
+    setFileItems((prev) => prev.concat(incoming.map((file) => ({
+      id: generateId(),
+      type: "file",
+      url: URL.createObjectURL(file),
+      mediaType: file.type,
+      filename: file.name
+    }))));
+  }, []);
+  const remove = useCallback4((id) => {
+    setFileItems((prev) => {
+      const found = prev.find((f) => f.id === id);
+      if (found?.url)
+        URL.revokeObjectURL(found.url);
+      return prev.filter((f) => f.id !== id);
+    });
+  }, []);
+  const clear = useCallback4(() => {
+    setFileItems((prev) => {
+      for (const f of prev)
+        if (f.url)
+          URL.revokeObjectURL(f.url);
+      return [];
+    });
+  }, []);
+  const openFileDialog = useCallback4(() => {
+    openRef.current?.();
+  }, []);
+  const attachments = useMemo(() => ({
+    files: fileItems,
+    add,
+    remove,
+    clear,
+    openFileDialog,
+    fileInputRef
+  }), [fileItems, add, remove, clear, openFileDialog]);
+  const __registerFileInput = useCallback4((ref, open) => {
+    fileInputRef.current = ref.current;
+    openRef.current = open;
+  }, []);
+  const controller = useMemo(() => ({
+    textInput: { value: textInput, setInput: setTextInput, clear: clearInput },
+    attachments,
+    __registerFileInput
+  }), [textInput, clearInput, attachments, __registerFileInput]);
+  return /* @__PURE__ */ jsxDEV24(PromptInputController.Provider, {
+    value: controller,
+    children: /* @__PURE__ */ jsxDEV24(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";
+function generateId2() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+var PromptInput = ({
+  className,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  dragListenerTarget,
+  onError,
+  onSubmit,
+  children,
+  ...props
+}) => {
+  const controller = useOptionalPromptInputController();
+  const usingProvider = !!controller;
+  const inputRef = useRef4(null);
+  const formRef = useRef4(null);
+  const [items, setItems] = useState5([]);
+  const files = usingProvider ? controller.attachments.files : items;
+  const [isDraggingOver, setIsDraggingOver] = useState5(false);
+  const dragCounter = useRef4(0);
+  const openFileDialogLocal = useCallback5(() => {
+    inputRef.current?.click();
+  }, []);
+  const matchesAccept = useCallback5((f) => {
+    if (!accept || accept.trim() === "")
+      return true;
+    const patterns = accept.split(",").map((p) => p.trim()).filter(Boolean);
+    for (const pattern of patterns) {
+      if (pattern.endsWith("/*")) {
+        const prefix = pattern.slice(0, -1);
+        if (f.type.startsWith(prefix))
+          return true;
+      } else if (pattern.startsWith(".")) {
+        const ext = f.name.toLowerCase().split(".").pop();
+        if (ext && `.${ext}` === pattern.toLowerCase())
+          return true;
+      } else if (f.type === pattern) {
+        return true;
+      }
+    }
+    return false;
+  }, [accept]);
+  const addLocal = useCallback5((fileList) => {
+    const incoming = Array.from(fileList);
+    const accepted = incoming.filter((f) => matchesAccept(f));
+    if (incoming.length && accepted.length === 0) {
+      onError?.({ code: "accept", message: "No files match the accepted types." });
+      return;
+    }
+    const withinSize = (f) => maxFileSize ? f.size <= maxFileSize : true;
+    const sized = accepted.filter(withinSize);
+    if (accepted.length > 0 && sized.length === 0) {
+      onError?.({ code: "max_file_size", message: "All files exceed the maximum size." });
+      return;
+    }
+    setItems((prev) => {
+      const capacity = typeof maxFiles === "number" ? Math.max(0, maxFiles - prev.length) : undefined;
+      const capped = typeof capacity === "number" ? sized.slice(0, capacity) : sized;
+      if (typeof capacity === "number" && sized.length > capacity) {
+        onError?.({ code: "max_files", message: "Too many files. Some were not added." });
+      }
+      const next = [];
+      for (const file of capped) {
+        next.push({
+          id: generateId2(),
+          type: "file",
+          url: URL.createObjectURL(file),
+          mediaType: file.type,
+          filename: file.name
+        });
+      }
+      return prev.concat(next);
+    });
+  }, [matchesAccept, maxFiles, maxFileSize, onError]);
+  const add = usingProvider ? (fileList) => controller.attachments.add(fileList) : addLocal;
+  const remove = usingProvider ? (id) => controller.attachments.remove(id) : (id) => setItems((prev) => {
+    const found = prev.find((file) => file.id === id);
+    if (found?.url)
+      URL.revokeObjectURL(found.url);
+    return prev.filter((file) => file.id !== id);
+  });
+  const clear = usingProvider ? () => controller.attachments.clear() : () => setItems((prev) => {
+    for (const file of prev)
+      if (file.url)
+        URL.revokeObjectURL(file.url);
+    return [];
+  });
+  const openFileDialog = usingProvider ? () => controller.attachments.openFileDialog() : openFileDialogLocal;
+  useEffect4(() => {
+    if (!usingProvider)
+      return;
+    controller.__registerFileInput(inputRef, () => inputRef.current?.click());
+  }, [usingProvider, controller]);
+  useEffect4(() => {
+    if (syncHiddenInput && inputRef.current && files.length === 0) {
+      inputRef.current.value = "";
+    }
+  }, [files, syncHiddenInput]);
+  useEffect4(() => {
+    if (globalDrop)
+      return;
+    const form = formRef.current;
+    if (!form)
+      return;
+    const onDragOver = (e) => {
+      if (e.dataTransfer?.types?.includes("Files"))
+        e.preventDefault();
+    };
+    const onDragEnter = (e) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+        dragCounter.current++;
+        if (dragCounter.current === 1)
+          setIsDraggingOver(true);
+      }
+    };
+    const onDragLeave = (_e) => {
+      dragCounter.current--;
+      if (dragCounter.current === 0)
+        setIsDraggingOver(false);
+    };
+    const onDrop = (e) => {
+      if (e.dataTransfer?.types?.includes("Files"))
+        e.preventDefault();
+      dragCounter.current = 0;
+      setIsDraggingOver(false);
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0)
+        add(e.dataTransfer.files);
+    };
+    form.addEventListener("dragover", onDragOver);
+    form.addEventListener("dragenter", onDragEnter);
+    form.addEventListener("dragleave", onDragLeave);
+    form.addEventListener("drop", onDrop);
+    return () => {
+      form.removeEventListener("dragover", onDragOver);
+      form.removeEventListener("dragenter", onDragEnter);
+      form.removeEventListener("dragleave", onDragLeave);
+      form.removeEventListener("drop", onDrop);
+    };
+  }, [add, globalDrop]);
+  useEffect4(() => {
+    if (!globalDrop)
+      return;
+    const target = dragListenerTarget?.current ?? document;
+    const onDragOver = (e) => {
+      if (e.dataTransfer?.types?.includes("Files"))
+        e.preventDefault();
+    };
+    const onDragEnter = (e) => {
+      if (e.dataTransfer?.types?.includes("Files")) {
+        e.preventDefault();
+        dragCounter.current++;
+        if (dragCounter.current === 1)
+          setIsDraggingOver(true);
+      }
+    };
+    const onDragLeave = (_e) => {
+      dragCounter.current--;
+      if (dragCounter.current === 0)
+        setIsDraggingOver(false);
+    };
+    const onDrop = (e) => {
+      if (e.dataTransfer?.types?.includes("Files"))
+        e.preventDefault();
+      dragCounter.current = 0;
+      setIsDraggingOver(false);
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0)
+        add(e.dataTransfer.files);
+    };
+    target.addEventListener("dragover", onDragOver);
+    target.addEventListener("dragenter", onDragEnter);
+    target.addEventListener("dragleave", onDragLeave);
+    target.addEventListener("drop", onDrop);
+    return () => {
+      target.removeEventListener("dragover", onDragOver);
+      target.removeEventListener("dragenter", onDragEnter);
+      target.removeEventListener("dragleave", onDragLeave);
+      target.removeEventListener("drop", onDrop);
+    };
+  }, [add, globalDrop, dragListenerTarget]);
+  const filesRef = useRef4(files);
+  filesRef.current = files;
+  useEffect4(() => () => {
+    if (!usingProvider) {
+      for (const f of filesRef.current)
+        if (f.url)
+          URL.revokeObjectURL(f.url);
+    }
+  }, [usingProvider]);
+  const handleChange = (event) => {
+    if (event.currentTarget.files)
+      add(event.currentTarget.files);
+  };
+  const convertBlobUrlToDataUrl = async (url) => {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader;
+      reader.onloadend = () => resolve(reader.result);
+      reader.onerror = reject;
+      reader.readAsDataURL(blob);
+    });
+  };
+  const ctx = useMemo2(() => ({
+    files: files.map((item) => ({ ...item, id: item.id })),
+    add,
+    remove,
+    clear,
+    openFileDialog,
+    fileInputRef: inputRef
+  }), [files, add, remove, clear, openFileDialog]);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const text = usingProvider ? controller.textInput.value : (() => {
+      const formData = new FormData(form);
+      return formData.get("message") || "";
+    })();
+    if (!usingProvider)
+      form.reset();
+    Promise.all(files.map(async ({ id, ...item }) => {
+      if (item.url && item.url.startsWith("blob:")) {
+        return { ...item, url: await convertBlobUrlToDataUrl(item.url) };
+      }
+      return item;
+    })).then((convertedFiles) => {
+      try {
+        const result = onSubmit({ text, files: convertedFiles }, event);
+        if (result instanceof Promise) {
+          result.then(() => {
+            clear();
+            if (usingProvider)
+              controller.textInput.clear();
+          }).catch(() => {});
+        } else {
+          clear();
+          if (usingProvider)
+            controller.textInput.clear();
+        }
+      } catch {}
+    });
+  };
+  const dropZoneValue = useMemo2(() => ({ isDraggingOver }), [isDraggingOver]);
+  const inner = /* @__PURE__ */ jsxDEV25(DropZoneContext.Provider, {
+    value: dropZoneValue,
+    children: /* @__PURE__ */ jsxDEV25("form", {
+      className: cn("relative w-full", className),
+      onSubmit: handleSubmit,
+      ref: formRef,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxDEV25("input", {
+          accept,
+          "aria-label": "Upload files",
+          className: "hidden",
+          multiple,
+          onChange: handleChange,
+          ref: inputRef,
+          title: "Upload files",
+          type: "file"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV25(InputGroup, {
+          children
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+  return usingProvider ? inner : /* @__PURE__ */ jsxDEV25(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";
+var PromptInputTextarea = ({
+  onChange,
+  className,
+  placeholder = "What would you like to know?",
+  ...props
+}) => {
+  const controller = useOptionalPromptInputController();
+  const attachments = usePromptInputAttachments();
+  const [isComposing, setIsComposing] = useState6(false);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      if (isComposing || e.nativeEvent.isComposing)
+        return;
+      if (e.shiftKey)
+        return;
+      e.preventDefault();
+      e.currentTarget.form?.requestSubmit();
+    }
+    if (e.key === "Backspace" && e.currentTarget.value === "" && attachments.files.length > 0) {
+      e.preventDefault();
+      const lastAttachment = attachments.files.at(-1);
+      if (lastAttachment)
+        attachments.remove(lastAttachment.id);
+    }
+  };
+  const handlePaste = (event) => {
+    const items = event.clipboardData?.items;
+    if (!items)
+      return;
+    const files = [];
+    for (const item of items) {
+      if (item.kind === "file") {
+        const file = item.getAsFile();
+        if (file)
+          files.push(file);
+      }
+    }
+    if (files.length > 0) {
+      event.preventDefault();
+      attachments.add(files);
+    }
+  };
+  const controlledProps = controller ? {
+    value: controller.textInput.value,
+    onChange: (e) => {
+      controller.textInput.setInput(e.currentTarget.value);
+      onChange?.(e);
+    }
+  } : { onChange };
+  return /* @__PURE__ */ jsxDEV26(InputGroupTextarea, {
+    className: cn("[field-sizing:content] max-h-48 text-base", className),
+    rows: 1,
+    name: "message",
+    onCompositionEnd: () => setIsComposing(false),
+    onCompositionStart: () => setIsComposing(true),
+    onKeyDown: handleKeyDown,
+    onPaste: handlePaste,
+    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";
+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, {
+    openDelay: 0,
+    closeDelay: 0,
+    children: [
+      /* @__PURE__ */ jsxDEV27(HoverCardTrigger, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxDEV27("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", {
+              className: "relative size-5 shrink-0",
+              children: [
+                /* @__PURE__ */ jsxDEV27("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", {
+                    alt: filename || "attachment",
+                    className: "size-5 object-cover",
+                    height: 20,
+                    src: data.url,
+                    width: 20
+                  }, undefined, false, undefined, this) : isAudio ? /* @__PURE__ */ jsxDEV27("div", {
+                    className: "flex size-5 items-center justify-center text-muted-foreground",
+                    children: /* @__PURE__ */ jsxDEV27(MicIcon, {
+                      className: "size-3"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV27("div", {
+                    className: "flex size-5 items-center justify-center text-muted-foreground",
+                    children: /* @__PURE__ */ jsxDEV27(PaperclipIcon, {
+                      className: "size-3"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV27(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) => {
+                    e.stopPropagation();
+                    attachments.remove(data.id);
+                  },
+                  type: "button",
+                  variant: "ghost",
+                  children: [
+                    /* @__PURE__ */ jsxDEV27(XIcon2, {}, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV27("span", {
+                      className: "sr-only",
+                      children: "Remove"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV27("span", {
+              className: "flex-1 truncate",
+              children: attachmentLabel
+            }, undefined, false, undefined, this)
+          ]
+        }, data.id, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV27(HoverCardContent, {
+        align: "start",
+        className: "w-auto p-2",
+        children: /* @__PURE__ */ jsxDEV27("div", {
+          className: "w-auto space-y-3",
+          children: [
+            isImage && /* @__PURE__ */ jsxDEV27("div", {
+              className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
+              children: /* @__PURE__ */ jsxDEV27("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", {
+              className: "w-64",
+              children: /* @__PURE__ */ jsxDEV27("audio", {
+                src: data.url,
+                controls: true,
+                className: "w-full"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV27("div", {
+              className: "flex items-center gap-2.5",
+              children: /* @__PURE__ */ jsxDEV27("div", {
+                className: "min-w-0 flex-1 space-y-1 px-0.5",
+                children: [
+                  /* @__PURE__ */ jsxDEV27("h4", {
+                    className: "truncate font-semibold text-sm leading-none",
+                    children: filename || (isImage ? "Image" : "Attachment")
+                  }, undefined, false, undefined, this),
+                  data.mediaType && /* @__PURE__ */ jsxDEV27("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, {
+    children: children(file)
+  }, file.id, false, undefined, this));
+}
+var PromptInputActionAddAttachments = ({
+  label = "Add photos or files",
+  ...props
+}) => {
+  const attachments = usePromptInputAttachments();
+  return /* @__PURE__ */ jsxDEV27(DropdownMenuItem, {
+    ...props,
+    onSelect: () => {
+      attachments.openFileDialog();
+    },
+    children: [
+      /* @__PURE__ */ jsxDEV27(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", {
+  className: cn("contents", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28(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, {
+  align: "block-end",
+  className: cn("justify-between gap-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsxDEV28("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";
+var PromptInputButton = ({
+  variant = "ghost",
+  className,
+  size,
+  ...props
+}) => {
+  const newSize = size ?? (Children.count(props.children) > 1 ? "sm" : "icon-sm");
+  return /* @__PURE__ */ jsxDEV29(InputGroupButton, {
+    className: cn(className),
+    size: newSize,
+    type: "button",
+    variant,
+    ...props
+  }, undefined, false, undefined, this);
+};
+var PromptInputSubmit = ({
+  className,
+  variant = "default",
+  size = "icon-sm",
+  status,
+  children,
+  ...props
+}) => {
+  let Icon2 = /* @__PURE__ */ jsxDEV29(SendIcon, {
+    className: "size-4"
+  }, undefined, false, undefined, this);
+  if (status === "submitted") {
+    Icon2 = /* @__PURE__ */ jsxDEV29(Loader2Icon, {
+      className: "size-4 animate-spin"
+    }, undefined, false, undefined, this);
+  } else if (status === "streaming") {
+    Icon2 = /* @__PURE__ */ jsxDEV29(SquareIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this);
+  } else if (status === "error") {
+    Icon2 = /* @__PURE__ */ jsxDEV29(XIcon3, {
+      className: "size-4"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV29(InputGroupButton, {
+    "aria-label": "Submit",
+    className: cn(className),
+    size,
+    type: "submit",
+    variant,
+    ...props,
+    children: children ?? Icon2
+  }, undefined, false, undefined, this);
+};
+var PromptInputActionMenu = (props) => /* @__PURE__ */ jsxDEV29(DropdownMenu, {
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxDEV29(DropdownMenuTrigger, {
+  asChild: true,
+  children: /* @__PURE__ */ jsxDEV29(PromptInputButton, {
+    className,
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxDEV29(PlusIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this);
+var PromptInputActionMenuContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxDEV29(DropdownMenuContent, {
+  align: "start",
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputActionMenuItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxDEV29(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";
+var PromptInputDropZone = ({
+  label = "Drop files here",
+  className,
+  container,
+  ...props
+}) => {
+  const { isDraggingOver } = usePromptInputDropZone();
+  const overlay = /* @__PURE__ */ jsxDEV30("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, {
+        className: "size-14"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV30("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);
+  }
+  return overlay;
+};
+// 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";
+var PromptInputSpeechButton = ({
+  className,
+  onTranscriptionChange,
+  lang = "en-US",
+  ...props
+}) => {
+  const [isListening, setIsListening] = useState7(false);
+  const [recognition, setRecognition] = useState7(null);
+  const recognitionRef = useRef5(null);
+  const onTranscriptionChangeRef = useRef5(onTranscriptionChange);
+  onTranscriptionChangeRef.current = onTranscriptionChange;
+  const controller = useOptionalPromptInputController();
+  useEffect5(() => {
+    if (typeof window !== "undefined" && (("SpeechRecognition" in window) || ("webkitSpeechRecognition" in window))) {
+      const SpeechRecognitionCtor = window.SpeechRecognition || window.webkitSpeechRecognition;
+      const speechRecognition = new SpeechRecognitionCtor;
+      speechRecognition.continuous = true;
+      speechRecognition.interimResults = true;
+      speechRecognition.lang = lang;
+      speechRecognition.onstart = () => setIsListening(true);
+      speechRecognition.onend = () => setIsListening(false);
+      speechRecognition.onresult = (event) => {
+        let finalTranscript = "";
+        const results = Array.from(event.results);
+        for (const result of results) {
+          if (result.isFinal)
+            finalTranscript += result[0]?.transcript ?? "";
+        }
+        if (finalTranscript) {
+          if (controller) {
+            const current = controller.textInput.value;
+            const newValue = current + (current ? " " : "") + finalTranscript;
+            controller.textInput.setInput(newValue);
+          }
+          onTranscriptionChangeRef.current?.(finalTranscript);
+        }
+      };
+      speechRecognition.onerror = (event) => {
+        console.error("Speech recognition error:", event.error);
+        setIsListening(false);
+      };
+      recognitionRef.current = speechRecognition;
+      setRecognition(speechRecognition);
+    }
+    return () => {
+      if (recognitionRef.current)
+        recognitionRef.current.stop();
+    };
+  }, [lang]);
+  const toggleListening = useCallback6(() => {
+    if (!recognition)
+      return;
+    if (isListening)
+      recognition.stop();
+    else
+      recognition.start();
+  }, [recognition, isListening]);
+  return /* @__PURE__ */ jsxDEV31(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, {
+      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, {
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxDEV32(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, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV32(SelectItem, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsxDEV32(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", {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("div", {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTabLabel = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("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", {
+  className: cn("space-y-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV33("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, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandInput, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandList, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandEmpty, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandGroup, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandItem, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxDEV34(CommandSeparator, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/composed/agno-chat/agno-chat.tsx
+import { useCallback as useCallback7, useMemo as useMemo3, useRef as useRef6 } from "react";
+import { useAgnoChat, useAgnoToolExecution } from "@rodrigocoliveira/agno-react";
+
+// src/ui/composed/agno-chat/context.ts
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var AgnoChatContext = createContext3(null);
+function useAgnoChatContext() {
+  const ctx = useContext3(AgnoChatContext);
+  if (!ctx) {
+    throw new Error("useAgnoChatContext must be used within an <AgnoChat> provider. " + "Wrap your component tree with <AgnoChat>.");
+  }
+  return ctx;
+}
+
+// src/ui/composed/agno-chat/agno-chat.tsx
+import { jsxDEV as jsxDEV35 } from "react/jsx-dev-runtime";
+function AgnoChatRoot({
+  children,
+  toolHandlers = {},
+  autoExecuteTools = true,
+  className,
+  ...divProps
+}) {
+  const chat = useAgnoChat();
+  const toolExec = useAgnoToolExecution(toolHandlers, autoExecuteTools);
+  const containerRef = useRef6(null);
+  const sendRef = useRef6(chat.sendMessage);
+  sendRef.current = chat.sendMessage;
+  const handleSend = useCallback7(async (message) => {
+    try {
+      await sendRef.current(message);
+    } catch {}
+  }, []);
+  const {
+    messages,
+    sendMessage,
+    clearMessages,
+    cancelRun,
+    isStreaming,
+    isRefreshing,
+    isCancelling,
+    currentRunId,
+    error,
+    state
+  } = chat;
+  const {
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError
+  } = toolExec;
+  const contextValue = useMemo3(() => ({
+    messages,
+    sendMessage,
+    clearMessages,
+    cancelRun,
+    isStreaming,
+    isRefreshing,
+    isCancelling: isCancelling ?? false,
+    currentRunId,
+    error,
+    state,
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError,
+    handleSend,
+    inputDisabled: isStreaming || isPaused,
+    dropZoneContainerRef: containerRef
+  }), [
+    messages,
+    sendMessage,
+    clearMessages,
+    cancelRun,
+    isStreaming,
+    isRefreshing,
+    isCancelling,
+    currentRunId,
+    error,
+    state,
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError,
+    handleSend
+  ]);
+  return /* @__PURE__ */ jsxDEV35(AgnoChatContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxDEV35("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/AgnoMessageItem.tsx
+import { useState as useState8 } from "react";
+import { GenerativeUIRenderer } from "@rodrigocoliveira/agno-react";
+import {
+  AlertCircle,
+  FileIcon as FileIcon3,
+  FileText,
+  Image as ImageIcon2,
+  Lightbulb,
+  Music,
+  Paperclip,
+  Video
+} from "lucide-react";
+import { jsxDEV as jsxDEV36, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+var defaultFormatTimestamp = formatSmartTimestamp;
+var getToolState = (tool) => {
+  return tool.tool_call_error ? "output-error" : "output-available";
+};
+function AgnoMessageItem({
+  message,
+  className,
+  classNames,
+  renderContent,
+  renderToolCall,
+  renderMedia,
+  renderActions,
+  userAvatar,
+  assistantAvatar,
+  showReasoning = true,
+  showReferences = true,
+  showTimestamp = true,
+  showGenerativeUI = true,
+  showToolCalls = true,
+  showFilePreview = true,
+  showImageLightbox = true,
+  formatTimestamp
+}) {
+  const isUser = message.role === "user";
+  const hasError = message.streamingError;
+  const toolsWithUI = message.tool_calls?.filter((tool) => tool.ui_component) || [];
+  const [preview, setPreview] = useState8(null);
+  const isCustomTimestamp = !!formatTimestamp;
+  const resolvedFormatTimestamp = formatTimestamp ?? defaultFormatTimestamp;
+  const openImageLightbox = (images, index) => {
+    if (!showImageLightbox)
+      return;
+    setPreview({ type: "image", images, initialIndex: index });
+  };
+  const openFilePreview = (file) => {
+    if (!showFilePreview)
+      return;
+    setPreview({ type: "file", file });
+  };
+  const closePreview = () => setPreview(null);
+  return /* @__PURE__ */ jsxDEV36("div", {
+    className: cn("py-5 first:pt-2", isUser ? "flex justify-end" : "", classNames?.root, className),
+    children: [
+      isUser ? /* @__PURE__ */ jsxDEV36("div", {
+        className: "flex items-start gap-2.5 max-w-[80%] flex-row-reverse",
+        children: [
+          userAvatar,
+          /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36("div", {
+                className: "flex flex-wrap gap-2 justify-end",
+                children: [
+                  message.images?.map((img, idx) => /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36("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__ */ jsxDEV36(Music, {
+                        className: "h-3.5 w-3.5 text-muted-foreground"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36(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__ */ jsxDEV36("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__ */ jsxDEV36(FileIcon3, {
+                        className: "h-3.5 w-3.5 text-muted-foreground"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV36("span", {
+                        className: "truncate max-w-[150px]",
+                        children: file.name
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, `file-${idx}`, true, undefined, this))
+                ]
+              }, undefined, true, undefined, this),
+              message.content && /* @__PURE__ */ jsxDEV36("div", {
+                className: cn("rounded-2xl rounded-br-md px-4 py-2.5", classNames?.userBubble ?? "bg-primary text-primary-foreground", hasError && "opacity-70"),
+                children: /* @__PURE__ */ jsxDEV36("p", {
+                  className: "text-sm whitespace-pre-wrap",
+                  children: message.content
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              showTimestamp && /* @__PURE__ */ jsxDEV36("div", {
+                className: "flex items-center justify-end gap-1.5 px-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV36(SmartTimestamp, {
+                    date: new Date(message.created_at * 1000),
+                    formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
+                    className: "text-[11px] text-muted-foreground"
+                  }, undefined, false, undefined, this),
+                  hasError && /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36("div", {
+        className: "flex items-start gap-3",
+        children: [
+          assistantAvatar,
+          /* @__PURE__ */ jsxDEV36("div", {
+            className: cn("flex-1 min-w-0 space-y-3", classNames?.assistantContainer),
+            children: [
+              renderContent ? renderContent(message) : /* @__PURE__ */ jsxDEV36(Fragment5, {
+                children: [
+                  showReasoning && message.extra_data?.reasoning_steps && message.extra_data.reasoning_steps.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                    className: cn("space-y-2 pt-1", classNames?.reasoning),
+                    children: [
+                      /* @__PURE__ */ jsxDEV36("div", {
+                        className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36(Accordion, {
+                        type: "multiple",
+                        className: "w-full",
+                        children: message.extra_data.reasoning_steps.map((step, idx) => /* @__PURE__ */ jsxDEV36(AccordionItem, {
+                          value: `reasoning-${idx}`,
+                          className: "border-muted",
+                          children: [
+                            /* @__PURE__ */ jsxDEV36(AccordionTrigger, {
+                              className: "text-xs py-1.5 hover:no-underline",
+                              children: step.title || `Step ${idx + 1}`
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsxDEV36(AccordionContent, {
+                              className: "space-y-1.5 text-xs text-muted-foreground",
+                              children: [
+                                step.action && /* @__PURE__ */ jsxDEV36("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsxDEV36("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Action:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.action
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.reasoning && /* @__PURE__ */ jsxDEV36("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsxDEV36("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Reasoning:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.reasoning
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.result && /* @__PURE__ */ jsxDEV36("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsxDEV36("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Result:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.result
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.confidence !== undefined && /* @__PURE__ */ jsxDEV36("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsxDEV36("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)
+                    ]
+                  }, undefined, true, undefined, this),
+                  message.content && /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36(Response, {
+                      children: message.content
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  showGenerativeUI && toolsWithUI.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                    className: "space-y-3",
+                    children: toolsWithUI.map((tool) => {
+                      const uiComponent = tool.ui_component;
+                      return /* @__PURE__ */ jsxDEV36("div", {
+                        children: uiComponent.layout === "artifact" ? /* @__PURE__ */ jsxDEV36(Artifact, {
+                          children: /* @__PURE__ */ jsxDEV36(GenerativeUIRenderer, {
+                            spec: uiComponent,
+                            className: "w-full p-2"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36(GenerativeUIRenderer, {
+                          spec: uiComponent,
+                          className: "w-full"
+                        }, undefined, false, undefined, this)
+                      }, tool.tool_call_id, false, undefined, this);
+                    })
+                  }, undefined, false, undefined, this),
+                  renderMedia ? renderMedia(message) : (() => {
+                    const mediaClassName = classNames?.media;
+                    return /* @__PURE__ */ jsxDEV36(Fragment5, {
+                      children: [
+                        message.images && message.images.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36(ImageIcon2, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Images (",
+                                message.images.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "grid grid-cols-2 gap-2",
+                              children: message.images.map((img, idx) => /* @__PURE__ */ jsxDEV36("div", {
+                                className: "space-y-1",
+                                children: [
+                                  showImageLightbox ? /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36("img", {
+                                      src: img.url,
+                                      alt: img.revised_prompt || "Generated image",
+                                      className: "w-full rounded-lg"
+                                    }, undefined, false, undefined, this)
+                                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36("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)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.videos && message.videos.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36(Video, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Videos (",
+                                message.videos.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "space-y-2",
+                              children: message.videos.map((video, idx) => /* @__PURE__ */ jsxDEV36("div", {
+                                children: video.url ? /* @__PURE__ */ jsxDEV36("video", {
+                                  src: video.url,
+                                  controls: true,
+                                  className: "w-full rounded-lg border border-border"
+                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36("div", {
+                                  className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
+                                  children: [
+                                    "Video ID: ",
+                                    video.id,
+                                    " (ETA: ",
+                                    video.eta,
+                                    "s)"
+                                  ]
+                                }, undefined, true, undefined, this)
+                              }, idx, false, undefined, this))
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.audio && message.audio.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36(Music, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Audio (",
+                                message.audio.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "space-y-2",
+                              children: message.audio.map((audio, idx) => /* @__PURE__ */ jsxDEV36("div", {
+                                children: audio.url ? /* @__PURE__ */ jsxDEV36("audio", {
+                                  src: audio.url,
+                                  controls: true,
+                                  className: "w-full"
+                                }, undefined, false, undefined, this) : audio.base64_audio ? /* @__PURE__ */ jsxDEV36("audio", {
+                                  src: `data:${audio.mime_type || "audio/wav"};base64,${audio.base64_audio}`,
+                                  controls: true,
+                                  className: "w-full"
+                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV36("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)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.files && message.files.length > 0 && /* @__PURE__ */ jsxDEV36("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36(Paperclip, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Files (",
+                                message.files.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex flex-wrap gap-2",
+                              children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36("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__ */ jsxDEV36(FileIcon3, {
+                                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
+                                  }, undefined, false, undefined, this),
+                                  /* @__PURE__ */ jsxDEV36("span", {
+                                    className: "truncate max-w-[180px]",
+                                    children: file.name
+                                  }, undefined, false, undefined, this),
+                                  file.size && /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36("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)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.response_audio && /* @__PURE__ */ jsxDEV36("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsxDEV36("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36(Music, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Response Audio"
+                              ]
+                            }, undefined, true, undefined, this),
+                            message.response_audio.transcript && /* @__PURE__ */ jsxDEV36("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__ */ jsxDEV36("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__ */ jsxDEV36("div", {
+                    className: cn("space-y-2 pt-1", classNames?.toolCalls),
+                    children: message.tool_calls.map((tool, idx) => renderToolCall ? renderToolCall(tool, idx) : /* @__PURE__ */ jsxDEV36(Tool, {
+                      defaultOpen: idx === 0,
+                      children: [
+                        /* @__PURE__ */ jsxDEV36(ToolHeader, {
+                          title: tool.tool_name,
+                          type: "tool-use",
+                          state: getToolState(tool)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV36(ToolContent, {
+                          children: [
+                            /* @__PURE__ */ jsxDEV36(ToolInput, {
+                              input: tool.tool_args
+                            }, undefined, false, undefined, this),
+                            tool.content && /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36("div", {
+                    className: cn("space-y-2 pt-1", classNames?.references),
+                    children: [
+                      /* @__PURE__ */ jsxDEV36("div", {
+                        className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ jsxDEV36(FileText, {
+                            className: "h-3.5 w-3.5"
+                          }, undefined, false, undefined, this),
+                          "References (",
+                          message.extra_data.references.length,
+                          ")"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV36("div", {
+                        className: "space-y-2",
+                        children: message.extra_data.references.map((refData, idx) => /* @__PURE__ */ jsxDEV36("div", {
+                          className: "text-xs space-y-1.5",
+                          children: [
+                            refData.query && /* @__PURE__ */ jsxDEV36("div", {
+                              className: "font-medium text-foreground",
+                              children: [
+                                "Query: ",
+                                refData.query
+                              ]
+                            }, undefined, true, undefined, this),
+                            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxDEV36("div", {
+                              className: "bg-muted/50 border border-border p-2.5 rounded-lg",
+                              children: [
+                                /* @__PURE__ */ jsxDEV36("div", {
+                                  className: "italic text-muted-foreground mb-1",
+                                  children: [
+                                    '"',
+                                    ref.content,
+                                    '"'
+                                  ]
+                                }, undefined, true, undefined, this),
+                                /* @__PURE__ */ jsxDEV36("div", {
+                                  className: "text-muted-foreground/70",
+                                  children: [
+                                    "Source: ",
+                                    ref.name,
+                                    " (chunk ",
+                                    ref.meta_data.chunk,
+                                    "/",
+                                    ref.meta_data.chunk_size,
+                                    ")"
+                                  ]
+                                }, undefined, true, undefined, this)
+                              ]
+                            }, refIdx, true, undefined, this))
+                          ]
+                        }, idx, true, undefined, this))
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              (renderActions || showTimestamp || hasError) && /* @__PURE__ */ jsxDEV36("div", {
+                className: "flex items-center gap-2 pt-1",
+                children: [
+                  renderActions && /* @__PURE__ */ jsxDEV36("div", {
+                    className: cn("flex items-center gap-1", classNames?.actions),
+                    children: renderActions(message)
+                  }, undefined, false, undefined, this),
+                  hasError && /* @__PURE__ */ jsxDEV36("span", {
+                    className: "flex items-center gap-1 text-[11px] text-destructive",
+                    children: [
+                      /* @__PURE__ */ jsxDEV36(AlertCircle, {
+                        className: "h-3 w-3"
+                      }, undefined, false, undefined, this),
+                      "Error"
+                    ]
+                  }, undefined, true, undefined, this),
+                  showTimestamp && /* @__PURE__ */ jsxDEV36(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__ */ jsxDEV36(ImageLightbox, {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open)
+            closePreview();
+        },
+        images: preview.images,
+        initialIndex: preview.initialIndex
+      }, undefined, false, undefined, this),
+      preview?.type === "file" && /* @__PURE__ */ jsxDEV36(FilePreviewModal, {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open)
+            closePreview();
+        },
+        file: preview.file
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/composed/agno-chat/suggested-prompts.tsx
+import { jsxDEV as jsxDEV37 } from "react/jsx-dev-runtime";
+function AgnoChatSuggestedPrompts({ className, prompts }) {
+  const { handleSend } = useAgnoChatContext();
+  if (prompts.length === 0)
+    return null;
+  return /* @__PURE__ */ jsxDEV37("div", {
+    className: cn("grid grid-cols-2 gap-2 w-full max-w-md", className),
+    children: prompts.map((prompt, idx) => /* @__PURE__ */ jsxDEV37("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__ */ jsxDEV37("span", {
+          className: "text-muted-foreground group-hover:text-primary transition-colors",
+          children: prompt.icon
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV37("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);
+}
+
+// src/ui/composed/agno-chat/messages.tsx
+import { Bot as Bot2 } from "lucide-react";
+import { jsxDEV as jsxDEV38 } from "react/jsx-dev-runtime";
+function ScrollOnNewUserMessage({ messageCount }) {
+  const { scrollToBottom } = useStickToBottomContext2();
+  const prevCount = useRef7(messageCount);
+  useEffect6(() => {
+    if (messageCount > prevCount.current) {
+      scrollToBottom("smooth");
+    }
+    prevCount.current = messageCount;
+  }, [messageCount, scrollToBottom]);
+  return null;
+}
+var DEFAULT_PROMPTS = [
+  { text: "What can you help me with?" },
+  { text: "Explain how you work" }
+];
+function AgnoChatMessages({
+  className,
+  renderMessage,
+  userAvatar,
+  assistantAvatar,
+  messageItemProps,
+  emptyState,
+  suggestedPrompts = DEFAULT_PROMPTS,
+  children,
+  showThinkingIndicator = true,
+  renderThinkingIndicator
+}) {
+  const { messages, isStreaming } = useAgnoChatContext();
+  const lastMessage = messages[messages.length - 1];
+  const isThinking = showThinkingIndicator && isStreaming && (!lastMessage || lastMessage.role !== "user") && !lastMessage?.content;
+  const resolvedEmptyState = children ?? emptyState ?? /* @__PURE__ */ jsxDEV38("div", {
+    className: "flex flex-col items-center gap-6",
+    children: [
+      /* @__PURE__ */ jsxDEV38("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsxDEV38("div", {
+            className: "h-16 w-16 rounded-2xl bg-primary/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsxDEV38(Bot2, {
+              className: "h-8 w-8 text-primary"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV38("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__ */ jsxDEV38("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__ */ jsxDEV38("div", {
+        className: "space-y-2 text-center",
+        children: [
+          /* @__PURE__ */ jsxDEV38("h3", {
+            className: "text-xl font-semibold tracking-tight",
+            children: "Welcome to Agno Chat"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV38("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__ */ jsxDEV38(AgnoChatSuggestedPrompts, {
+        prompts: suggestedPrompts
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  return /* @__PURE__ */ jsxDEV38(Conversation, {
+    className: cn("relative flex-1 w-full", className),
+    children: [
+      /* @__PURE__ */ jsxDEV38(ScrollOnNewUserMessage, {
+        messageCount: messages.length
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV38(ConversationContent, {
+        className: "max-w-3xl mx-auto",
+        children: [
+          messages.length === 0 ? /* @__PURE__ */ jsxDEV38(ConversationEmptyState, {
+            children: resolvedEmptyState
+          }, undefined, false, undefined, this) : messages.map((message, index) => {
+            if (isThinking && index === messages.length - 1 && message === lastMessage)
+              return null;
+            return renderMessage ? renderMessage(message, index) : /* @__PURE__ */ jsxDEV38(AgnoMessageItem, {
+              message,
+              userAvatar,
+              assistantAvatar,
+              ...messageItemProps
+            }, `msg-${index}-${message.created_at}`, false, undefined, this);
+          }),
+          isThinking && /* @__PURE__ */ jsxDEV38("div", {
+            className: "py-2",
+            children: renderThinkingIndicator ?? /* @__PURE__ */ jsxDEV38(StreamingIndicator, {
+              avatar: assistantAvatar
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV38(ConversationScrollButton, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/composed/agno-chat/empty-state.tsx
+import { jsxDEV as jsxDEV39 } from "react/jsx-dev-runtime";
+function AgnoChatEmptyState({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxDEV39("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 jsxDEV40, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+function AgnoChatToolStatus({ className }) {
+  const { isPaused, isExecuting, pendingTools } = useAgnoChatContext();
+  if (!isPaused && !isExecuting)
+    return null;
+  return /* @__PURE__ */ jsxDEV40("div", {
+    className: cn("px-4 py-2.5 border-t border-border bg-primary/5", className),
+    children: /* @__PURE__ */ jsxDEV40("div", {
+      className: "flex items-center gap-2.5 text-sm max-w-3xl mx-auto",
+      children: isExecuting ? /* @__PURE__ */ jsxDEV40(Fragment6, {
+        children: [
+          /* @__PURE__ */ jsxDEV40("div", {
+            className: "h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsxDEV40(Loader22, {
+              className: "h-3 w-3 animate-spin text-primary"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV40("span", {
+            className: "text-muted-foreground",
+            children: [
+              "Executing",
+              " ",
+              /* @__PURE__ */ jsxDEV40("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__ */ jsxDEV40(Fragment6, {
+        children: [
+          /* @__PURE__ */ jsxDEV40("div", {
+            className: "h-5 w-5 rounded-full bg-amber-500/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsxDEV40(Wrench, {
+              className: "h-3 w-3 text-amber-600 dark:text-amber-400"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV40("span", {
+            className: "text-muted-foreground",
+            children: [
+              "Preparing",
+              " ",
+              /* @__PURE__ */ jsxDEV40("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 { jsxDEV as jsxDEV41 } from "react/jsx-dev-runtime";
+function AgnoChatErrorBar({ className }) {
+  const { error, executionError } = useAgnoChatContext();
+  const message = error || executionError;
+  if (!message)
+    return null;
+  return /* @__PURE__ */ jsxDEV41("div", {
+    className: cn("px-4 py-2.5 bg-destructive/5 border-t border-destructive/20", className),
+    children: /* @__PURE__ */ jsxDEV41("p", {
+      className: "text-sm text-destructive max-w-3xl mx-auto",
+      children: message
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/AgnoChatInput.tsx
+import { CircleStop } from "lucide-react";
+import { jsxDEV as jsxDEV42 } from "react/jsx-dev-runtime";
+var DEFAULT_ACCEPTED_FILE_TYPES = "image/*,audio/*,.pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.ppt,.pptx,.md,.json,.xml";
+function dataUrlToBlob(dataUrl) {
+  const [header, base64] = dataUrl.split(",");
+  const mime = header.match(/:(.*?);/)?.[1] || "application/octet-stream";
+  const bytes = atob(base64);
+  const buf = new Uint8Array(bytes.length);
+  for (let i = 0;i < bytes.length; i++) {
+    buf[i] = bytes.charCodeAt(i);
+  }
+  return new Blob([buf], { type: mime });
+}
+function CancelButton({ onCancel }) {
+  return /* @__PURE__ */ jsxDEV42(Button, {
+    type: "button",
+    variant: "destructive",
+    size: "icon",
+    className: "h-8 w-8 rounded-lg",
+    onClick: onCancel,
+    "aria-label": "Stop",
+    children: /* @__PURE__ */ jsxDEV42(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__ */ jsxDEV42(PromptInputSubmit, {
+    disabled: disabled || !hasText,
+    status
+  }, undefined, false, undefined, this);
+}
+function AttachmentHeader() {
+  const { files } = usePromptInputAttachments();
+  if (files.length === 0)
+    return null;
+  return /* @__PURE__ */ jsxDEV42(PromptInputHeader, {
+    children: /* @__PURE__ */ jsxDEV42(PromptInputAttachments, {
+      children: (attachment) => /* @__PURE__ */ jsxDEV42(PromptInputAttachment, {
+        data: attachment
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TranscribeAudioRecorder({
+  endpoint,
+  headers,
+  disabled,
+  parseResponse,
+  onRequestPermission,
+  labels
+}) {
+  const { textInput } = usePromptInputController();
+  return /* @__PURE__ */ jsxDEV42(AudioRecorder, {
+    mode: "transcribe",
+    transcriptionEndpoint: endpoint,
+    transcriptionHeaders: headers,
+    parseTranscriptionResponse: parseResponse,
+    onRequestPermission,
+    onRecordingComplete: () => {},
+    onTranscriptionComplete: (text) => {
+      const current = textInput.value;
+      textInput.setInput(current + (current ? " " : "") + text);
+    },
+    disabled,
+    labels
+  }, undefined, false, undefined, this);
+}
+function AgnoChatInput({
+  onSend,
+  disabled,
+  placeholder,
+  className,
+  fileUpload,
+  showAudioRecorder = false,
+  showAttachments = true,
+  status,
+  isStreaming,
+  onCancel,
+  allowCancelRun = false,
+  extraTools,
+  audioMode = "send",
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  parseTranscriptionResponse,
+  onRequestPermission,
+  audioRecorderLabels,
+  dropZoneContainerRef,
+  dropZoneProps
+}) {
+  const handleSubmit = (message) => {
+    const text = message.text?.trim() || "";
+    const files = message.files || [];
+    if (!text)
+      return;
+    if (files.length === 0) {
+      onSend(text);
+      return;
+    }
+    const formData = new FormData;
+    formData.append("message", text);
+    for (const file of files) {
+      if (!file.url)
+        continue;
+      const blob = file.url.startsWith("data:") ? dataUrlToBlob(file.url) : null;
+      if (!blob)
+        continue;
+      const fileName = file.filename || "file";
+      formData.append("files", blob, fileName);
+    }
+    onSend(formData);
+  };
+  const handleAudioRecording = (blob) => {
+    const formData = new FormData;
+    formData.append("message", "Audio message");
+    formData.append("files", blob, `recording-${Date.now()}.wav`);
+    onSend(formData);
+  };
+  const computedStatus = status ?? (disabled ? "submitted" : undefined);
+  const showCancelButton = allowCancelRun && isStreaming && onCancel;
+  return /* @__PURE__ */ jsxDEV42(PromptInputProvider, {
+    children: /* @__PURE__ */ jsxDEV42(PromptInput, {
+      onSubmit: handleSubmit,
+      accept: fileUpload?.accept ?? DEFAULT_ACCEPTED_FILE_TYPES,
+      multiple: fileUpload?.multiple ?? true,
+      maxFiles: fileUpload?.maxFiles,
+      maxFileSize: fileUpload?.maxFileSize,
+      globalDrop: !!dropZoneContainerRef,
+      dragListenerTarget: dropZoneContainerRef,
+      className: cn("w-full", className),
+      children: [
+        /* @__PURE__ */ jsxDEV42(AttachmentHeader, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV42(PromptInputBody, {
+          children: /* @__PURE__ */ jsxDEV42(PromptInputTextarea, {
+            placeholder: placeholder || "Type your message... (Enter to send, Shift+Enter for new line)",
+            disabled
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV42(PromptInputFooter, {
+          children: [
+            /* @__PURE__ */ jsxDEV42(PromptInputTools, {
+              children: [
+                showAttachments && /* @__PURE__ */ jsxDEV42(PromptInputActionMenu, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV42(PromptInputActionMenuTrigger, {}, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV42(PromptInputActionMenuContent, {
+                      children: /* @__PURE__ */ jsxDEV42(PromptInputActionAddAttachments, {
+                        label: "Add files"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                showAudioRecorder && (audioMode === "transcribe" && transcriptionEndpoint ? /* @__PURE__ */ jsxDEV42(TranscribeAudioRecorder, {
+                  endpoint: transcriptionEndpoint,
+                  headers: transcriptionHeaders,
+                  disabled,
+                  parseResponse: parseTranscriptionResponse,
+                  onRequestPermission,
+                  labels: audioRecorderLabels
+                }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV42(AudioRecorder, {
+                  onRecordingComplete: handleAudioRecording,
+                  disabled,
+                  onRequestPermission,
+                  labels: audioRecorderLabels
+                }, undefined, false, undefined, this)),
+                extraTools
+              ]
+            }, undefined, true, undefined, this),
+            showCancelButton ? /* @__PURE__ */ jsxDEV42(CancelButton, {
+              onCancel
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV42(SubmitButton, {
+              disabled,
+              status: computedStatus
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        showAttachments && /* @__PURE__ */ jsxDEV42(PromptInputDropZone, {
+          ...dropZoneProps,
+          container: dropZoneContainerRef
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/input.tsx
+import { jsxDEV as jsxDEV43 } from "react/jsx-dev-runtime";
+function AgnoChatInputArea({
+  className,
+  children,
+  placeholder,
+  fileUpload,
+  showAudioRecorder = false,
+  showAttachments,
+  extraTools,
+  chatInputProps,
+  audioMode,
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  parseTranscriptionResponse,
+  onRequestPermission,
+  audioRecorderLabels,
+  allowCancelRun = false,
+  dropZoneProps
+}) {
+  const { handleSend, inputDisabled, isStreaming, isPaused, cancelRun, dropZoneContainerRef } = useAgnoChatContext();
+  return /* @__PURE__ */ jsxDEV43("div", {
+    className: cn("border-t border-border bg-background/80 backdrop-blur-sm", className),
+    children: /* @__PURE__ */ jsxDEV43("div", {
+      className: "mx-auto px-4 py-2",
+      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsxDEV43(AgnoChatInput, {
+        ...chatInputProps,
+        onSend: handleSend,
+        disabled: inputDisabled,
+        isStreaming,
+        onCancel: cancelRun,
+        allowCancelRun,
+        placeholder: placeholder ?? chatInputProps?.placeholder ?? "Message your agent...",
+        fileUpload,
+        showAudioRecorder,
+        showAttachments,
+        extraTools,
+        audioMode,
+        transcriptionEndpoint,
+        transcriptionHeaders,
+        parseTranscriptionResponse,
+        onRequestPermission,
+        audioRecorderLabels,
+        dropZoneContainerRef,
+        dropZoneProps
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/index.ts
+var AgnoChat = Object.assign(AgnoChatRoot, {
+  Messages: AgnoChatMessages,
+  EmptyState: AgnoChatEmptyState,
+  SuggestedPrompts: AgnoChatSuggestedPrompts,
+  ToolStatus: AgnoChatToolStatus,
+  ErrorBar: AgnoChatErrorBar,
+  Input: AgnoChatInputArea
+});
+
+// src/ui/composed/AgnoChatInterface.tsx
+import { Bot as Bot3, Sparkles } from "lucide-react";
+import { jsxDEV as jsxDEV44 } from "react/jsx-dev-runtime";
+var DEFAULT_PROMPTS2 = [
+  { icon: /* @__PURE__ */ jsxDEV44(Sparkles, {
+    className: "h-3.5 w-3.5"
+  }, undefined, false, undefined, this), text: "What can you help me with?" },
+  { icon: /* @__PURE__ */ jsxDEV44(Bot3, {
+    className: "h-3.5 w-3.5"
+  }, undefined, false, undefined, this), text: "Explain how you work" }
+];
+function AgnoChatInterface({
+  className,
+  classNames,
+  renderMessage,
+  renderInput,
+  emptyState,
+  headerSlot,
+  inputToolbarSlot,
+  suggestedPrompts = DEFAULT_PROMPTS2,
+  toolHandlers = {},
+  autoExecuteTools = true,
+  placeholder,
+  userAvatar,
+  assistantAvatar,
+  fileUpload,
+  showAudioRecorder = true,
+  showAttachments = true,
+  messageItemProps,
+  chatInputProps,
+  dropZoneLabel
+}) {
+  return /* @__PURE__ */ jsxDEV44(AgnoChat, {
+    toolHandlers,
+    autoExecuteTools,
+    className: cn(classNames?.root, className),
+    children: [
+      headerSlot,
+      /* @__PURE__ */ jsxDEV44(AgnoChat.Messages, {
+        className: classNames?.messagesArea,
+        renderMessage,
+        userAvatar,
+        assistantAvatar,
+        messageItemProps,
+        emptyState,
+        suggestedPrompts
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV44(AgnoChat.ToolStatus, {
+        className: classNames?.toolStatusBar
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV44(AgnoChat.ErrorBar, {
+        className: classNames?.errorBar
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV44(AgnoChat.Input, {
+        className: classNames?.inputArea,
+        placeholder,
+        fileUpload,
+        showAudioRecorder,
+        showAttachments,
+        extraTools: inputToolbarSlot,
+        chatInputProps,
+        dropZoneProps: { className: classNames?.dropZone, label: dropZoneLabel },
+        children: renderInput ? ({ onSend, disabled }) => renderInput({ onSend, disabled }) : undefined
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  useProviderAttachments,
+  usePromptInputDropZone,
+  usePromptInputController,
+  usePromptInputAttachments,
+  useAgnoChatContext,
+  isPreviewable,
+  getFilePreviewType,
+  getFileExtension,
+  formatSmartTimestamp,
+  formatFullTimestamp,
+  formatFileSize,
+  cn,
+  buttonVariants,
+  badgeVariants,
+  TooltipTrigger,
+  TooltipProvider,
+  TooltipContent,
+  Tooltip,
+  ToolOutput,
+  ToolInput,
+  ToolHeader,
+  ToolContent,
+  Tool,
+  StreamingIndicator,
+  SmartTimestamp,
+  SelectValue,
+  SelectTrigger,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+  SelectLabel,
+  SelectItem,
+  SelectGroup,
+  SelectContent,
+  Select,
+  Response,
+  PromptInputTools,
+  PromptInputTextarea,
+  PromptInputTabsList,
+  PromptInputTabLabel,
+  PromptInputTabItem,
+  PromptInputTabBody,
+  PromptInputTab,
+  PromptInputSubmit,
+  PromptInputSpeechButton,
+  PromptInputProvider,
+  PromptInputModelSelectValue,
+  PromptInputModelSelectTrigger,
+  PromptInputModelSelectItem,
+  PromptInputModelSelectContent,
+  PromptInputModelSelect,
+  PromptInputHeader,
+  PromptInputFooter,
+  PromptInputDropZone,
+  PromptInputCommandSeparator,
+  PromptInputCommandList,
+  PromptInputCommandItem,
+  PromptInputCommandInput,
+  PromptInputCommandGroup,
+  PromptInputCommandEmpty,
+  PromptInputCommand,
+  PromptInputButton,
+  PromptInputBody,
+  PromptInputAttachments,
+  PromptInputAttachment,
+  PromptInputActionMenuTrigger,
+  PromptInputActionMenuItem,
+  PromptInputActionMenuContent,
+  PromptInputActionMenu,
+  PromptInputActionAddAttachments,
+  PromptInput,
+  MessageContent,
+  MessageAvatar,
+  Message,
+  InputGroupTextarea,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupButton,
+  InputGroupAddon,
+  InputGroup,
+  ImageLightbox,
+  HoverCardTrigger,
+  HoverCardContent,
+  HoverCard,
+  FilePreviewModal,
+  FilePreviewCard,
+  DropdownMenuTrigger,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuSub,
+  DropdownMenuShortcut,
+  DropdownMenuSeparator,
+  DropdownMenuRadioItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuPortal,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuGroup,
+  DropdownMenuContent,
+  DropdownMenuCheckboxItem,
+  DropdownMenu,
+  DialogTrigger,
+  DialogTitle,
+  DialogPortal,
+  DialogOverlay,
+  DialogHeader,
+  DialogFooter,
+  DialogDescription,
+  DialogContent,
+  DialogClose,
+  Dialog,
+  ConversationScrollButton,
+  ConversationEmptyState,
+  ConversationContent,
+  Conversation,
+  CommandShortcut,
+  CommandSeparator,
+  CommandList,
+  CommandItem,
+  CommandInput,
+  CommandGroup,
+  CommandEmpty,
+  Command,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  CollapsibleContent2 as CollapsibleContent,
+  Collapsible,
+  CodeBlockCopyButton,
+  CodeBlock,
+  Button,
+  Badge,
+  AvatarImage,
+  AvatarFallback,
+  Avatar,
+  AudioRecorder,
+  ArtifactTitle,
+  ArtifactHeader,
+  ArtifactDescription,
+  ArtifactContent,
+  ArtifactClose,
+  ArtifactActions,
+  ArtifactAction,
+  Artifact,
+  AgnoMessageItem,
+  AgnoChatToolStatus,
+  AgnoChatSuggestedPrompts,
+  AgnoChatRoot,
+  AgnoChatMessages,
+  AgnoChatInterface,
+  AgnoChatInputArea,
+  AgnoChatInput,
+  AgnoChatErrorBar,
+  AgnoChatEmptyState,
+  AgnoChat,
+  AccordionTrigger,
+  AccordionItem,
+  AccordionContent,
+  Accordion
+};
+
+//# debugId=2F56CC8E4E8AD83564756E2164756E21