@rodrigocoliveira/agno-react 1.0.1 → 1.0.2

package/dist/ui.mjs

@@ -0,0 +1,3455 @@
+"use client";
+
+// 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 = /* @__PURE__ */ new Date();
+  const isToday = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+  if (isToday) {
+    return new Intl.DateTimeFormat(void 0, {
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
+    }).format(date);
+  }
+  const isSameYear = date.getFullYear() === now.getFullYear();
+  if (isSameYear) {
+    return new Intl.DateTimeFormat(void 0, {
+      month: "short",
+      day: "numeric"
+    }).format(date);
+  }
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(date);
+}
+function formatFullTimestamp(date) {
+  return new Intl.DateTimeFormat(void 0, {
+    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 { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        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__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/ui/primitives/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        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__ */ jsx2("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/primitives/avatar.tsx
+import * as React2 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
+    ...props
+  }
+));
+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 { jsx as jsx4 } from "react/jsx-runtime";
+var Input = React3.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var Textarea = React3.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx4(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+        "h-9 has-[>textarea]:h-auto",
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-2.5",
+        "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1",
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+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__ */ jsx4(
+    "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
+    }
+  );
+}
+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__ */ jsx4(
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      className: cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+      ...props
+    }
+  );
+}
+function InputGroupTextarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent min-h-0 pt-3.5 pb-1.5 pl-3.5 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// 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 { jsx as jsx5 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+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 { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx6(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx6("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+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 { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx7(ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx7(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx7(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx7(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx7(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx7(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx7("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/ui/primitives/hover-card.tsx
+import * as React7 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+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 { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx9(ChevronDown2, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React8.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx9(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx9("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+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 { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandInput = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx10(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx10(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx10("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+};
+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 { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+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__ */ jsxs5(DialogPortal, { children: [
+  /* @__PURE__ */ jsx11(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs5(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(dialogContentVariants({ variant }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs5(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsx11(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/ui/components/message.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    className: cn(
+      "group flex w-full items-end justify-end gap-2 py-4",
+      from === "user" ? "is-user" : "is-assistant flex-row-reverse justify-end",
+      className
+    ),
+    ...props
+  }
+);
+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__ */ jsx12("div", { className: cn(messageContentVariants({ variant, className })), ...props, children });
+var MessageAvatar = ({ src, name, className, ...props }) => /* @__PURE__ */ jsxs6(Avatar, { className: cn("size-8 ring-1 ring-border", className), ...props, children: [
+  /* @__PURE__ */ jsx12(AvatarImage, { alt: "", className: "mt-0 mb-0", src }),
+  /* @__PURE__ */ jsx12(AvatarFallback, { children: name?.slice(0, 2) || "ME" })
+] });
+
+// 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 { Fragment, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsx13(
+  StickToBottom,
+  {
+    className: cn("relative flex-1 overflow-y-auto", className),
+    initial: "smooth",
+    role: "log",
+    ...props
+  }
+);
+var ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsx13(StickToBottom.Content, { className: cn("p-4", className), ...props });
+var ConversationEmptyState = ({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx13(
+  "div",
+  {
+    className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsxs7(Fragment, { children: [
+      icon && /* @__PURE__ */ jsx13("div", { className: "text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx13("h3", { className: "font-medium text-sm", children: title }),
+        description && /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground text-sm", children: description })
+      ] })
+    ] })
+  }
+);
+var ConversationScrollButton = ({ className, ...props }) => {
+  const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+  const handleScrollToBottom = useCallback(() => {
+    scrollToBottom();
+  }, [scrollToBottom]);
+  return !isAtBottom && /* @__PURE__ */ jsx13(
+    Button,
+    {
+      className: cn("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", className),
+      onClick: handleScrollToBottom,
+      size: "icon",
+      type: "button",
+      variant: "outline",
+      ...props,
+      children: /* @__PURE__ */ jsx13(ArrowDownIcon, { className: "size-4" })
+    }
+  );
+};
+
+// src/ui/components/response.tsx
+import { memo } from "react";
+import { Streamdown } from "streamdown";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Response = memo(
+  ({ className, ...props }) => /* @__PURE__ */ jsx14(
+    Streamdown,
+    {
+      className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
+      ...props
+    }
+  ),
+  (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 { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-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__ */ jsx15(CodeBlockContext.Provider, { value: { code }, children: /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: cn(
+        "group relative w-full overflow-hidden rounded-md border bg-background text-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
+        useFallback ? /* @__PURE__ */ jsx15("pre", { className: "m-0 overflow-auto bg-background p-4 text-foreground text-sm", children: /* @__PURE__ */ jsx15("code", { className: "font-mono text-sm", children: code }) }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+          /* @__PURE__ */ jsx15(
+            "div",
+            {
+              className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+              dangerouslySetInnerHTML: { __html: html }
+            }
+          ),
+          /* @__PURE__ */ jsx15(
+            "div",
+            {
+              className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+              dangerouslySetInnerHTML: { __html: darkHtml }
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ jsx15("div", { className: "absolute top-2 right-2 flex items-center gap-2", children })
+      ] })
+    }
+  ) });
+};
+var CodeBlockCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2e3,
+  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__ */ jsx15(Button, { className: cn("shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? /* @__PURE__ */ jsx15(Icon2, { size: 14 }) });
+};
+
+// src/ui/components/tool.tsx
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var Tool = ({ className, ...props }) => /* @__PURE__ */ jsx16(Collapsible, { className: cn("not-prose mb-4 w-full rounded-md border", className), ...props });
+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__ */ jsx16(CircleIcon, { className: "size-4" }),
+    "input-available": /* @__PURE__ */ jsx16(ClockIcon, { className: "size-4 animate-pulse" }),
+    "approval-requested": /* @__PURE__ */ jsx16(ClockIcon, { className: "size-4 text-yellow-600" }),
+    "approval-responded": /* @__PURE__ */ jsx16(CheckCircleIcon, { className: "size-4 text-blue-600" }),
+    "output-available": /* @__PURE__ */ jsx16(CheckCircleIcon, { className: "size-4 text-green-600" }),
+    "output-error": /* @__PURE__ */ jsx16(XCircleIcon, { className: "size-4 text-red-600" }),
+    "output-denied": /* @__PURE__ */ jsx16(XCircleIcon, { className: "size-4 text-orange-600" })
+  };
+  return /* @__PURE__ */ jsxs9(Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [
+    icons[status],
+    labels[status]
+  ] });
+};
+var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsxs9(CollapsibleTrigger2, { className: cn("group flex w-full items-center justify-between gap-4 p-3", className), ...props, children: [
+  /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx16(WrenchIcon, { className: "size-4 text-muted-foreground" }),
+    /* @__PURE__ */ jsx16("span", { className: "font-medium text-sm", children: title ?? type?.split("-").slice(1).join("-") ?? "Tool" }),
+    getStatusBadge(state)
+  ] }),
+  /* @__PURE__ */ jsx16(ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+] });
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx16(
+  CollapsibleContent2,
+  {
+    className: cn(
+      "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className
+    ),
+    ...props
+  }
+);
+var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs9("div", { className: cn("space-y-2 overflow-hidden p-4", className), ...props, children: [
+  /* @__PURE__ */ jsx16("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
+  /* @__PURE__ */ jsx16("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx16(CodeBlock, { code: JSON.stringify(input, null, 2), language: "json" }) })
+] });
+var ToolOutput = ({ className, output, errorText, ...props }) => {
+  if (!(output || errorText)) {
+    return null;
+  }
+  let Output = /* @__PURE__ */ jsx16("div", { children: output });
+  if (typeof output === "object" && !isValidElement(output)) {
+    Output = /* @__PURE__ */ jsx16(CodeBlock, { code: JSON.stringify(output, null, 2), language: "json" });
+  } else if (typeof output === "string") {
+    Output = /* @__PURE__ */ jsx16(CodeBlock, { code: output, language: "json" });
+  }
+  return /* @__PURE__ */ jsxs9("div", { className: cn("space-y-2 p-4", className), ...props, children: [
+    /* @__PURE__ */ jsx16("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),
+    /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        className: cn(
+          "overflow-x-auto rounded-md text-xs [&_table]:w-full",
+          errorText ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground"
+        ),
+        children: [
+          errorText && /* @__PURE__ */ jsx16("div", { children: errorText }),
+          Output
+        ]
+      }
+    )
+  ] });
+};
+
+// src/ui/components/artifact.tsx
+import { XIcon } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx17(
+  "div",
+  {
+    className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className),
+    ...props
+  }
+);
+var ArtifactHeader = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", { className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className), ...props });
+var ArtifactClose = ({
+  className,
+  children,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => /* @__PURE__ */ jsxs10(
+  Button,
+  {
+    className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+    size,
+    type: "button",
+    variant,
+    ...props,
+    children: [
+      children ?? /* @__PURE__ */ jsx17(XIcon, { className: "size-4" }),
+      /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+    ]
+  }
+);
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx17("p", { className: cn("font-medium text-foreground text-sm", className), ...props });
+var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsx17("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", { className: cn("flex items-center gap-1", className), ...props });
+var ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon2,
+  children,
+  className,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => {
+  const button = /* @__PURE__ */ jsxs10(
+    Button,
+    {
+      className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+      size,
+      type: "button",
+      variant,
+      ...props,
+      children: [
+        Icon2 ? /* @__PURE__ */ jsx17(Icon2, { className: "size-4" }) : children,
+        /* @__PURE__ */ jsx17("span", { className: "sr-only", children: label || tooltip })
+      ]
+    }
+  );
+  if (tooltip) {
+    return /* @__PURE__ */ jsx17(TooltipProvider, { children: /* @__PURE__ */ jsxs10(Tooltip, { children: [
+      /* @__PURE__ */ jsx17(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx17(TooltipContent, { children: /* @__PURE__ */ jsx17("p", { children: tooltip }) })
+    ] }) });
+  }
+  return button;
+};
+var ArtifactContent = ({ className, ...props }) => /* @__PURE__ */ jsx17("div", { className: cn("flex-1 overflow-auto p-4", className), ...props });
+
+// src/ui/components/streaming-indicator.tsx
+import { Bot } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function StreamingIndicator({ className, icon, avatar, ...props }) {
+  return /* @__PURE__ */ jsxs11("div", { className: cn("flex items-start gap-3 px-1", className), ...props, children: [
+    avatar ?? /* @__PURE__ */ jsx18("div", { className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5", children: icon ?? /* @__PURE__ */ jsx18(Bot, { className: "h-4 w-4 text-primary" }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 pt-2.5", children: [
+      /* @__PURE__ */ jsx18("span", { className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse" }),
+      /* @__PURE__ */ jsx18("span", { className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:150ms]" }),
+      /* @__PURE__ */ jsx18("span", { className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:300ms]" })
+    ] })
+  ] });
+}
+
+// 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 { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-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);
+      }, 1e3);
+    } 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__ */ jsxs12("div", { className: cn("flex items-center gap-1", className), children: [
+    isRecording && /* @__PURE__ */ jsx19("span", { className: "text-xs text-destructive font-mono animate-pulse", children: formatDuration(duration) }),
+    isTranscribing ? /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx19(Loader2, { className: "size-3.5 animate-spin" }),
+      resolvedLabels.transcribing
+    ] }) : /* @__PURE__ */ jsx19(
+      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__ */ jsx19(Square, { className: "size-4 fill-current" }) : /* @__PURE__ */ jsx19(Mic, { className: "size-4" })
+      }
+    )
+  ] });
+}
+
+// src/ui/components/smart-timestamp.tsx
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function SmartTimestamp({ date, formatShort, className }) {
+  const shortText = formatShort ? formatShort(date) : formatSmartTimestamp(date);
+  const fullText = formatFullTimestamp(date);
+  return /* @__PURE__ */ jsx20(TooltipProvider, { children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
+    /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx20("span", { className, children: shortText }) }),
+    /* @__PURE__ */ jsx20(TooltipContent, { children: /* @__PURE__ */ jsx20("p", { children: fullText }) })
+  ] }) });
+}
+
+// src/ui/components/file-preview-card.tsx
+import { FileIcon, Search as Search2 } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+function ExtBadge({ ext }) {
+  if (!ext) return null;
+  return /* @__PURE__ */ jsx21("span", { className: "absolute bottom-1.5 left-1.5 rounded px-1 py-0.5 text-[9px] font-semibold uppercase leading-none bg-background/80 text-muted-foreground border border-border/50 backdrop-blur-sm", children: ext });
+}
+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__ */ jsxs14("button", { type: "button", onClick, disabled: !isClickable, className: cardBase, children: [
+      /* @__PURE__ */ jsx21("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover" }),
+      /* @__PURE__ */ jsx21(ExtBadge, { ext }),
+      isClickable && /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ jsx21(Search2, { className: "h-5 w-5 text-white opacity-0 group-hover:opacity-100 transition-opacity" }) })
+    ] });
+  }
+  if (previewType === "pdf" && file.url) {
+    return /* @__PURE__ */ jsxs14("button", { type: "button", onClick, disabled: !isClickable, className: cardBase, children: [
+      /* @__PURE__ */ jsx21("div", { className: "w-full h-full overflow-hidden pointer-events-none", children: /* @__PURE__ */ jsx21(
+        "object",
+        {
+          data: `${file.url}#page=1&view=FitH`,
+          type: "application/pdf",
+          className: "w-[200%] h-[200%] origin-top-left scale-50",
+          "aria-label": file.name,
+          children: /* @__PURE__ */ jsx21("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx21(FileIcon, { className: "h-8 w-8 text-muted-foreground/40" }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx21(ExtBadge, { ext }),
+      isClickable && /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/10 transition-colors", children: /* @__PURE__ */ jsx21(Search2, { className: "h-5 w-5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs14("button", { type: "button", onClick, disabled: !isClickable, className: cardBase, children: [
+    /* @__PURE__ */ jsx21("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx21(FileIcon, { className: "h-8 w-8 text-muted-foreground/40" }) }),
+    /* @__PURE__ */ jsxs14("div", { className: "w-full text-center min-w-0 px-2 pb-2 space-y-0.5", children: [
+      /* @__PURE__ */ jsx21("p", { className: "text-[10px] text-foreground truncate leading-tight", title: file.name, children: file.name }),
+      file.size != null && file.size > 0 && /* @__PURE__ */ jsx21("p", { className: "text-[9px] text-muted-foreground leading-tight", children: formatFileSize(file.size) })
+    ] }),
+    /* @__PURE__ */ jsx21(ExtBadge, { ext })
+  ] });
+}
+
+// src/ui/components/file-preview-modal.tsx
+import { Download, FileIcon as FileIcon2 } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+function FilePreviewModal({ open, onOpenChange, file }) {
+  if (!file) return null;
+  const previewType = getFilePreviewType(file.type);
+  const canPreview = isPreviewable(file.type) && !!file.url;
+  return /* @__PURE__ */ jsx22(Dialog, { open, onOpenChange, children: previewType === "image" && file.url ? /* @__PURE__ */ jsxs15(DialogContent, { variant: "lightbox", "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsx22(DialogTitle, { className: "sr-only", children: file.name }),
+    /* @__PURE__ */ jsx22(
+      "img",
+      {
+        src: file.url,
+        alt: file.name,
+        className: "max-h-[85vh] max-w-full object-contain rounded-md"
+      }
+    )
+  ] }) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsxs15(DialogContent, { variant: "lightbox", className: "w-[80vw] h-[85vh]", "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsx22(DialogTitle, { className: "sr-only", children: file.name }),
+    /* @__PURE__ */ jsx22(
+      "object",
+      {
+        data: file.url,
+        type: "application/pdf",
+        className: "w-full h-full rounded-md",
+        children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx22("p", { className: "text-sm", children: "Unable to display PDF" }),
+          /* @__PURE__ */ jsxs15(
+            "a",
+            {
+              href: file.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
+              children: [
+                /* @__PURE__ */ jsx22(Download, { className: "h-4 w-4" }),
+                "Download ",
+                file.name
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxs15(DialogContent, { children: [
+    /* @__PURE__ */ jsxs15(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs15(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx22(FileIcon2, { className: "h-5 w-5 text-muted-foreground" }),
+        file.name
+      ] }),
+      /* @__PURE__ */ jsxs15(DialogDescription, { children: [
+        file.size != null && file.size > 0 && /* @__PURE__ */ jsx22("span", { children: formatFileSize(file.size) }),
+        !canPreview && /* @__PURE__ */ jsx22("span", { children: " \xB7 Preview not available for this file type" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center py-8 text-muted-foreground gap-3", children: [
+      /* @__PURE__ */ jsx22(FileIcon2, { className: "h-12 w-12" }),
+      /* @__PURE__ */ jsx22("p", { className: "text-sm", children: "Preview not available" }),
+      file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsxs15(
+        "a",
+        {
+          href: file.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "inline-flex items-center gap-1.5 text-sm text-primary hover:underline",
+          children: [
+            /* @__PURE__ */ jsx22(Download, { className: "h-4 w-4" }),
+            "Download file"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// 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 { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-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__ */ jsx23(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { variant: "lightbox", "aria-describedby": void 0, children: [
+    /* @__PURE__ */ jsx23(DialogTitle, { className: "sr-only", children: current.alt || `Image ${currentIndex + 1} of ${images.length}` }),
+    /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx23(
+        "img",
+        {
+          src: current.url,
+          alt: current.alt || "Image preview",
+          className: "max-h-[85vh] max-w-full object-contain rounded-md"
+        }
+      ),
+      hasMultiple && /* @__PURE__ */ jsxs16(Fragment3, { children: [
+        /* @__PURE__ */ jsxs16(
+          "button",
+          {
+            type: "button",
+            onClick: goPrev,
+            className: cn(
+              "absolute left-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white",
+              "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"
+            ),
+            children: [
+              /* @__PURE__ */ jsx23(ChevronLeft, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Previous image" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs16(
+          "button",
+          {
+            type: "button",
+            onClick: goNext,
+            className: cn(
+              "absolute right-2 top-1/2 -translate-y-1/2 rounded-full bg-black/50 p-2 text-white",
+              "hover:bg-black/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors"
+            ),
+            children: [
+              /* @__PURE__ */ jsx23(ChevronRight2, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Next image" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs16("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-xs text-white", children: [
+          currentIndex + 1,
+          " / ",
+          images.length
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// 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 { jsx as jsx24 } from "react/jsx-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__ */ jsx24(PromptInputController.Provider, { value: controller, children: /* @__PURE__ */ jsx24(ProviderAttachmentsContext.Provider, { value: attachments, children }) });
+}
+
+// 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 { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-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) : void 0;
+        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__ */ jsx25(DropZoneContext.Provider, { value: dropZoneValue, children: /* @__PURE__ */ jsxs17("form", { className: cn("relative w-full", className), onSubmit: handleSubmit, ref: formRef, ...props, children: [
+    /* @__PURE__ */ jsx25(
+      "input",
+      {
+        accept,
+        "aria-label": "Upload files",
+        className: "hidden",
+        multiple,
+        onChange: handleChange,
+        ref: inputRef,
+        title: "Upload files",
+        type: "file"
+      }
+    ),
+    /* @__PURE__ */ jsx25(InputGroup, { children })
+  ] }) });
+  return usingProvider ? inner : /* @__PURE__ */ jsx25(LocalAttachmentsContext.Provider, { value: ctx, children: inner });
+};
+
+// src/ui/components/prompt-input/textarea.tsx
+import { useState as useState6 } from "react";
+import { jsx as jsx26 } from "react/jsx-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__ */ jsx26(
+    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
+    }
+  );
+};
+
+// src/ui/components/prompt-input/attachments.tsx
+import { ImageIcon, MicIcon, PaperclipIcon, XIcon as XIcon2 } from "lucide-react";
+import { Fragment as Fragment4 } from "react";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+function PromptInputAttachment({ data, className, ...props }) {
+  const attachments = usePromptInputAttachments();
+  const filename = data.filename || "";
+  const isImage = data.mediaType?.startsWith("image/") && data.url;
+  const isAudio = data.mediaType?.startsWith("audio/");
+  const attachmentLabel = filename || (isImage ? "Image" : isAudio ? "Audio" : "Attachment");
+  return /* @__PURE__ */ jsxs18(HoverCard, { openDelay: 0, closeDelay: 0, children: [
+    /* @__PURE__ */ jsx27(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        className: cn(
+          "group relative flex h-8 cursor-default select-none items-center gap-1.5 rounded-md border border-border px-1.5 font-medium text-sm transition-all hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "relative size-5 shrink-0", children: [
+            /* @__PURE__ */ jsx27("div", { className: "absolute inset-0 flex size-5 items-center justify-center overflow-hidden rounded bg-background transition-opacity group-hover:opacity-0", children: isImage ? /* @__PURE__ */ jsx27("img", { alt: filename || "attachment", className: "size-5 object-cover", height: 20, src: data.url, width: 20 }) : isAudio ? /* @__PURE__ */ jsx27("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx27(MicIcon, { className: "size-3" }) }) : /* @__PURE__ */ jsx27("div", { className: "flex size-5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx27(PaperclipIcon, { className: "size-3" }) }) }),
+            /* @__PURE__ */ jsxs18(
+              Button,
+              {
+                "aria-label": "Remove attachment",
+                className: "absolute inset-0 size-5 cursor-pointer rounded p-0 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 [&>svg]:size-2.5",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  attachments.remove(data.id);
+                },
+                type: "button",
+                variant: "ghost",
+                children: [
+                  /* @__PURE__ */ jsx27(XIcon2, {}),
+                  /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Remove" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx27("span", { className: "flex-1 truncate", children: attachmentLabel })
+        ]
+      },
+      data.id
+    ) }),
+    /* @__PURE__ */ jsx27(HoverCardContent, { align: "start", className: "w-auto p-2", children: /* @__PURE__ */ jsxs18("div", { className: "w-auto space-y-3", children: [
+      isImage && /* @__PURE__ */ jsx27("div", { className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border", children: /* @__PURE__ */ jsx27("img", { alt: filename || "attachment preview", className: "max-h-full max-w-full object-contain", height: 384, src: data.url, width: 448 }) }),
+      isAudio && data.url && /* @__PURE__ */ jsx27("div", { className: "w-64", children: /* @__PURE__ */ jsx27("audio", { src: data.url, controls: true, className: "w-full" }) }),
+      /* @__PURE__ */ jsx27("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1 space-y-1 px-0.5", children: [
+        /* @__PURE__ */ jsx27("h4", { className: "truncate font-semibold text-sm leading-none", children: filename || (isImage ? "Image" : "Attachment") }),
+        data.mediaType && /* @__PURE__ */ jsx27("p", { className: "truncate font-mono text-muted-foreground text-xs", children: data.mediaType })
+      ] }) })
+    ] }) })
+  ] });
+}
+function PromptInputAttachments({ children }) {
+  const attachments = usePromptInputAttachments();
+  if (!attachments.files.length) return null;
+  return attachments.files.map((file) => /* @__PURE__ */ jsx27(Fragment4, { children: children(file) }, file.id));
+}
+var PromptInputActionAddAttachments = ({
+  label = "Add photos or files",
+  ...props
+}) => {
+  const attachments = usePromptInputAttachments();
+  return /* @__PURE__ */ jsxs18(
+    DropdownMenuItem,
+    {
+      ...props,
+      onSelect: () => {
+        attachments.openFileDialog();
+      },
+      children: [
+        /* @__PURE__ */ jsx27(ImageIcon, { className: "mr-2 size-4" }),
+        " ",
+        label
+      ]
+    }
+  );
+};
+
+// src/ui/components/prompt-input/footer.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var PromptInputBody = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { className: cn("contents", className), ...props });
+var PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsx28(InputGroupAddon, { align: "block-start", className: cn("flex-wrap gap-1 empty:hidden empty:p-0", className), ...props });
+var PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx28(InputGroupAddon, { align: "block-end", className: cn("justify-between gap-1", className), ...props });
+var PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { className: cn("flex items-center gap-1", className), ...props });
+
+// src/ui/components/prompt-input/buttons.tsx
+import { Loader2Icon, PlusIcon, SendIcon, SquareIcon, XIcon as XIcon3 } from "lucide-react";
+import { Children } from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var PromptInputButton = ({
+  variant = "ghost",
+  className,
+  size,
+  ...props
+}) => {
+  const newSize = size ?? (Children.count(props.children) > 1 ? "sm" : "icon-sm");
+  return /* @__PURE__ */ jsx29(InputGroupButton, { className: cn(className), size: newSize, type: "button", variant, ...props });
+};
+var PromptInputSubmit = ({
+  className,
+  variant = "default",
+  size = "icon-sm",
+  status,
+  children,
+  ...props
+}) => {
+  let Icon2 = /* @__PURE__ */ jsx29(SendIcon, { className: "size-4" });
+  if (status === "submitted") {
+    Icon2 = /* @__PURE__ */ jsx29(Loader2Icon, { className: "size-4 animate-spin" });
+  } else if (status === "streaming") {
+    Icon2 = /* @__PURE__ */ jsx29(SquareIcon, { className: "size-4" });
+  } else if (status === "error") {
+    Icon2 = /* @__PURE__ */ jsx29(XIcon3, { className: "size-4" });
+  }
+  return /* @__PURE__ */ jsx29(InputGroupButton, { "aria-label": "Submit", className: cn(className), size, type: "submit", variant, ...props, children: children ?? Icon2 });
+};
+var PromptInputActionMenu = (props) => /* @__PURE__ */ jsx29(DropdownMenu, { ...props });
+var PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(PromptInputButton, { className, ...props, children: children ?? /* @__PURE__ */ jsx29(PlusIcon, { className: "size-4" }) }) });
+var PromptInputActionMenuContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx29(DropdownMenuContent, { align: "start", className: cn(className), ...props });
+var PromptInputActionMenuItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx29(DropdownMenuItem, { className: cn(className), ...props });
+
+// src/ui/components/prompt-input/drop-zone.tsx
+import { Upload } from "lucide-react";
+import { createPortal } from "react-dom";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var PromptInputDropZone = ({
+  label = "Drop files here",
+  className,
+  container,
+  ...props
+}) => {
+  const { isDraggingOver } = usePromptInputDropZone();
+  const overlay = /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: cn(
+        "absolute inset-0 z-10 pointer-events-none",
+        "flex flex-col items-center justify-center gap-2",
+        "border-2 border-dashed border-primary rounded-xl",
+        "bg-primary/5 backdrop-blur-[2px] text-primary",
+        "transition-opacity duration-200",
+        isDraggingOver ? "opacity-100" : "opacity-0",
+        className
+      ),
+      "aria-hidden": !isDraggingOver,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx30(Upload, { className: "size-14" }),
+        /* @__PURE__ */ jsx30("span", { className: "text-sm font-medium mt-2", children: label })
+      ]
+    }
+  );
+  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 { jsx as jsx31 } from "react/jsx-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__ */ jsx31(
+    PromptInputButton,
+    {
+      className: cn(
+        "relative transition-all duration-200",
+        isListening && "animate-pulse bg-accent text-accent-foreground",
+        className
+      ),
+      disabled: !recognition,
+      onClick: toggleListening,
+      ...props,
+      children: /* @__PURE__ */ jsx31(MicIcon2, { className: "size-4" })
+    }
+  );
+};
+
+// src/ui/components/prompt-input/model-select.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+var PromptInputModelSelect = (props) => /* @__PURE__ */ jsx32(Select, { ...props });
+var PromptInputModelSelectTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx32(
+  SelectTrigger,
+  {
+    className: cn(
+      "border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors",
+      'hover:bg-accent hover:text-foreground [&[aria-expanded="true"]]:bg-accent [&[aria-expanded="true"]]:text-foreground',
+      className
+    ),
+    ...props
+  }
+);
+var PromptInputModelSelectContent = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectContent, { className: cn(className), ...props });
+var PromptInputModelSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectItem, { className: cn(className), ...props });
+var PromptInputModelSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx32(SelectValue, { className: cn(className), ...props });
+
+// src/ui/components/prompt-input/tabs.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", { className: cn(className), ...props });
+var PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", { className: cn(className), ...props });
+var PromptInputTabLabel = ({ className, ...props }) => /* @__PURE__ */ jsx33("h3", { className: cn("mb-2 px-3 font-medium text-muted-foreground text-xs", className), ...props });
+var PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", { className: cn("space-y-1", className), ...props });
+var PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsx33("div", { className: cn("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", className), ...props });
+
+// src/ui/components/prompt-input/command.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ jsx34(Command, { className: cn(className), ...props });
+var PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandInput, { className: cn(className), ...props });
+var PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandList, { className: cn(className), ...props });
+var PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandEmpty, { className: cn(className), ...props });
+var PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandGroup, { className: cn(className), ...props });
+var PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandItem, { className: cn(className), ...props });
+var PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx34(CommandSeparator, { className: cn(className), ...props });
+
+// 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 { jsx as jsx35 } from "react/jsx-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(
+    () => ({
+      // chat
+      messages,
+      sendMessage,
+      clearMessages,
+      cancelRun,
+      isStreaming,
+      isRefreshing,
+      isCancelling: isCancelling ?? false,
+      currentRunId,
+      error,
+      state,
+      // tool execution
+      isPaused,
+      isExecuting,
+      pendingTools,
+      executeAndContinue,
+      executeTools,
+      continueWithResults,
+      executionError,
+      // derived
+      handleSend,
+      inputDisabled: isStreaming || isPaused,
+      // drop zone
+      dropZoneContainerRef: containerRef
+    }),
+    [
+      messages,
+      sendMessage,
+      clearMessages,
+      cancelRun,
+      isStreaming,
+      isRefreshing,
+      isCancelling,
+      currentRunId,
+      error,
+      state,
+      isPaused,
+      isExecuting,
+      pendingTools,
+      executeAndContinue,
+      executeTools,
+      continueWithResults,
+      executionError,
+      handleSend
+    ]
+  );
+  return /* @__PURE__ */ jsx35(AgnoChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx35("div", { ref: containerRef, className: cn("relative h-full flex flex-col", className), ...divProps, children }) });
+}
+
+// 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 { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-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__ */ jsxs20("div", { className: cn("py-5 first:pt-2", isUser ? "flex justify-end" : "", classNames?.root, className), children: [
+    isUser ? (
+      /* User message */
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-2.5 max-w-[80%] flex-row-reverse", children: [
+        userAvatar,
+        /* @__PURE__ */ jsxs20("div", { className: "space-y-1.5 flex flex-col items-end min-w-0", children: [
+          (message.images && message.images.length > 0 || message.audio && message.audio.length > 0 || message.files && message.files.length > 0) && /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap gap-2 justify-end", children: [
+            message.images?.map((img, idx) => /* @__PURE__ */ jsx36(
+              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
+                ) : void 0
+              },
+              `img-${idx}`
+            )),
+            message.audio?.map((audio, idx) => /* @__PURE__ */ jsxs20(
+              "div",
+              {
+                className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
+                children: [
+                  /* @__PURE__ */ jsx36(Music, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx36("span", { className: "truncate max-w-[150px]", children: audio.id || `Audio ${idx + 1}` })
+                ]
+              },
+              `audio-${idx}`
+            )),
+            message.files?.map(
+              (file, idx) => showFilePreview ? /* @__PURE__ */ jsx36(
+                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}`
+              ) : /* @__PURE__ */ jsxs20(
+                "div",
+                {
+                  className: "flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1.5 text-xs text-foreground self-end",
+                  children: [
+                    /* @__PURE__ */ jsx36(FileIcon3, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx36("span", { className: "truncate max-w-[150px]", children: file.name })
+                  ]
+                },
+                `file-${idx}`
+              )
+            )
+          ] }),
+          message.content && /* @__PURE__ */ jsx36(
+            "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__ */ jsx36("p", { className: "text-sm whitespace-pre-wrap", children: message.content })
+            }
+          ),
+          showTimestamp && /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-end gap-1.5 px-1", children: [
+            /* @__PURE__ */ jsx36(
+              SmartTimestamp,
+              {
+                date: new Date(message.created_at * 1e3),
+                formatShort: isCustomTimestamp ? resolvedFormatTimestamp : void 0,
+                className: "text-[11px] text-muted-foreground"
+              }
+            ),
+            hasError && /* @__PURE__ */ jsx36(AlertCircle, { className: "h-3 w-3 text-destructive" })
+          ] })
+        ] })
+      ] })
+    ) : (
+      /* Assistant message */
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-start gap-3", children: [
+        assistantAvatar,
+        /* @__PURE__ */ jsxs20("div", { className: cn("flex-1 min-w-0 space-y-3", classNames?.assistantContainer), children: [
+          renderContent ? renderContent(message) : /* @__PURE__ */ jsxs20(Fragment5, { children: [
+            showReasoning && message.extra_data?.reasoning_steps && message.extra_data.reasoning_steps.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", classNames?.reasoning), children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                /* @__PURE__ */ jsx36(Lightbulb, { className: "h-3.5 w-3.5" }),
+                "Reasoning (",
+                message.extra_data.reasoning_steps.length,
+                " steps)"
+              ] }),
+              /* @__PURE__ */ jsx36(Accordion, { type: "multiple", className: "w-full", children: message.extra_data.reasoning_steps.map((step, idx) => /* @__PURE__ */ jsxs20(AccordionItem, { value: `reasoning-${idx}`, className: "border-muted", children: [
+                /* @__PURE__ */ jsx36(AccordionTrigger, { className: "text-xs py-1.5 hover:no-underline", children: step.title || `Step ${idx + 1}` }),
+                /* @__PURE__ */ jsxs20(AccordionContent, { className: "space-y-1.5 text-xs text-muted-foreground", children: [
+                  step.action && /* @__PURE__ */ jsxs20("div", { children: [
+                    /* @__PURE__ */ jsx36("span", { className: "font-medium text-foreground", children: "Action:" }),
+                    " ",
+                    step.action
+                  ] }),
+                  step.reasoning && /* @__PURE__ */ jsxs20("div", { children: [
+                    /* @__PURE__ */ jsx36("span", { className: "font-medium text-foreground", children: "Reasoning:" }),
+                    " ",
+                    step.reasoning
+                  ] }),
+                  step.result && /* @__PURE__ */ jsxs20("div", { children: [
+                    /* @__PURE__ */ jsx36("span", { className: "font-medium text-foreground", children: "Result:" }),
+                    " ",
+                    step.result
+                  ] }),
+                  step.confidence !== void 0 && /* @__PURE__ */ jsxs20("div", { children: [
+                    /* @__PURE__ */ jsx36("span", { className: "font-medium text-foreground", children: "Confidence:" }),
+                    " ",
+                    (step.confidence * 100).toFixed(1),
+                    "%"
+                  ] })
+                ] })
+              ] }, idx)) })
+            ] }),
+            message.content && /* @__PURE__ */ jsx36("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__ */ jsx36(Response, { children: message.content }) }),
+            showGenerativeUI && toolsWithUI.length > 0 && /* @__PURE__ */ jsx36("div", { className: "space-y-3", children: toolsWithUI.map((tool) => {
+              const uiComponent = tool.ui_component;
+              return /* @__PURE__ */ jsx36("div", { children: uiComponent.layout === "artifact" ? /* @__PURE__ */ jsx36(Artifact, { children: /* @__PURE__ */ jsx36(GenerativeUIRenderer, { spec: uiComponent, className: "w-full p-2" }) }) : /* @__PURE__ */ jsx36(GenerativeUIRenderer, { spec: uiComponent, className: "w-full" }) }, tool.tool_call_id);
+            }) }),
+            renderMedia ? renderMedia(message) : (() => {
+              const mediaClassName = classNames?.media;
+              return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+                message.images && message.images.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", mediaClassName), children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx36(ImageIcon2, { className: "h-3.5 w-3.5" }),
+                    "Images (",
+                    message.images.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-2 gap-2", children: message.images.map((img, idx) => /* @__PURE__ */ jsxs20("div", { className: "space-y-1", children: [
+                    showImageLightbox ? /* @__PURE__ */ jsx36(
+                      "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__ */ jsx36(
+                          "img",
+                          {
+                            src: img.url,
+                            alt: img.revised_prompt || "Generated image",
+                            className: "w-full rounded-lg"
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ jsx36(
+                      "img",
+                      {
+                        src: img.url,
+                        alt: img.revised_prompt || "Generated image",
+                        className: "w-full rounded-lg border border-border"
+                      }
+                    ),
+                    img.revised_prompt && /* @__PURE__ */ jsx36("p", { className: "text-[11px] text-muted-foreground italic px-0.5", children: img.revised_prompt })
+                  ] }, idx)) })
+                ] }),
+                message.videos && message.videos.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", mediaClassName), children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx36(Video, { className: "h-3.5 w-3.5" }),
+                    "Videos (",
+                    message.videos.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx36("div", { className: "space-y-2", children: message.videos.map((video, idx) => /* @__PURE__ */ jsx36("div", { children: video.url ? /* @__PURE__ */ jsx36(
+                    "video",
+                    {
+                      src: video.url,
+                      controls: true,
+                      className: "w-full rounded-lg border border-border"
+                    }
+                  ) : /* @__PURE__ */ jsxs20("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)"
+                  ] }) }, idx)) })
+                ] }),
+                message.audio && message.audio.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", mediaClassName), children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx36(Music, { className: "h-3.5 w-3.5" }),
+                    "Audio (",
+                    message.audio.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx36("div", { className: "space-y-2", children: message.audio.map((audio, idx) => /* @__PURE__ */ jsx36("div", { children: audio.url ? /* @__PURE__ */ jsx36("audio", { src: audio.url, controls: true, className: "w-full" }) : audio.base64_audio ? /* @__PURE__ */ jsx36(
+                    "audio",
+                    {
+                      src: `data:${audio.mime_type || "audio/wav"};base64,${audio.base64_audio}`,
+                      controls: true,
+                      className: "w-full"
+                    }
+                  ) : /* @__PURE__ */ jsx36("div", { className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground", children: "Audio data unavailable" }) }, idx)) })
+                ] }),
+                message.files && message.files.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", mediaClassName), children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx36(Paperclip, { className: "h-3.5 w-3.5" }),
+                    "Files (",
+                    message.files.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx36("div", { className: "flex flex-wrap gap-2", children: message.files.map(
+                    (file, idx) => showFilePreview ? /* @__PURE__ */ jsx36(
+                      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
+                    ) : /* @__PURE__ */ jsxs20(
+                      "div",
+                      {
+                        className: "flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-xs bg-muted/30 hover:bg-muted/50 transition-colors",
+                        children: [
+                          /* @__PURE__ */ jsx36(FileIcon3, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx36("span", { className: "truncate max-w-[180px]", children: file.name }),
+                          file.size && /* @__PURE__ */ jsxs20("span", { className: "text-muted-foreground/70", children: [
+                            "(",
+                            (file.size / 1024).toFixed(1),
+                            "KB)"
+                          ] }),
+                          file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx36(
+                            "a",
+                            {
+                              href: file.url,
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              className: "text-primary hover:underline font-medium",
+                              children: "View"
+                            }
+                          )
+                        ]
+                      },
+                      idx
+                    )
+                  ) })
+                ] }),
+                message.response_audio && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", mediaClassName), children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx36(Music, { className: "h-3.5 w-3.5" }),
+                    "Response Audio"
+                  ] }),
+                  message.response_audio.transcript && /* @__PURE__ */ jsxs20("div", { className: "text-xs italic bg-muted/50 border border-border p-2.5 rounded-lg text-muted-foreground", children: [
+                    '"',
+                    message.response_audio.transcript,
+                    '"'
+                  ] }),
+                  message.response_audio.content && /* @__PURE__ */ jsx36(
+                    "audio",
+                    {
+                      src: `data:audio/wav;base64,${message.response_audio.content}`,
+                      controls: true,
+                      className: "w-full"
+                    }
+                  )
+                ] })
+              ] });
+            })(),
+            showToolCalls && message.tool_calls && message.tool_calls.length > 0 && /* @__PURE__ */ jsx36("div", { className: cn("space-y-2 pt-1", classNames?.toolCalls), children: message.tool_calls.map(
+              (tool, idx) => renderToolCall ? renderToolCall(tool, idx) : /* @__PURE__ */ jsxs20(Tool, { defaultOpen: idx === 0, children: [
+                /* @__PURE__ */ jsx36(ToolHeader, { title: tool.tool_name, type: "tool-use", state: getToolState(tool) }),
+                /* @__PURE__ */ jsxs20(ToolContent, { children: [
+                  /* @__PURE__ */ jsx36(ToolInput, { input: tool.tool_args }),
+                  tool.content && /* @__PURE__ */ jsx36(
+                    ToolOutput,
+                    {
+                      output: tool.content,
+                      errorText: tool.tool_call_error ? "Tool execution failed" : void 0
+                    }
+                  )
+                ] })
+              ] }, tool.tool_call_id || idx)
+            ) }),
+            showReferences && message.extra_data?.references && message.extra_data.references.length > 0 && /* @__PURE__ */ jsxs20("div", { className: cn("space-y-2 pt-1", classNames?.references), children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+                /* @__PURE__ */ jsx36(FileText, { className: "h-3.5 w-3.5" }),
+                "References (",
+                message.extra_data.references.length,
+                ")"
+              ] }),
+              /* @__PURE__ */ jsx36("div", { className: "space-y-2", children: message.extra_data.references.map((refData, idx) => /* @__PURE__ */ jsxs20("div", { className: "text-xs space-y-1.5", children: [
+                refData.query && /* @__PURE__ */ jsxs20("div", { className: "font-medium text-foreground", children: [
+                  "Query: ",
+                  refData.query
+                ] }),
+                refData.references.map((ref, refIdx) => /* @__PURE__ */ jsxs20("div", { className: "bg-muted/50 border border-border p-2.5 rounded-lg", children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "italic text-muted-foreground mb-1", children: [
+                    '"',
+                    ref.content,
+                    '"'
+                  ] }),
+                  /* @__PURE__ */ jsxs20("div", { className: "text-muted-foreground/70", children: [
+                    "Source: ",
+                    ref.name,
+                    " (chunk ",
+                    ref.meta_data.chunk,
+                    "/",
+                    ref.meta_data.chunk_size,
+                    ")"
+                  ] })
+                ] }, refIdx))
+              ] }, idx)) })
+            ] })
+          ] }),
+          (renderActions || showTimestamp || hasError) && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 pt-1", children: [
+            renderActions && /* @__PURE__ */ jsx36("div", { className: cn("flex items-center gap-1", classNames?.actions), children: renderActions(message) }),
+            hasError && /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1 text-[11px] text-destructive", children: [
+              /* @__PURE__ */ jsx36(AlertCircle, { className: "h-3 w-3" }),
+              "Error"
+            ] }),
+            showTimestamp && /* @__PURE__ */ jsx36(
+              SmartTimestamp,
+              {
+                date: new Date(message.created_at * 1e3),
+                formatShort: isCustomTimestamp ? resolvedFormatTimestamp : void 0,
+                className: "text-[11px] text-muted-foreground"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ),
+    preview?.type === "image" && /* @__PURE__ */ jsx36(
+      ImageLightbox,
+      {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) closePreview();
+        },
+        images: preview.images,
+        initialIndex: preview.initialIndex
+      }
+    ),
+    preview?.type === "file" && /* @__PURE__ */ jsx36(
+      FilePreviewModal,
+      {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) closePreview();
+        },
+        file: preview.file
+      }
+    )
+  ] });
+}
+
+// src/ui/composed/agno-chat/suggested-prompts.tsx
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
+function AgnoChatSuggestedPrompts({ className, prompts }) {
+  const { handleSend } = useAgnoChatContext();
+  if (prompts.length === 0) return null;
+  return /* @__PURE__ */ jsx37("div", { className: cn("grid grid-cols-2 gap-2 w-full max-w-md", className), children: prompts.map((prompt, idx) => /* @__PURE__ */ jsxs21(
+    "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__ */ jsx37("span", { className: "text-muted-foreground group-hover:text-primary transition-colors", children: prompt.icon }),
+        /* @__PURE__ */ jsx37("span", { className: "text-muted-foreground group-hover:text-foreground transition-colors text-xs leading-snug", children: prompt.text })
+      ]
+    },
+    idx
+  )) });
+}
+
+// src/ui/composed/agno-chat/messages.tsx
+import { Bot as Bot2 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-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__ */ jsxs22("div", { className: "flex flex-col items-center gap-6", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx38("div", { className: "h-16 w-16 rounded-2xl bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx38(Bot2, { className: "h-8 w-8 text-primary" }) }),
+      /* @__PURE__ */ jsx38("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__ */ jsx38("span", { className: "h-2 w-2 rounded-full bg-white animate-pulse" }) })
+    ] }),
+    /* @__PURE__ */ jsxs22("div", { className: "space-y-2 text-center", children: [
+      /* @__PURE__ */ jsx38("h3", { className: "text-xl font-semibold tracking-tight", children: "Welcome to Agno Chat" }),
+      /* @__PURE__ */ jsx38("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." })
+    ] }),
+    suggestedPrompts.length > 0 && /* @__PURE__ */ jsx38(AgnoChatSuggestedPrompts, { prompts: suggestedPrompts })
+  ] });
+  return /* @__PURE__ */ jsxs22(Conversation, { className: cn("relative flex-1 w-full", className), children: [
+    /* @__PURE__ */ jsx38(ScrollOnNewUserMessage, { messageCount: messages.length }),
+    /* @__PURE__ */ jsxs22(ConversationContent, { className: "max-w-3xl mx-auto", children: [
+      messages.length === 0 ? /* @__PURE__ */ jsx38(ConversationEmptyState, { children: resolvedEmptyState }) : messages.map((message, index) => {
+        if (isThinking && index === messages.length - 1 && message === lastMessage) return null;
+        return renderMessage ? renderMessage(message, index) : /* @__PURE__ */ jsx38(
+          AgnoMessageItem,
+          {
+            message,
+            userAvatar,
+            assistantAvatar,
+            ...messageItemProps
+          },
+          `msg-${index}-${message.created_at}`
+        );
+      }),
+      isThinking && /* @__PURE__ */ jsx38("div", { className: "py-2", children: renderThinkingIndicator ?? /* @__PURE__ */ jsx38(StreamingIndicator, { avatar: assistantAvatar }) })
+    ] }),
+    /* @__PURE__ */ jsx38(ConversationScrollButton, {})
+  ] });
+}
+
+// src/ui/composed/agno-chat/empty-state.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+function AgnoChatEmptyState({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx39("div", { className: cn("flex flex-col items-center gap-6", className), ...props, children });
+}
+
+// src/ui/composed/agno-chat/tool-status.tsx
+import { Loader2 as Loader22, Wrench } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
+function AgnoChatToolStatus({ className }) {
+  const { isPaused, isExecuting, pendingTools } = useAgnoChatContext();
+  if (!isPaused && !isExecuting) return null;
+  return /* @__PURE__ */ jsx40("div", { className: cn("px-4 py-2.5 border-t border-border bg-primary/5", className), children: /* @__PURE__ */ jsx40("div", { className: "flex items-center gap-2.5 text-sm max-w-3xl mx-auto", children: isExecuting ? /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx40("div", { className: "h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx40(Loader22, { className: "h-3 w-3 animate-spin text-primary" }) }),
+    /* @__PURE__ */ jsxs23("span", { className: "text-muted-foreground", children: [
+      "Executing",
+      " ",
+      /* @__PURE__ */ jsx40("span", { className: "font-medium text-foreground", children: pendingTools.length }),
+      " tool",
+      pendingTools.length !== 1 ? "s" : "",
+      "..."
+    ] })
+  ] }) : /* @__PURE__ */ jsxs23(Fragment6, { children: [
+    /* @__PURE__ */ jsx40("div", { className: "h-5 w-5 rounded-full bg-amber-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx40(Wrench, { className: "h-3 w-3 text-amber-600 dark:text-amber-400" }) }),
+    /* @__PURE__ */ jsxs23("span", { className: "text-muted-foreground", children: [
+      "Preparing",
+      " ",
+      /* @__PURE__ */ jsx40("span", { className: "font-medium text-foreground", children: pendingTools.length }),
+      " tool",
+      pendingTools.length !== 1 ? "s" : "",
+      "..."
+    ] })
+  ] }) }) });
+}
+
+// src/ui/composed/agno-chat/error-bar.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+function AgnoChatErrorBar({ className }) {
+  const { error, executionError } = useAgnoChatContext();
+  const message = error || executionError;
+  if (!message) return null;
+  return /* @__PURE__ */ jsx41("div", { className: cn("px-4 py-2.5 bg-destructive/5 border-t border-destructive/20", className), children: /* @__PURE__ */ jsx41("p", { className: "text-sm text-destructive max-w-3xl mx-auto", children: message }) });
+}
+
+// src/ui/composed/AgnoChatInput.tsx
+import { CircleStop } from "lucide-react";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-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__ */ jsx42(
+    Button,
+    {
+      type: "button",
+      variant: "destructive",
+      size: "icon",
+      className: "h-8 w-8 rounded-lg",
+      onClick: onCancel,
+      "aria-label": "Stop",
+      children: /* @__PURE__ */ jsx42(CircleStop, { className: "size-4" })
+    }
+  );
+}
+function SubmitButton({ disabled, status }) {
+  const { textInput } = usePromptInputController();
+  const hasText = textInput.value.trim().length > 0;
+  return /* @__PURE__ */ jsx42(PromptInputSubmit, { disabled: disabled || !hasText, status });
+}
+function AttachmentHeader() {
+  const { files } = usePromptInputAttachments();
+  if (files.length === 0) return null;
+  return /* @__PURE__ */ jsx42(PromptInputHeader, { children: /* @__PURE__ */ jsx42(PromptInputAttachments, { children: (attachment) => /* @__PURE__ */ jsx42(PromptInputAttachment, { data: attachment }) }) });
+}
+function TranscribeAudioRecorder({
+  endpoint,
+  headers,
+  disabled,
+  parseResponse,
+  onRequestPermission,
+  labels
+}) {
+  const { textInput } = usePromptInputController();
+  return /* @__PURE__ */ jsx42(
+    AudioRecorder,
+    {
+      mode: "transcribe",
+      transcriptionEndpoint: endpoint,
+      transcriptionHeaders: headers,
+      parseTranscriptionResponse: parseResponse,
+      onRequestPermission,
+      onRecordingComplete: () => {
+      },
+      onTranscriptionComplete: (text) => {
+        const current = textInput.value;
+        textInput.setInput(current + (current ? " " : "") + text);
+      },
+      disabled,
+      labels
+    }
+  );
+}
+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" : void 0);
+  const showCancelButton = allowCancelRun && isStreaming && onCancel;
+  return /* @__PURE__ */ jsx42(PromptInputProvider, { children: /* @__PURE__ */ jsxs24(
+    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__ */ jsx42(AttachmentHeader, {}),
+        /* @__PURE__ */ jsx42(PromptInputBody, { children: /* @__PURE__ */ jsx42(
+          PromptInputTextarea,
+          {
+            placeholder: placeholder || "Type your message... (Enter to send, Shift+Enter for new line)",
+            disabled
+          }
+        ) }),
+        /* @__PURE__ */ jsxs24(PromptInputFooter, { children: [
+          /* @__PURE__ */ jsxs24(PromptInputTools, { children: [
+            showAttachments && /* @__PURE__ */ jsxs24(PromptInputActionMenu, { children: [
+              /* @__PURE__ */ jsx42(PromptInputActionMenuTrigger, {}),
+              /* @__PURE__ */ jsx42(PromptInputActionMenuContent, { children: /* @__PURE__ */ jsx42(PromptInputActionAddAttachments, { label: "Add files" }) })
+            ] }),
+            showAudioRecorder && (audioMode === "transcribe" && transcriptionEndpoint ? /* @__PURE__ */ jsx42(
+              TranscribeAudioRecorder,
+              {
+                endpoint: transcriptionEndpoint,
+                headers: transcriptionHeaders,
+                disabled,
+                parseResponse: parseTranscriptionResponse,
+                onRequestPermission,
+                labels: audioRecorderLabels
+              }
+            ) : /* @__PURE__ */ jsx42(AudioRecorder, { onRecordingComplete: handleAudioRecording, disabled, onRequestPermission, labels: audioRecorderLabels })),
+            extraTools
+          ] }),
+          showCancelButton ? /* @__PURE__ */ jsx42(CancelButton, { onCancel }) : /* @__PURE__ */ jsx42(SubmitButton, { disabled, status: computedStatus })
+        ] }),
+        showAttachments && /* @__PURE__ */ jsx42(PromptInputDropZone, { ...dropZoneProps, container: dropZoneContainerRef })
+      ]
+    }
+  ) });
+}
+
+// src/ui/composed/agno-chat/input.tsx
+import { jsx as jsx43 } from "react/jsx-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__ */ jsx43("div", { className: cn("border-t border-border bg-background/80 backdrop-blur-sm", className), children: /* @__PURE__ */ jsx43("div", { className: "mx-auto px-4 py-2", children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsx43(
+    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
+    }
+  ) }) });
+}
+
+// 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 { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+var DEFAULT_PROMPTS2 = [
+  { icon: /* @__PURE__ */ jsx44(Sparkles, { className: "h-3.5 w-3.5" }), text: "What can you help me with?" },
+  { icon: /* @__PURE__ */ jsx44(Bot3, { className: "h-3.5 w-3.5" }), 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__ */ jsxs25(
+    AgnoChat,
+    {
+      toolHandlers,
+      autoExecuteTools,
+      className: cn(classNames?.root, className),
+      children: [
+        headerSlot,
+        /* @__PURE__ */ jsx44(
+          AgnoChat.Messages,
+          {
+            className: classNames?.messagesArea,
+            renderMessage,
+            userAvatar,
+            assistantAvatar,
+            messageItemProps,
+            emptyState,
+            suggestedPrompts
+          }
+        ),
+        /* @__PURE__ */ jsx44(AgnoChat.ToolStatus, { className: classNames?.toolStatusBar }),
+        /* @__PURE__ */ jsx44(AgnoChat.ErrorBar, { className: classNames?.errorBar }),
+        /* @__PURE__ */ jsx44(
+          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 }) : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AgnoChat,
+  AgnoChatEmptyState,
+  AgnoChatErrorBar,
+  AgnoChatInput,
+  AgnoChatInputArea,
+  AgnoChatInterface,
+  AgnoChatMessages,
+  AgnoChatRoot,
+  AgnoChatSuggestedPrompts,
+  AgnoChatToolStatus,
+  AgnoMessageItem,
+  Artifact,
+  ArtifactAction,
+  ArtifactActions,
+  ArtifactClose,
+  ArtifactContent,
+  ArtifactDescription,
+  ArtifactHeader,
+  ArtifactTitle,
+  AudioRecorder,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Button,
+  CodeBlock,
+  CodeBlockCopyButton,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  Conversation,
+  ConversationContent,
+  ConversationEmptyState,
+  ConversationScrollButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FilePreviewCard,
+  FilePreviewModal,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  ImageLightbox,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+  Message,
+  MessageAvatar,
+  MessageContent,
+  PromptInput,
+  PromptInputActionAddAttachments,
+  PromptInputActionMenu,
+  PromptInputActionMenuContent,
+  PromptInputActionMenuItem,
+  PromptInputActionMenuTrigger,
+  PromptInputAttachment,
+  PromptInputAttachments,
+  PromptInputBody,
+  PromptInputButton,
+  PromptInputCommand,
+  PromptInputCommandEmpty,
+  PromptInputCommandGroup,
+  PromptInputCommandInput,
+  PromptInputCommandItem,
+  PromptInputCommandList,
+  PromptInputCommandSeparator,
+  PromptInputDropZone,
+  PromptInputFooter,
+  PromptInputHeader,
+  PromptInputModelSelect,
+  PromptInputModelSelectContent,
+  PromptInputModelSelectItem,
+  PromptInputModelSelectTrigger,
+  PromptInputModelSelectValue,
+  PromptInputProvider,
+  PromptInputSpeechButton,
+  PromptInputSubmit,
+  PromptInputTab,
+  PromptInputTabBody,
+  PromptInputTabItem,
+  PromptInputTabLabel,
+  PromptInputTabsList,
+  PromptInputTextarea,
+  PromptInputTools,
+  Response,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SmartTimestamp,
+  StreamingIndicator,
+  Tool,
+  ToolContent,
+  ToolHeader,
+  ToolInput,
+  ToolOutput,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  formatFileSize,
+  formatFullTimestamp,
+  formatSmartTimestamp,
+  getFileExtension,
+  getFilePreviewType,
+  isPreviewable,
+  useAgnoChatContext,
+  usePromptInputAttachments,
+  usePromptInputController,
+  usePromptInputDropZone,
+  useProviderAttachments
+};