@rodrigocoliveira/agno-react 1.0.1 → 1.0.3

package/dist/ui.js

@@ -0,0 +1,4059 @@
+"use client";
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/ui.ts
+var exports_ui = {};
+__export(exports_ui, {
+  useProviderAttachments: () => useProviderAttachments,
+  usePromptInputDropZone: () => usePromptInputDropZone,
+  usePromptInputController: () => usePromptInputController,
+  usePromptInputAttachments: () => usePromptInputAttachments,
+  useAgnoChatContext: () => useAgnoChatContext,
+  isPreviewable: () => isPreviewable,
+  getFilePreviewType: () => getFilePreviewType,
+  getFileExtension: () => getFileExtension,
+  formatSmartTimestamp: () => formatSmartTimestamp,
+  formatFullTimestamp: () => formatFullTimestamp,
+  formatFileSize: () => formatFileSize,
+  cn: () => cn,
+  buttonVariants: () => buttonVariants,
+  badgeVariants: () => badgeVariants,
+  TooltipTrigger: () => TooltipTrigger,
+  TooltipProvider: () => TooltipProvider,
+  TooltipContent: () => TooltipContent,
+  Tooltip: () => Tooltip,
+  ToolOutput: () => ToolOutput,
+  ToolInput: () => ToolInput,
+  ToolHeader: () => ToolHeader,
+  ToolContent: () => ToolContent,
+  Tool: () => Tool,
+  StreamingIndicator: () => StreamingIndicator,
+  SmartTimestamp: () => SmartTimestamp,
+  SelectValue: () => SelectValue,
+  SelectTrigger: () => SelectTrigger,
+  SelectSeparator: () => SelectSeparator,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectLabel: () => SelectLabel,
+  SelectItem: () => SelectItem,
+  SelectGroup: () => SelectGroup,
+  SelectContent: () => SelectContent,
+  Select: () => Select,
+  Response: () => Response,
+  PromptInputTools: () => PromptInputTools,
+  PromptInputTextarea: () => PromptInputTextarea,
+  PromptInputTabsList: () => PromptInputTabsList,
+  PromptInputTabLabel: () => PromptInputTabLabel,
+  PromptInputTabItem: () => PromptInputTabItem,
+  PromptInputTabBody: () => PromptInputTabBody,
+  PromptInputTab: () => PromptInputTab,
+  PromptInputSubmit: () => PromptInputSubmit,
+  PromptInputSpeechButton: () => PromptInputSpeechButton,
+  PromptInputProvider: () => PromptInputProvider,
+  PromptInputModelSelectValue: () => PromptInputModelSelectValue,
+  PromptInputModelSelectTrigger: () => PromptInputModelSelectTrigger,
+  PromptInputModelSelectItem: () => PromptInputModelSelectItem,
+  PromptInputModelSelectContent: () => PromptInputModelSelectContent,
+  PromptInputModelSelect: () => PromptInputModelSelect,
+  PromptInputHeader: () => PromptInputHeader,
+  PromptInputFooter: () => PromptInputFooter,
+  PromptInputDropZone: () => PromptInputDropZone,
+  PromptInputCommandSeparator: () => PromptInputCommandSeparator,
+  PromptInputCommandList: () => PromptInputCommandList,
+  PromptInputCommandItem: () => PromptInputCommandItem,
+  PromptInputCommandInput: () => PromptInputCommandInput,
+  PromptInputCommandGroup: () => PromptInputCommandGroup,
+  PromptInputCommandEmpty: () => PromptInputCommandEmpty,
+  PromptInputCommand: () => PromptInputCommand,
+  PromptInputButton: () => PromptInputButton,
+  PromptInputBody: () => PromptInputBody,
+  PromptInputAttachments: () => PromptInputAttachments,
+  PromptInputAttachment: () => PromptInputAttachment,
+  PromptInputActionMenuTrigger: () => PromptInputActionMenuTrigger,
+  PromptInputActionMenuItem: () => PromptInputActionMenuItem,
+  PromptInputActionMenuContent: () => PromptInputActionMenuContent,
+  PromptInputActionMenu: () => PromptInputActionMenu,
+  PromptInputActionAddAttachments: () => PromptInputActionAddAttachments,
+  PromptInput: () => PromptInput,
+  MessageContent: () => MessageContent,
+  MessageAvatar: () => MessageAvatar,
+  Message: () => Message,
+  InputGroupTextarea: () => InputGroupTextarea,
+  InputGroupText: () => InputGroupText,
+  InputGroupInput: () => InputGroupInput,
+  InputGroupButton: () => InputGroupButton,
+  InputGroupAddon: () => InputGroupAddon,
+  InputGroup: () => InputGroup,
+  ImageLightbox: () => ImageLightbox,
+  HoverCardTrigger: () => HoverCardTrigger,
+  HoverCardContent: () => HoverCardContent,
+  HoverCard: () => HoverCard,
+  FilePreviewModal: () => FilePreviewModal,
+  FilePreviewCard: () => FilePreviewCard,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenu: () => DropdownMenu,
+  DialogTrigger: () => DialogTrigger,
+  DialogTitle: () => DialogTitle,
+  DialogPortal: () => DialogPortal,
+  DialogOverlay: () => DialogOverlay,
+  DialogHeader: () => DialogHeader,
+  DialogFooter: () => DialogFooter,
+  DialogDescription: () => DialogDescription,
+  DialogContent: () => DialogContent,
+  DialogClose: () => DialogClose,
+  Dialog: () => Dialog,
+  ConversationScrollButton: () => ConversationScrollButton,
+  ConversationEmptyState: () => ConversationEmptyState,
+  ConversationContent: () => ConversationContent,
+  Conversation: () => Conversation,
+  CommandShortcut: () => CommandShortcut,
+  CommandSeparator: () => CommandSeparator,
+  CommandList: () => CommandList,
+  CommandItem: () => CommandItem,
+  CommandInput: () => CommandInput,
+  CommandGroup: () => CommandGroup,
+  CommandEmpty: () => CommandEmpty,
+  Command: () => Command,
+  CollapsibleTrigger: () => CollapsibleTrigger2,
+  CollapsibleContent: () => CollapsibleContent2,
+  Collapsible: () => Collapsible,
+  CodeBlockCopyButton: () => CodeBlockCopyButton,
+  CodeBlock: () => CodeBlock,
+  Button: () => Button,
+  Badge: () => Badge,
+  AvatarImage: () => AvatarImage,
+  AvatarFallback: () => AvatarFallback,
+  Avatar: () => Avatar,
+  AudioRecorder: () => AudioRecorder,
+  ArtifactTitle: () => ArtifactTitle,
+  ArtifactHeader: () => ArtifactHeader,
+  ArtifactDescription: () => ArtifactDescription,
+  ArtifactContent: () => ArtifactContent,
+  ArtifactClose: () => ArtifactClose,
+  ArtifactActions: () => ArtifactActions,
+  ArtifactAction: () => ArtifactAction,
+  Artifact: () => Artifact,
+  AgnoMessageItem: () => AgnoMessageItem,
+  AgnoChatToolStatus: () => AgnoChatToolStatus,
+  AgnoChatSuggestedPrompts: () => AgnoChatSuggestedPrompts,
+  AgnoChatRoot: () => AgnoChatRoot,
+  AgnoChatMessages: () => AgnoChatMessages,
+  AgnoChatInterface: () => AgnoChatInterface,
+  AgnoChatInputArea: () => AgnoChatInputArea,
+  AgnoChatInput: () => AgnoChatInput,
+  AgnoChatErrorBar: () => AgnoChatErrorBar,
+  AgnoChatEmptyState: () => AgnoChatEmptyState,
+  AgnoChat: () => AgnoChat,
+  AccordionTrigger: () => AccordionTrigger,
+  AccordionItem: () => AccordionItem,
+  AccordionContent: () => AccordionContent,
+  Accordion: () => Accordion
+});
+module.exports = __toCommonJS(exports_ui);
+
+// src/ui/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return import_tailwind_merge.twMerge(import_clsx.clsx(inputs));
+}
+// src/ui/lib/format-timestamp.ts
+function formatSmartTimestamp(date) {
+  const now = new Date;
+  const isToday = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+  if (isToday) {
+    return new Intl.DateTimeFormat(undefined, {
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
+    }).format(date);
+  }
+  const isSameYear = date.getFullYear() === now.getFullYear();
+  if (isSameYear) {
+    return new Intl.DateTimeFormat(undefined, {
+      month: "short",
+      day: "numeric"
+    }).format(date);
+  }
+  return new Intl.DateTimeFormat(undefined, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(date);
+}
+function formatFullTimestamp(date) {
+  return new Intl.DateTimeFormat(undefined, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  }).format(date);
+}
+// src/ui/lib/file-utils.ts
+function getFilePreviewType(mimeType) {
+  if (!mimeType)
+    return "none";
+  if (mimeType.startsWith("image/"))
+    return "image";
+  if (mimeType === "application/pdf")
+    return "pdf";
+  if (mimeType.startsWith("text/"))
+    return "text";
+  if (mimeType.startsWith("video/"))
+    return "video";
+  if (mimeType.startsWith("audio/"))
+    return "audio";
+  return "none";
+}
+function formatFileSize(bytes) {
+  if (bytes === 0)
+    return "0 B";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  const k = 1024;
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const value = bytes / Math.pow(k, i);
+  return `${value % 1 === 0 ? value : value.toFixed(1)} ${units[i]}`;
+}
+function getFileExtension(filename, mimeType) {
+  const lastDot = filename.lastIndexOf(".");
+  if (lastDot !== -1 && lastDot !== 0) {
+    return filename.slice(lastDot + 1).toLowerCase();
+  }
+  if (mimeType) {
+    return extensionFromMime(mimeType);
+  }
+  return "";
+}
+var mimeToExt = {
+  "application/pdf": "pdf",
+  "application/zip": "zip",
+  "application/x-rar-compressed": "rar",
+  "application/json": "json",
+  "application/xml": "xml",
+  "application/msword": "doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.ms-powerpoint": "ppt",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "pptx",
+  "text/csv": "csv",
+  "text/plain": "txt",
+  "text/html": "html",
+  "text/css": "css",
+  "text/javascript": "js"
+};
+function extensionFromMime(mimeType) {
+  if (mimeToExt[mimeType])
+    return mimeToExt[mimeType];
+  const subtype = mimeType.split("/")[1];
+  if (subtype && !subtype.includes(".") && !subtype.includes("+")) {
+    return subtype.toLowerCase();
+  }
+  return "";
+}
+function isPreviewable(mimeType) {
+  const type = getFilePreviewType(mimeType);
+  return type === "image" || type === "pdf";
+}
+// src/ui/primitives/button.tsx
+var React = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+var buttonVariants = import_class_variance_authority.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 ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Comp, {
+    className: cn(buttonVariants({ variant, size, className })),
+    ref,
+    ...props
+  }, undefined, false, undefined, this);
+});
+Button.displayName = "Button";
+// src/ui/primitives/badge.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+var badgeVariants = import_class_variance_authority2.cva("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__ */ jsx_dev_runtime2.jsxDEV("div", {
+    className: cn(badgeVariants({ variant }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/ui/primitives/avatar.tsx
+var React2 = __toESM(require("react"));
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
+var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(AvatarPrimitive.Root, {
+  ref,
+  className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+  ...props
+}, undefined, false, undefined, this));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(AvatarPrimitive.Image, {
+  ref,
+  className: cn("aspect-square h-full w-full", className),
+  ...props
+}, undefined, false, undefined, this));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(AvatarPrimitive.Fallback, {
+  ref,
+  className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
+  ...props
+}, undefined, false, undefined, this));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+// src/ui/primitives/input-group.tsx
+var React3 = __toESM(require("react"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+var Input = React3.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("input", {
+    type,
+    className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+    ref,
+    ...props
+  }, undefined, false, undefined, this);
+});
+Input.displayName = "Input";
+var Textarea = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("textarea", {
+    className: cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+    ref,
+    ...props
+  }, undefined, false, undefined, this);
+});
+Textarea.displayName = "Textarea";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("div", {
+    "data-slot": "input-group",
+    role: "group",
+    className: cn("group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]", "h-9 has-[>textarea]:h-auto", "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-2.5", "has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot=input-group-control]:focus-visible]:ring-1", "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupAddonVariants = import_class_variance_authority3.cva("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__ */ jsx_dev_runtime4.jsxDEV("div", {
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": align,
+    className: cn(inputGroupAddonVariants({ align }), className),
+    onClick: (e) => {
+      if (e.target.closest("button")) {
+        return;
+      }
+      e.currentTarget.parentElement?.querySelector("input")?.focus();
+    },
+    ...props
+  }, undefined, false, undefined, this);
+}
+var inputGroupButtonVariants = import_class_variance_authority3.cva("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__ */ jsx_dev_runtime4.jsxDEV(Button, {
+    type,
+    "data-size": size,
+    variant,
+    className: cn(inputGroupButtonVariants({ size }), className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+    className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputGroupInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Input, {
+    "data-slot": "input-group-control",
+    className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function InputGroupTextarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Textarea, {
+    "data-slot": "input-group-control",
+    className: cn("flex-1 resize-none rounded-none border-0 bg-transparent min-h-0 pt-3.5 pb-1.5 pl-3.5 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+// src/ui/primitives/collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+// src/ui/primitives/tooltip.tsx
+var React4 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(TooltipPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(TooltipPrimitive.Content, {
+    ref,
+    sideOffset,
+    className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]", className),
+    ...props
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+// src/ui/primitives/accordion.tsx
+var React5 = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react = require("lucide-react");
+var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(AccordionPrimitive.Item, {
+  ref,
+  className: cn("border-b", className),
+  ...props
+}, undefined, false, undefined, this));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(AccordionPrimitive.Header, {
+  className: "flex",
+  children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(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__ */ jsx_dev_runtime6.jsxDEV(import_lucide_react.ChevronDown, {
+        className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this)
+}, undefined, false, undefined, this));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(AccordionPrimitive.Content, {
+  ref,
+  className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+  ...props,
+  children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("div", {
+    className: cn("pb-4 pt-0", className),
+    children
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/ui/primitives/dropdown-menu.tsx
+var React6 = __toESM(require("react"));
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react2 = require("lucide-react");
+var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(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__ */ jsx_dev_runtime7.jsxDEV(import_lucide_react2.ChevronRight, {
+      className: "ml-auto"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.SubContent, {
+  ref,
+  className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
+  ...props
+}, undefined, false, undefined, this));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.Content, {
+    ref,
+    sideOffset,
+    className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]", className),
+    ...props
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.Item, {
+  ref,
+  className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className),
+  ...props
+}, undefined, false, undefined, this));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(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__ */ jsx_dev_runtime7.jsxDEV("span", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_lucide_react2.Check, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    children
+  ]
+}, undefined, true, undefined, this));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(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__ */ jsx_dev_runtime7.jsxDEV("span", {
+      className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_lucide_react2.Circle, {
+          className: "h-2 w-2 fill-current"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    children
+  ]
+}, undefined, true, undefined, this));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.Label, {
+  ref,
+  className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+  ...props
+}, undefined, false, undefined, this));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(DropdownMenuPrimitive.Separator, {
+  ref,
+  className: cn("-mx-1 my-1 h-px bg-muted", className),
+  ...props
+}, undefined, false, undefined, this));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("span", {
+    className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+    ...props
+  }, undefined, false, undefined, this);
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+// src/ui/primitives/hover-card.tsx
+var React7 = __toESM(require("react"));
+var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
+var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(HoverCardPrimitive.Content, {
+  ref,
+  align,
+  sideOffset,
+  className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]", className),
+  ...props
+}, undefined, false, undefined, this));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+// src/ui/primitives/select.tsx
+var React8 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react3 = require("lucide-react");
+var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(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__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.Icon, {
+      asChild: true,
+      children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_lucide_react3.ChevronDown, {
+        className: "h-4 w-4 opacity-50"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.ScrollUpButton, {
+  ref,
+  className: cn("flex cursor-default items-center justify-center py-1", className),
+  ...props,
+  children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_lucide_react3.ChevronUp, {
+    className: "h-4 w-4"
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.ScrollDownButton, {
+  ref,
+  className: cn("flex cursor-default items-center justify-center py-1", className),
+  ...props,
+  children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_lucide_react3.ChevronDown, {
+    className: "h-4 w-4"
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React8.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.Portal, {
+  children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(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__ */ jsx_dev_runtime9.jsxDEV(SelectScrollUpButton, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.Viewport, {
+        className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+        children
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectScrollDownButton, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this)
+}, undefined, false, undefined, this));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.Label, {
+  ref,
+  className: cn("px-2 py-1.5 text-sm font-semibold", className),
+  ...props
+}, undefined, false, undefined, this));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(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__ */ jsx_dev_runtime9.jsxDEV("span", {
+      className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+      children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.ItemIndicator, {
+        children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_lucide_react3.Check, {
+          className: "h-4 w-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.ItemText, {
+      children
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(SelectPrimitive.Separator, {
+  ref,
+  className: cn("-mx-1 my-1 h-px bg-muted", className),
+  ...props
+}, undefined, false, undefined, this));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+// src/ui/primitives/command.tsx
+var React9 = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+var import_lucide_react4 = require("lucide-react");
+var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command, {
+  ref,
+  className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+  ...props
+}, undefined, false, undefined, this));
+Command.displayName = import_cmdk.Command.displayName;
+var CommandInput = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
+  className: "flex items-center border-b px-3",
+  "cmdk-input-wrapper": "",
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_lucide_react4.Search, {
+      className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.Input, {
+      ref,
+      className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+      ...props
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.List, {
+  ref,
+  className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+  ...props
+}, undefined, false, undefined, this));
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.Empty, {
+  ref,
+  className: "py-6 text-center text-sm",
+  ...props
+}, undefined, false, undefined, this));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.Group, {
+  ref,
+  className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+  ...props
+}, undefined, false, undefined, this));
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.Separator, {
+  ref,
+  className: cn("-mx-1 h-px bg-border", className),
+  ...props
+}, undefined, false, undefined, this));
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_cmdk.Command.Item, {
+  ref,
+  className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
+  ...props
+}, undefined, false, undefined, this));
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("span", {
+    className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+};
+CommandShortcut.displayName = "CommandShortcut";
+// src/ui/primitives/dialog.tsx
+var React10 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_lucide_react5 = require("lucide-react");
+var jsx_dev_runtime11 = require("react/jsx-dev-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(DialogPrimitive.Overlay, {
+  ref,
+  className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+  ...props
+}, undefined, false, undefined, this));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var dialogContentVariants = import_class_variance_authority4.cva("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__ */ jsx_dev_runtime11.jsxDEV(DialogPortal, {
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(DialogOverlay, {}, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(DialogPrimitive.Content, {
+      ref,
+      className: cn(dialogContentVariants({ variant }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(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__ */ jsx_dev_runtime11.jsxDEV(import_lucide_react5.X, {
+              className: "h-4 w-4"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime11.jsxDEV("span", {
+              className: "sr-only",
+              children: "Close"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  ]
+}, undefined, true, undefined, this));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV("div", {
+  className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+  ...props
+}, undefined, false, undefined, this);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV("div", {
+  className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+  ...props
+}, undefined, false, undefined, this);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(DialogPrimitive.Title, {
+  ref,
+  className: cn("text-lg font-semibold leading-none tracking-tight", className),
+  ...props
+}, undefined, false, undefined, this));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx_dev_runtime11.jsxDEV(DialogPrimitive.Description, {
+  ref,
+  className: cn("text-sm text-muted-foreground", className),
+  ...props
+}, undefined, false, undefined, this));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+// src/ui/components/message.tsx
+var import_class_variance_authority5 = require("class-variance-authority");
+var jsx_dev_runtime12 = require("react/jsx-dev-runtime");
+var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV("div", {
+  className: cn("group flex w-full items-end justify-end gap-2 py-4", from === "user" ? "is-user" : "is-assistant flex-row-reverse justify-end", className),
+  ...props
+}, undefined, false, undefined, this);
+var messageContentVariants = import_class_variance_authority5.cva("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__ */ jsx_dev_runtime12.jsxDEV("div", {
+  className: cn(messageContentVariants({ variant, className })),
+  ...props,
+  children
+}, undefined, false, undefined, this);
+var MessageAvatar = ({ src, name, className, ...props }) => /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(Avatar, {
+  className: cn("size-8 ring-1 ring-border", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(AvatarImage, {
+      alt: "",
+      className: "mt-0 mb-0",
+      src
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime12.jsxDEV(AvatarFallback, {
+      children: name?.slice(0, 2) || "ME"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+// src/ui/components/conversation.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_react = require("react");
+var import_use_stick_to_bottom = require("use-stick-to-bottom");
+var import_use_stick_to_bottom2 = require("use-stick-to-bottom");
+var jsx_dev_runtime13 = require("react/jsx-dev-runtime");
+var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_use_stick_to_bottom.StickToBottom, {
+  className: cn("relative flex-1 overflow-y-auto", className),
+  initial: "smooth",
+  role: "log",
+  ...props
+}, undefined, false, undefined, this);
+var ConversationContent = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(import_use_stick_to_bottom.StickToBottom.Content, {
+  className: cn("p-4", className),
+  ...props
+}, undefined, false, undefined, this);
+var ConversationEmptyState = ({
+  className,
+  title = "No messages yet",
+  description = "Start a conversation to see messages here",
+  icon,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime13.jsxDEV("div", {
+  className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className),
+  ...props,
+  children: children ?? /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(jsx_dev_runtime13.Fragment, {
+    children: [
+      icon && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV("div", {
+        className: "text-muted-foreground",
+        children: icon
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime13.jsxDEV("div", {
+        className: "space-y-1",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime13.jsxDEV("h3", {
+            className: "font-medium text-sm",
+            children: title
+          }, undefined, false, undefined, this),
+          description && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV("p", {
+            className: "text-muted-foreground text-sm",
+            children: description
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this)
+}, undefined, false, undefined, this);
+var ConversationScrollButton = ({ className, ...props }) => {
+  const { isAtBottom, scrollToBottom } = import_use_stick_to_bottom.useStickToBottomContext();
+  const handleScrollToBottom = import_react.useCallback(() => {
+    scrollToBottom();
+  }, [scrollToBottom]);
+  return !isAtBottom && /* @__PURE__ */ jsx_dev_runtime13.jsxDEV(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__ */ jsx_dev_runtime13.jsxDEV(import_lucide_react6.ArrowDownIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+// src/ui/components/response.tsx
+var import_react2 = require("react");
+var import_streamdown = require("streamdown");
+var jsx_dev_runtime14 = require("react/jsx-dev-runtime");
+var Response = import_react2.memo(({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime14.jsxDEV(import_streamdown.Streamdown, {
+  className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className),
+  ...props
+}, undefined, false, undefined, this), (prevProps, nextProps) => prevProps.children === nextProps.children);
+Response.displayName = "Response";
+// src/ui/components/tool.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_react4 = require("react");
+
+// src/ui/components/code-block.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_react3 = require("react");
+var jsx_dev_runtime15 = require("react/jsx-dev-runtime");
+var CodeBlockContext = import_react3.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] = import_react3.useState("");
+  const [darkHtml, setDarkHtml] = import_react3.useState("");
+  const effectIdRef = import_react3.useRef(0);
+  import_react3.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__ */ jsx_dev_runtime15.jsxDEV(CodeBlockContext.Provider, {
+    value: { code },
+    children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("div", {
+      className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className),
+      ...props,
+      children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("div", {
+        className: "relative",
+        children: [
+          useFallback ? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("pre", {
+            className: "m-0 overflow-auto bg-background p-4 text-foreground text-sm",
+            children: /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("code", {
+              className: "font-mono text-sm",
+              children: code
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(jsx_dev_runtime15.Fragment, {
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("div", {
+                className: "overflow-hidden dark:hidden [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+                dangerouslySetInnerHTML: { __html: html }
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("div", {
+                className: "hidden overflow-hidden dark:block [&>pre]:m-0 [&>pre]:bg-background! [&>pre]:p-4 [&>pre]:text-foreground! [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm",
+                dangerouslySetInnerHTML: { __html: darkHtml }
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          children && /* @__PURE__ */ jsx_dev_runtime15.jsxDEV("div", {
+            className: "absolute top-2 right-2 flex items-center gap-2",
+            children
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+var CodeBlockCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}) => {
+  const [isCopied, setIsCopied] = import_react3.useState(false);
+  const { code } = import_react3.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 ? import_lucide_react7.CheckIcon : import_lucide_react7.CopyIcon;
+  return /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Button, {
+    className: cn("shrink-0", className),
+    onClick: copyToClipboard,
+    size: "icon",
+    variant: "ghost",
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx_dev_runtime15.jsxDEV(Icon2, {
+      size: 14
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+
+// src/ui/components/tool.tsx
+var jsx_dev_runtime16 = require("react/jsx-dev-runtime");
+var Tool = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Collapsible, {
+  className: cn("not-prose mb-4 w-full rounded-md border", className),
+  ...props
+}, undefined, false, undefined, this);
+var getStatusBadge = (status) => {
+  const labels = {
+    "input-streaming": "Pending",
+    "input-available": "Running",
+    "approval-requested": "Awaiting Approval",
+    "approval-responded": "Responded",
+    "output-available": "Completed",
+    "output-error": "Error",
+    "output-denied": "Denied"
+  };
+  const icons = {
+    "input-streaming": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.CircleIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this),
+    "input-available": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.ClockIcon, {
+      className: "size-4 animate-pulse"
+    }, undefined, false, undefined, this),
+    "approval-requested": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.ClockIcon, {
+      className: "size-4 text-yellow-600"
+    }, undefined, false, undefined, this),
+    "approval-responded": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.CheckCircleIcon, {
+      className: "size-4 text-blue-600"
+    }, undefined, false, undefined, this),
+    "output-available": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.CheckCircleIcon, {
+      className: "size-4 text-green-600"
+    }, undefined, false, undefined, this),
+    "output-error": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.XCircleIcon, {
+      className: "size-4 text-red-600"
+    }, undefined, false, undefined, this),
+    "output-denied": /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.XCircleIcon, {
+      className: "size-4 text-orange-600"
+    }, undefined, false, undefined, this)
+  };
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(Badge, {
+    className: "gap-1.5 rounded-full text-xs",
+    variant: "secondary",
+    children: [
+      icons[status],
+      labels[status]
+    ]
+  }, undefined, true, undefined, this);
+};
+var ToolHeader = ({ className, title, type, state, ...props }) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(CollapsibleTrigger2, {
+  className: cn("group flex w-full items-center justify-between gap-4 p-3", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("div", {
+      className: "flex items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.WrenchIcon, {
+          className: "size-4 text-muted-foreground"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("span", {
+          className: "font-medium text-sm",
+          children: title ?? type?.split("-").slice(1).join("-") ?? "Tool"
+        }, undefined, false, undefined, this),
+        getStatusBadge(state)
+      ]
+    }, undefined, true, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(import_lucide_react8.ChevronDownIcon, {
+      className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(CollapsibleContent2, {
+  className: cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+  ...props
+}, undefined, false, undefined, this);
+var ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("div", {
+  className: cn("space-y-2 overflow-hidden p-4", className),
+  ...props,
+  children: [
+    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("h4", {
+      className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+      children: "Parameters"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("div", {
+      className: "rounded-md bg-muted/50",
+      children: /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(CodeBlock, {
+        code: JSON.stringify(input, null, 2),
+        language: "json"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var ToolOutput = ({ className, output, errorText, ...props }) => {
+  if (!(output || errorText)) {
+    return null;
+  }
+  let Output = /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("div", {
+    children: output
+  }, undefined, false, undefined, this);
+  if (typeof output === "object" && !import_react4.isValidElement(output)) {
+    Output = /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(CodeBlock, {
+      code: JSON.stringify(output, null, 2),
+      language: "json"
+    }, undefined, false, undefined, this);
+  } else if (typeof output === "string") {
+    Output = /* @__PURE__ */ jsx_dev_runtime16.jsxDEV(CodeBlock, {
+      code: output,
+      language: "json"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("div", {
+    className: cn("space-y-2 p-4", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("h4", {
+        className: "font-medium text-muted-foreground text-xs uppercase tracking-wide",
+        children: errorText ? "Error" : "Result"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime16.jsxDEV("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__ */ jsx_dev_runtime16.jsxDEV("div", {
+            children: errorText
+          }, undefined, false, undefined, this),
+          Output
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/ui/components/artifact.tsx
+var import_lucide_react9 = require("lucide-react");
+var jsx_dev_runtime17 = require("react/jsx-dev-runtime");
+var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("div", {
+  className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactHeader = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("div", {
+  className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactClose = ({
+  className,
+  children,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Button, {
+  className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+  size,
+  type: "button",
+  variant,
+  ...props,
+  children: [
+    children ?? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(import_lucide_react9.XIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("span", {
+      className: "sr-only",
+      children: "Close"
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+var ArtifactTitle = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("p", {
+  className: cn("font-medium text-foreground text-sm", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactDescription = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("p", {
+  className: cn("text-muted-foreground text-sm", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactActions = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("div", {
+  className: cn("flex items-center gap-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon2,
+  children,
+  className,
+  size = "sm",
+  variant = "ghost",
+  ...props
+}) => {
+  const button = /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Button, {
+    className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className),
+    size,
+    type: "button",
+    variant,
+    ...props,
+    children: [
+      Icon2 ? /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Icon2, {
+        className: "size-4"
+      }, undefined, false, undefined, this) : children,
+      /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("span", {
+        className: "sr-only",
+        children: label || tooltip
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (tooltip) {
+    return /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TooltipProvider, {
+      children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(Tooltip, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TooltipTrigger, {
+            asChild: true,
+            children: button
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime17.jsxDEV(TooltipContent, {
+            children: /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("p", {
+              children: tooltip
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return button;
+};
+var ArtifactContent = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime17.jsxDEV("div", {
+  className: cn("flex-1 overflow-auto p-4", className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/components/streaming-indicator.tsx
+var import_lucide_react10 = require("lucide-react");
+var jsx_dev_runtime18 = require("react/jsx-dev-runtime");
+function StreamingIndicator({ className, icon, avatar, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("div", {
+    className: cn("flex items-start gap-3 px-1", className),
+    ...props,
+    children: [
+      avatar ?? /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("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__ */ jsx_dev_runtime18.jsxDEV(import_lucide_react10.Bot, {
+          className: "h-4 w-4 text-primary"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("div", {
+        className: "flex items-center gap-1.5 pt-2.5",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("span", {
+            className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("span", {
+            className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:150ms]"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime18.jsxDEV("span", {
+            className: "h-2 w-2 rounded-full bg-primary/60 animate-pulse [animation-delay:300ms]"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/ui/components/audio-recorder.tsx
+var import_react5 = require("react");
+var import_lucide_react11 = require("lucide-react");
+var jsx_dev_runtime19 = require("react/jsx-dev-runtime");
+function encodeWav(samples, sampleRate) {
+  const numChannels = 1;
+  const bitsPerSample = 16;
+  const byteRate = sampleRate * numChannels * (bitsPerSample / 8);
+  const blockAlign = numChannels * (bitsPerSample / 8);
+  const dataLength = samples.length * (bitsPerSample / 8);
+  const buffer = new ArrayBuffer(44 + dataLength);
+  const view = new DataView(buffer);
+  writeString(view, 0, "RIFF");
+  view.setUint32(4, 36 + dataLength, true);
+  writeString(view, 8, "WAVE");
+  writeString(view, 12, "fmt ");
+  view.setUint32(16, 16, true);
+  view.setUint16(20, 1, true);
+  view.setUint16(22, numChannels, true);
+  view.setUint32(24, sampleRate, true);
+  view.setUint32(28, byteRate, true);
+  view.setUint16(32, blockAlign, true);
+  view.setUint16(34, bitsPerSample, true);
+  writeString(view, 36, "data");
+  view.setUint32(40, dataLength, true);
+  let offset = 44;
+  for (let i = 0;i < samples.length; i++) {
+    const s = Math.max(-1, Math.min(1, samples[i]));
+    view.setInt16(offset, s < 0 ? s * 32768 : s * 32767, true);
+    offset += 2;
+  }
+  return new Blob([buffer], { type: "audio/wav" });
+}
+function writeString(view, offset, str) {
+  for (let i = 0;i < str.length; i++) {
+    view.setUint8(offset + i, str.charCodeAt(i));
+  }
+}
+function createWorkletUrl() {
+  const code = `
+class RecorderProcessor extends AudioWorkletProcessor {
+  constructor() {
+    super();
+    this._stopped = false;
+    this.port.onmessage = (e) => {
+      if (e.data === 'stop') this._stopped = true;
+    };
+  }
+  process(inputs) {
+    if (this._stopped) return false;
+    const input = inputs[0];
+    if (input && input[0]) {
+      this.port.postMessage(new Float32Array(input[0]));
+    }
+    return true;
+  }
+}
+registerProcessor('recorder-processor', RecorderProcessor);
+`;
+  const blob = new Blob([code], { type: "application/javascript" });
+  return URL.createObjectURL(blob);
+}
+function AudioRecorder({
+  onRecordingComplete,
+  disabled,
+  className,
+  mode = "send",
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  onTranscriptionComplete,
+  transcriptionFieldName = "file",
+  parseTranscriptionResponse,
+  onRequestPermission,
+  labels
+}) {
+  const [isRecording, setIsRecording] = import_react5.useState(false);
+  const [isTranscribing, setIsTranscribing] = import_react5.useState(false);
+  const [duration, setDuration] = import_react5.useState(0);
+  const [isSupported, setIsSupported] = import_react5.useState(true);
+  const streamRef = import_react5.useRef(null);
+  const audioContextRef = import_react5.useRef(null);
+  const workletNodeRef = import_react5.useRef(null);
+  const chunksRef = import_react5.useRef([]);
+  const timerRef = import_react5.useRef(null);
+  const workletUrlRef = import_react5.useRef(null);
+  const onTranscriptionCompleteRef = import_react5.useRef(onTranscriptionComplete);
+  onTranscriptionCompleteRef.current = onTranscriptionComplete;
+  import_react5.useEffect(() => {
+    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 = import_react5.useCallback(async () => {
+    try {
+      if (onRequestPermission) {
+        const granted = await onRequestPermission();
+        if (!granted)
+          return;
+      }
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      streamRef.current = stream;
+      const audioContext = new AudioContext;
+      audioContextRef.current = audioContext;
+      const workletUrl = createWorkletUrl();
+      workletUrlRef.current = workletUrl;
+      await audioContext.audioWorklet.addModule(workletUrl);
+      const source = audioContext.createMediaStreamSource(stream);
+      const workletNode = new AudioWorkletNode(audioContext, "recorder-processor");
+      workletNodeRef.current = workletNode;
+      chunksRef.current = [];
+      workletNode.port.onmessage = (e) => {
+        if (e.data instanceof Float32Array) {
+          chunksRef.current.push(e.data);
+        }
+      };
+      source.connect(workletNode);
+      workletNode.connect(audioContext.destination);
+      setIsRecording(true);
+      setDuration(0);
+      timerRef.current = setInterval(() => {
+        setDuration((prev) => prev + 1);
+      }, 1000);
+    } catch {
+      console.error("Failed to start recording");
+    }
+  }, [onRequestPermission]);
+  const stopRecording = import_react5.useCallback(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__ */ jsx_dev_runtime19.jsxDEV("div", {
+    className: cn("flex items-center gap-1", className),
+    children: [
+      isRecording && /* @__PURE__ */ jsx_dev_runtime19.jsxDEV("span", {
+        className: "text-xs text-destructive font-mono animate-pulse",
+        children: formatDuration(duration)
+      }, undefined, false, undefined, this),
+      isTranscribing ? /* @__PURE__ */ jsx_dev_runtime19.jsxDEV("span", {
+        className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(import_lucide_react11.Loader2, {
+            className: "size-3.5 animate-spin"
+          }, undefined, false, undefined, this),
+          resolvedLabels.transcribing
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(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__ */ jsx_dev_runtime19.jsxDEV(import_lucide_react11.Square, {
+          className: "size-4 fill-current"
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime19.jsxDEV(import_lucide_react11.Mic, {
+          className: "size-4"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/ui/components/smart-timestamp.tsx
+var jsx_dev_runtime20 = require("react/jsx-dev-runtime");
+function SmartTimestamp({ date, formatShort, className }) {
+  const shortText = formatShort ? formatShort(date) : formatSmartTimestamp(date);
+  const fullText = formatFullTimestamp(date);
+  return /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(TooltipProvider, {
+    children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(Tooltip, {
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(TooltipTrigger, {
+          asChild: true,
+          children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV("span", {
+            className,
+            children: shortText
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime20.jsxDEV(TooltipContent, {
+          children: /* @__PURE__ */ jsx_dev_runtime20.jsxDEV("p", {
+            children: fullText
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/ui/components/file-preview-card.tsx
+var import_lucide_react12 = require("lucide-react");
+var jsx_dev_runtime21 = require("react/jsx-dev-runtime");
+function ExtBadge({ ext }) {
+  if (!ext)
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("span", {
+    className: "absolute bottom-1.5 left-1.5 rounded px-1 py-0.5 text-[9px] font-semibold uppercase leading-none bg-background/80 text-muted-foreground border border-border/50 backdrop-blur-sm",
+    children: ext
+  }, undefined, false, undefined, this);
+}
+function FilePreviewCard({ file, onClick, className }) {
+  const previewType = getFilePreviewType(file.type);
+  const isClickable = !!onClick;
+  const ext = getFileExtension(file.name, file.type);
+  const cardBase = cn("group relative flex flex-col overflow-hidden rounded-xl border border-border bg-muted/20 w-28 h-28", isClickable && "cursor-pointer hover:border-foreground/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors", className);
+  if (previewType === "image" && file.url) {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("button", {
+      type: "button",
+      onClick,
+      disabled: !isClickable,
+      className: cardBase,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("img", {
+          src: file.url,
+          alt: file.name,
+          className: "w-full h-full object-cover"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ExtBadge, {
+          ext
+        }, undefined, false, undefined, this),
+        isClickable && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("div", {
+          className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/30 transition-colors",
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(import_lucide_react12.Search, {
+            className: "h-5 w-5 text-white opacity-0 group-hover:opacity-100 transition-opacity"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (previewType === "pdf" && file.url) {
+    return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("button", {
+      type: "button",
+      onClick,
+      disabled: !isClickable,
+      className: cardBase,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("div", {
+          className: "w-full h-full overflow-hidden pointer-events-none",
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("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__ */ jsx_dev_runtime21.jsxDEV("div", {
+              className: "flex items-center justify-center w-full h-full",
+              children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(import_lucide_react12.FileIcon, {
+                className: "h-8 w-8 text-muted-foreground/40"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ExtBadge, {
+          ext
+        }, undefined, false, undefined, this),
+        isClickable && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("div", {
+          className: "absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/10 transition-colors",
+          children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(import_lucide_react12.Search, {
+            className: "h-5 w-5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("button", {
+    type: "button",
+    onClick,
+    disabled: !isClickable,
+    className: cardBase,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("div", {
+        className: "flex-1 flex items-center justify-center",
+        children: /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(import_lucide_react12.FileIcon, {
+          className: "h-8 w-8 text-muted-foreground/40"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("div", {
+        className: "w-full text-center min-w-0 px-2 pb-2 space-y-0.5",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("p", {
+            className: "text-[10px] text-foreground truncate leading-tight",
+            title: file.name,
+            children: file.name
+          }, undefined, false, undefined, this),
+          file.size != null && file.size > 0 && /* @__PURE__ */ jsx_dev_runtime21.jsxDEV("p", {
+            className: "text-[9px] text-muted-foreground leading-tight",
+            children: formatFileSize(file.size)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime21.jsxDEV(ExtBadge, {
+        ext
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/ui/components/file-preview-modal.tsx
+var import_lucide_react13 = require("lucide-react");
+var jsx_dev_runtime22 = require("react/jsx-dev-runtime");
+function FilePreviewModal({ open, onOpenChange, file }) {
+  if (!file)
+    return null;
+  const previewType = getFilePreviewType(file.type);
+  const canPreview = isPreviewable(file.type) && !!file.url;
+  return /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(Dialog, {
+    open,
+    onOpenChange,
+    children: previewType === "image" && file.url ? /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogContent, {
+      variant: "lightbox",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogTitle, {
+          className: "sr-only",
+          children: file.name
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("img", {
+          src: file.url,
+          alt: file.name,
+          className: "max-h-[85vh] max-w-full object-contain rounded-md"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this) : previewType === "pdf" && file.url ? /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogContent, {
+      variant: "lightbox",
+      className: "w-[80vw] h-[85vh]",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogTitle, {
+          className: "sr-only",
+          children: file.name
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("object", {
+          data: file.url,
+          type: "application/pdf",
+          className: "w-full h-full rounded-md",
+          children: /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("div", {
+            className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("p", {
+                className: "text-sm",
+                children: "Unable to display PDF"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("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__ */ jsx_dev_runtime22.jsxDEV(import_lucide_react13.Download, {
+                    className: "h-4 w-4"
+                  }, undefined, false, undefined, this),
+                  "Download ",
+                  file.name
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogContent, {
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogHeader, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogTitle, {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(import_lucide_react13.FileIcon, {
+                  className: "h-5 w-5 text-muted-foreground"
+                }, undefined, false, undefined, this),
+                file.name
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(DialogDescription, {
+              children: [
+                file.size != null && file.size > 0 && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("span", {
+                  children: formatFileSize(file.size)
+                }, undefined, false, undefined, this),
+                !canPreview && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("span", {
+                  children: " · Preview not available for this file type"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("div", {
+          className: "flex flex-col items-center justify-center py-8 text-muted-foreground gap-3",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV(import_lucide_react13.FileIcon, {
+              className: "h-12 w-12"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("p", {
+              className: "text-sm",
+              children: "Preview not available"
+            }, undefined, false, undefined, this),
+            file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx_dev_runtime22.jsxDEV("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__ */ jsx_dev_runtime22.jsxDEV(import_lucide_react13.Download, {
+                  className: "h-4 w-4"
+                }, undefined, false, undefined, this),
+                "Download file"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/ui/components/image-lightbox.tsx
+var import_react6 = require("react");
+var import_lucide_react14 = require("lucide-react");
+var jsx_dev_runtime23 = require("react/jsx-dev-runtime");
+function ImageLightbox({ open, onOpenChange, images, initialIndex = 0 }) {
+  const [currentIndex, setCurrentIndex] = import_react6.useState(initialIndex);
+  const hasMultiple = images.length > 1;
+  import_react6.useEffect(() => {
+    if (open)
+      setCurrentIndex(initialIndex);
+  }, [open, initialIndex]);
+  const goNext = import_react6.useCallback(() => {
+    setCurrentIndex((i) => (i + 1) % images.length);
+  }, [images.length]);
+  const goPrev = import_react6.useCallback(() => {
+    setCurrentIndex((i) => (i - 1 + images.length) % images.length);
+  }, [images.length]);
+  import_react6.useEffect(() => {
+    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__ */ jsx_dev_runtime23.jsxDEV(Dialog, {
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(DialogContent, {
+      variant: "lightbox",
+      "aria-describedby": undefined,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(DialogTitle, {
+          className: "sr-only",
+          children: current.alt || `Image ${currentIndex + 1} of ${images.length}`
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("div", {
+          className: "relative flex items-center justify-center",
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("img", {
+              src: current.url,
+              alt: current.alt || "Image preview",
+              className: "max-h-[85vh] max-w-full object-contain rounded-md"
+            }, undefined, false, undefined, this),
+            hasMultiple && /* @__PURE__ */ jsx_dev_runtime23.jsxDEV(jsx_dev_runtime23.Fragment, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("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__ */ jsx_dev_runtime23.jsxDEV(import_lucide_react14.ChevronLeft, {
+                      className: "h-5 w-5"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("span", {
+                      className: "sr-only",
+                      children: "Previous image"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("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__ */ jsx_dev_runtime23.jsxDEV(import_lucide_react14.ChevronRight, {
+                      className: "h-5 w-5"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("span", {
+                      className: "sr-only",
+                      children: "Next image"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime23.jsxDEV("div", {
+                  className: "absolute bottom-2 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-xs text-white",
+                  children: [
+                    currentIndex + 1,
+                    " / ",
+                    images.length
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/ui/components/prompt-input/context.ts
+var import_react7 = require("react");
+var PromptInputController = import_react7.createContext(null);
+var ProviderAttachmentsContext = import_react7.createContext(null);
+var LocalAttachmentsContext = import_react7.createContext(null);
+var usePromptInputController = () => {
+  const ctx = import_react7.useContext(PromptInputController);
+  if (!ctx) {
+    throw new Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");
+  }
+  return ctx;
+};
+var useOptionalPromptInputController = () => import_react7.useContext(PromptInputController);
+var useProviderAttachments = () => {
+  const ctx = import_react7.useContext(ProviderAttachmentsContext);
+  if (!ctx) {
+    throw new Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");
+  }
+  return ctx;
+};
+var useOptionalProviderAttachments = () => import_react7.useContext(ProviderAttachmentsContext);
+var usePromptInputAttachments = () => {
+  const provider = useOptionalProviderAttachments();
+  const local = import_react7.useContext(LocalAttachmentsContext);
+  const context = provider ?? local;
+  if (!context) {
+    throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");
+  }
+  return context;
+};
+var DropZoneContext = import_react7.createContext({ isDraggingOver: false });
+var usePromptInputDropZone = () => import_react7.useContext(DropZoneContext);
+// src/ui/components/prompt-input/provider.tsx
+var import_react8 = require("react");
+var jsx_dev_runtime24 = require("react/jsx-dev-runtime");
+function generateId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+function PromptInputProvider({ initialInput: initialTextInput = "", children }) {
+  const [textInput, setTextInput] = import_react8.useState(initialTextInput);
+  const clearInput = import_react8.useCallback(() => setTextInput(""), []);
+  const [fileItems, setFileItems] = import_react8.useState([]);
+  const fileInputRef = import_react8.useRef(null);
+  const openRef = import_react8.useRef(() => {});
+  const add = import_react8.useCallback((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 = import_react8.useCallback((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 = import_react8.useCallback(() => {
+    setFileItems((prev) => {
+      for (const f of prev)
+        if (f.url)
+          URL.revokeObjectURL(f.url);
+      return [];
+    });
+  }, []);
+  const openFileDialog = import_react8.useCallback(() => {
+    openRef.current?.();
+  }, []);
+  const attachments = import_react8.useMemo(() => ({
+    files: fileItems,
+    add,
+    remove,
+    clear,
+    openFileDialog,
+    fileInputRef
+  }), [fileItems, add, remove, clear, openFileDialog]);
+  const __registerFileInput = import_react8.useCallback((ref, open) => {
+    fileInputRef.current = ref.current;
+    openRef.current = open;
+  }, []);
+  const controller = import_react8.useMemo(() => ({
+    textInput: { value: textInput, setInput: setTextInput, clear: clearInput },
+    attachments,
+    __registerFileInput
+  }), [textInput, clearInput, attachments, __registerFileInput]);
+  return /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(PromptInputController.Provider, {
+    value: controller,
+    children: /* @__PURE__ */ jsx_dev_runtime24.jsxDEV(ProviderAttachmentsContext.Provider, {
+      value: attachments,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/ui/components/prompt-input/prompt-input.tsx
+var import_react9 = require("react");
+var jsx_dev_runtime25 = require("react/jsx-dev-runtime");
+function generateId2() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return Math.random().toString(36).slice(2) + Date.now().toString(36);
+}
+var PromptInput = ({
+  className,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  dragListenerTarget,
+  onError,
+  onSubmit,
+  children,
+  ...props
+}) => {
+  const controller = useOptionalPromptInputController();
+  const usingProvider = !!controller;
+  const inputRef = import_react9.useRef(null);
+  const formRef = import_react9.useRef(null);
+  const [items, setItems] = import_react9.useState([]);
+  const files = usingProvider ? controller.attachments.files : items;
+  const [isDraggingOver, setIsDraggingOver] = import_react9.useState(false);
+  const dragCounter = import_react9.useRef(0);
+  const openFileDialogLocal = import_react9.useCallback(() => {
+    inputRef.current?.click();
+  }, []);
+  const matchesAccept = import_react9.useCallback((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 = import_react9.useCallback((fileList) => {
+    const incoming = Array.from(fileList);
+    const accepted = incoming.filter((f) => matchesAccept(f));
+    if (incoming.length && accepted.length === 0) {
+      onError?.({ code: "accept", message: "No files match the accepted types." });
+      return;
+    }
+    const withinSize = (f) => maxFileSize ? f.size <= maxFileSize : true;
+    const sized = accepted.filter(withinSize);
+    if (accepted.length > 0 && sized.length === 0) {
+      onError?.({ code: "max_file_size", message: "All files exceed the maximum size." });
+      return;
+    }
+    setItems((prev) => {
+      const capacity = typeof maxFiles === "number" ? Math.max(0, maxFiles - prev.length) : undefined;
+      const capped = typeof capacity === "number" ? sized.slice(0, capacity) : sized;
+      if (typeof capacity === "number" && sized.length > capacity) {
+        onError?.({ code: "max_files", message: "Too many files. Some were not added." });
+      }
+      const next = [];
+      for (const file of capped) {
+        next.push({
+          id: generateId2(),
+          type: "file",
+          url: URL.createObjectURL(file),
+          mediaType: file.type,
+          filename: file.name
+        });
+      }
+      return prev.concat(next);
+    });
+  }, [matchesAccept, maxFiles, maxFileSize, onError]);
+  const add = usingProvider ? (fileList) => controller.attachments.add(fileList) : addLocal;
+  const remove = usingProvider ? (id) => controller.attachments.remove(id) : (id) => setItems((prev) => {
+    const found = prev.find((file) => file.id === id);
+    if (found?.url)
+      URL.revokeObjectURL(found.url);
+    return prev.filter((file) => file.id !== id);
+  });
+  const clear = usingProvider ? () => controller.attachments.clear() : () => setItems((prev) => {
+    for (const file of prev)
+      if (file.url)
+        URL.revokeObjectURL(file.url);
+    return [];
+  });
+  const openFileDialog = usingProvider ? () => controller.attachments.openFileDialog() : openFileDialogLocal;
+  import_react9.useEffect(() => {
+    if (!usingProvider)
+      return;
+    controller.__registerFileInput(inputRef, () => inputRef.current?.click());
+  }, [usingProvider, controller]);
+  import_react9.useEffect(() => {
+    if (syncHiddenInput && inputRef.current && files.length === 0) {
+      inputRef.current.value = "";
+    }
+  }, [files, syncHiddenInput]);
+  import_react9.useEffect(() => {
+    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]);
+  import_react9.useEffect(() => {
+    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 = import_react9.useRef(files);
+  filesRef.current = files;
+  import_react9.useEffect(() => () => {
+    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 = import_react9.useMemo(() => ({
+    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 = import_react9.useMemo(() => ({ isDraggingOver }), [isDraggingOver]);
+  const inner = /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(DropZoneContext.Provider, {
+    value: dropZoneValue,
+    children: /* @__PURE__ */ jsx_dev_runtime25.jsxDEV("form", {
+      className: cn("relative w-full", className),
+      onSubmit: handleSubmit,
+      ref: formRef,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV("input", {
+          accept,
+          "aria-label": "Upload files",
+          className: "hidden",
+          multiple,
+          onChange: handleChange,
+          ref: inputRef,
+          title: "Upload files",
+          type: "file"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(InputGroup, {
+          children
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+  return usingProvider ? inner : /* @__PURE__ */ jsx_dev_runtime25.jsxDEV(LocalAttachmentsContext.Provider, {
+    value: ctx,
+    children: inner
+  }, undefined, false, undefined, this);
+};
+// src/ui/components/prompt-input/textarea.tsx
+var import_react10 = require("react");
+var jsx_dev_runtime26 = require("react/jsx-dev-runtime");
+var PromptInputTextarea = ({
+  onChange,
+  className,
+  placeholder = "What would you like to know?",
+  ...props
+}) => {
+  const controller = useOptionalPromptInputController();
+  const attachments = usePromptInputAttachments();
+  const [isComposing, setIsComposing] = import_react10.useState(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__ */ jsx_dev_runtime26.jsxDEV(InputGroupTextarea, {
+    className: cn("[field-sizing:content] max-h-48 text-base", className),
+    rows: 1,
+    name: "message",
+    onCompositionEnd: () => setIsComposing(false),
+    onCompositionStart: () => setIsComposing(true),
+    onKeyDown: handleKeyDown,
+    onPaste: handlePaste,
+    placeholder,
+    ...props,
+    ...controlledProps
+  }, undefined, false, undefined, this);
+};
+// src/ui/components/prompt-input/attachments.tsx
+var import_lucide_react15 = require("lucide-react");
+var import_react11 = require("react");
+var jsx_dev_runtime27 = require("react/jsx-dev-runtime");
+function PromptInputAttachment({ data, className, ...props }) {
+  const attachments = usePromptInputAttachments();
+  const filename = data.filename || "";
+  const isImage = data.mediaType?.startsWith("image/") && data.url;
+  const isAudio = data.mediaType?.startsWith("audio/");
+  const attachmentLabel = filename || (isImage ? "Image" : isAudio ? "Audio" : "Attachment");
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(HoverCard, {
+    openDelay: 0,
+    closeDelay: 0,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(HoverCardTrigger, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("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__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "relative size-5 shrink-0",
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("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__ */ jsx_dev_runtime27.jsxDEV("img", {
+                    alt: filename || "attachment",
+                    className: "size-5 object-cover",
+                    height: 20,
+                    src: data.url,
+                    width: 20
+                  }, undefined, false, undefined, this) : isAudio ? /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+                    className: "flex size-5 items-center justify-center text-muted-foreground",
+                    children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_lucide_react15.MicIcon, {
+                      className: "size-3"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+                    className: "flex size-5 items-center justify-center text-muted-foreground",
+                    children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_lucide_react15.PaperclipIcon, {
+                      className: "size-3"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(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__ */ jsx_dev_runtime27.jsxDEV(import_lucide_react15.XIcon, {}, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("span", {
+                      className: "sr-only",
+                      children: "Remove"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("span", {
+              className: "flex-1 truncate",
+              children: attachmentLabel
+            }, undefined, false, undefined, this)
+          ]
+        }, data.id, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(HoverCardContent, {
+        align: "start",
+        className: "w-auto p-2",
+        children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+          className: "w-auto space-y-3",
+          children: [
+            isImage && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "flex max-h-96 w-96 items-center justify-center overflow-hidden rounded-md border",
+              children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("img", {
+                alt: filename || "attachment preview",
+                className: "max-h-full max-w-full object-contain",
+                height: 384,
+                src: data.url,
+                width: 448
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            isAudio && data.url && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "w-64",
+              children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("audio", {
+                src: data.url,
+                controls: true,
+                className: "w-full"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+              className: "flex items-center gap-2.5",
+              children: /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("div", {
+                className: "min-w-0 flex-1 space-y-1 px-0.5",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("h4", {
+                    className: "truncate font-semibold text-sm leading-none",
+                    children: filename || (isImage ? "Image" : "Attachment")
+                  }, undefined, false, undefined, this),
+                  data.mediaType && /* @__PURE__ */ jsx_dev_runtime27.jsxDEV("p", {
+                    className: "truncate font-mono text-muted-foreground text-xs",
+                    children: data.mediaType
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function PromptInputAttachments({ children }) {
+  const attachments = usePromptInputAttachments();
+  if (!attachments.files.length)
+    return null;
+  return attachments.files.map((file) => /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_react11.Fragment, {
+    children: children(file)
+  }, file.id, false, undefined, this));
+}
+var PromptInputActionAddAttachments = ({
+  label = "Add photos or files",
+  ...props
+}) => {
+  const attachments = usePromptInputAttachments();
+  return /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(DropdownMenuItem, {
+    ...props,
+    onSelect: () => {
+      attachments.openFileDialog();
+    },
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime27.jsxDEV(import_lucide_react15.ImageIcon, {
+        className: "mr-2 size-4"
+      }, undefined, false, undefined, this),
+      " ",
+      label
+    ]
+  }, undefined, true, undefined, this);
+};
+// src/ui/components/prompt-input/footer.tsx
+var jsx_dev_runtime28 = require("react/jsx-dev-runtime");
+var PromptInputBody = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV("div", {
+  className: cn("contents", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputHeader = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(InputGroupAddon, {
+  align: "block-start",
+  className: cn("flex-wrap gap-1 empty:hidden empty:p-0", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputFooter = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV(InputGroupAddon, {
+  align: "block-end",
+  className: cn("justify-between gap-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTools = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime28.jsxDEV("div", {
+  className: cn("flex items-center gap-1", className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/components/prompt-input/buttons.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_react12 = require("react");
+var jsx_dev_runtime29 = require("react/jsx-dev-runtime");
+var PromptInputButton = ({
+  variant = "ghost",
+  className,
+  size,
+  ...props
+}) => {
+  const newSize = size ?? (import_react12.Children.count(props.children) > 1 ? "sm" : "icon-sm");
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(InputGroupButton, {
+    className: cn(className),
+    size: newSize,
+    type: "button",
+    variant,
+    ...props
+  }, undefined, false, undefined, this);
+};
+var PromptInputSubmit = ({
+  className,
+  variant = "default",
+  size = "icon-sm",
+  status,
+  children,
+  ...props
+}) => {
+  let Icon2 = /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_lucide_react16.SendIcon, {
+    className: "size-4"
+  }, undefined, false, undefined, this);
+  if (status === "submitted") {
+    Icon2 = /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_lucide_react16.Loader2Icon, {
+      className: "size-4 animate-spin"
+    }, undefined, false, undefined, this);
+  } else if (status === "streaming") {
+    Icon2 = /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_lucide_react16.SquareIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this);
+  } else if (status === "error") {
+    Icon2 = /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_lucide_react16.XIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(InputGroupButton, {
+    "aria-label": "Submit",
+    className: cn(className),
+    size,
+    type: "submit",
+    variant,
+    ...props,
+    children: children ?? Icon2
+  }, undefined, false, undefined, this);
+};
+var PromptInputActionMenu = (props) => /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(DropdownMenu, {
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(DropdownMenuTrigger, {
+  asChild: true,
+  children: /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(PromptInputButton, {
+    className,
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(import_lucide_react16.PlusIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this)
+}, undefined, false, undefined, this);
+var PromptInputActionMenuContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(DropdownMenuContent, {
+  align: "start",
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputActionMenuItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime29.jsxDEV(DropdownMenuItem, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/components/prompt-input/drop-zone.tsx
+var import_lucide_react17 = require("lucide-react");
+var import_react_dom = require("react-dom");
+var jsx_dev_runtime30 = require("react/jsx-dev-runtime");
+var PromptInputDropZone = ({
+  label = "Drop files here",
+  className,
+  container,
+  ...props
+}) => {
+  const { isDraggingOver } = usePromptInputDropZone();
+  const overlay = /* @__PURE__ */ jsx_dev_runtime30.jsxDEV("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__ */ jsx_dev_runtime30.jsxDEV(import_lucide_react17.Upload, {
+        className: "size-14"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime30.jsxDEV("span", {
+        className: "text-sm font-medium mt-2",
+        children: label
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (container?.current) {
+    return import_react_dom.createPortal(overlay, container.current);
+  }
+  return overlay;
+};
+// src/ui/components/prompt-input/speech.tsx
+var import_lucide_react18 = require("lucide-react");
+var import_react13 = require("react");
+var jsx_dev_runtime31 = require("react/jsx-dev-runtime");
+var PromptInputSpeechButton = ({
+  className,
+  onTranscriptionChange,
+  lang = "en-US",
+  ...props
+}) => {
+  const [isListening, setIsListening] = import_react13.useState(false);
+  const [recognition, setRecognition] = import_react13.useState(null);
+  const recognitionRef = import_react13.useRef(null);
+  const onTranscriptionChangeRef = import_react13.useRef(onTranscriptionChange);
+  onTranscriptionChangeRef.current = onTranscriptionChange;
+  const controller = useOptionalPromptInputController();
+  import_react13.useEffect(() => {
+    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 = import_react13.useCallback(() => {
+    if (!recognition)
+      return;
+    if (isListening)
+      recognition.stop();
+    else
+      recognition.start();
+  }, [recognition, isListening]);
+  return /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(PromptInputButton, {
+    className: cn("relative transition-all duration-200", isListening && "animate-pulse bg-accent text-accent-foreground", className),
+    disabled: !recognition,
+    onClick: toggleListening,
+    ...props,
+    children: /* @__PURE__ */ jsx_dev_runtime31.jsxDEV(import_lucide_react18.MicIcon, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+// src/ui/components/prompt-input/model-select.tsx
+var jsx_dev_runtime32 = require("react/jsx-dev-runtime");
+var PromptInputModelSelect = (props) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(Select, {
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectTrigger = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectTrigger, {
+  className: cn("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors", 'hover:bg-accent hover:text-foreground [&[aria-expanded="true"]]:bg-accent [&[aria-expanded="true"]]:text-foreground', className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectContent = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectContent, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectItem = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectItem, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputModelSelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime32.jsxDEV(SelectValue, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/components/prompt-input/tabs.tsx
+var jsx_dev_runtime33 = require("react/jsx-dev-runtime");
+var PromptInputTabsList = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTab = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTabLabel = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("h3", {
+  className: cn("mb-2 px-3 font-medium text-muted-foreground text-xs", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTabBody = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+  className: cn("space-y-1", className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputTabItem = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime33.jsxDEV("div", {
+  className: cn("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent", className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/components/prompt-input/command.tsx
+var jsx_dev_runtime34 = require("react/jsx-dev-runtime");
+var PromptInputCommand = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(Command, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandInput = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandInput, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandList = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandList, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandEmpty, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandGroup, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandItem, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+var PromptInputCommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx_dev_runtime34.jsxDEV(CommandSeparator, {
+  className: cn(className),
+  ...props
+}, undefined, false, undefined, this);
+// src/ui/composed/agno-chat/agno-chat.tsx
+var import_react15 = require("react");
+var import_agno_react = require("@rodrigocoliveira/agno-react");
+
+// src/ui/composed/agno-chat/context.ts
+var import_react14 = require("react");
+var AgnoChatContext = import_react14.createContext(null);
+function useAgnoChatContext() {
+  const ctx = import_react14.useContext(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
+var jsx_dev_runtime35 = require("react/jsx-dev-runtime");
+function AgnoChatRoot({
+  children,
+  toolHandlers = {},
+  autoExecuteTools = true,
+  className,
+  ...divProps
+}) {
+  const chat = import_agno_react.useAgnoChat();
+  const toolExec = import_agno_react.useAgnoToolExecution(toolHandlers, autoExecuteTools);
+  const containerRef = import_react15.useRef(null);
+  const sendRef = import_react15.useRef(chat.sendMessage);
+  sendRef.current = chat.sendMessage;
+  const handleSend = import_react15.useCallback(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 = import_react15.useMemo(() => ({
+    messages,
+    sendMessage,
+    clearMessages,
+    cancelRun,
+    isStreaming,
+    isRefreshing,
+    isCancelling: isCancelling ?? false,
+    currentRunId,
+    error,
+    state,
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError,
+    handleSend,
+    inputDisabled: isStreaming || isPaused,
+    dropZoneContainerRef: containerRef
+  }), [
+    messages,
+    sendMessage,
+    clearMessages,
+    cancelRun,
+    isStreaming,
+    isRefreshing,
+    isCancelling,
+    currentRunId,
+    error,
+    state,
+    isPaused,
+    isExecuting,
+    pendingTools,
+    executeAndContinue,
+    executeTools,
+    continueWithResults,
+    executionError,
+    handleSend
+  ]);
+  return /* @__PURE__ */ jsx_dev_runtime35.jsxDEV(AgnoChatContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsx_dev_runtime35.jsxDEV("div", {
+      ref: containerRef,
+      className: cn("relative h-full flex flex-col", className),
+      ...divProps,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/messages.tsx
+var import_react17 = require("react");
+
+// src/ui/composed/AgnoMessageItem.tsx
+var import_react16 = require("react");
+var import_agno_react2 = require("@rodrigocoliveira/agno-react");
+var import_lucide_react19 = require("lucide-react");
+var jsx_dev_runtime36 = require("react/jsx-dev-runtime");
+var defaultFormatTimestamp = formatSmartTimestamp;
+var getToolState = (tool) => {
+  return tool.tool_call_error ? "output-error" : "output-available";
+};
+function AgnoMessageItem({
+  message,
+  className,
+  classNames,
+  renderContent,
+  renderToolCall,
+  renderMedia,
+  renderActions,
+  userAvatar,
+  assistantAvatar,
+  showReasoning = true,
+  showReferences = true,
+  showTimestamp = true,
+  showGenerativeUI = true,
+  showToolCalls = true,
+  showFilePreview = true,
+  showImageLightbox = true,
+  formatTimestamp
+}) {
+  const isUser = message.role === "user";
+  const hasError = message.streamingError;
+  const toolsWithUI = message.tool_calls?.filter((tool) => tool.ui_component) || [];
+  const [preview, setPreview] = import_react16.useState(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__ */ jsx_dev_runtime36.jsxDEV("div", {
+    className: cn("py-5 first:pt-2", isUser ? "flex justify-end" : "", classNames?.root, className),
+    children: [
+      isUser ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+        className: "flex items-start gap-2.5 max-w-[80%] flex-row-reverse",
+        children: [
+          userAvatar,
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV("div", {
+                className: "flex flex-wrap gap-2 justify-end",
+                children: [
+                  message.images?.map((img, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(FilePreviewCard, {
+                    file: { name: img.revised_prompt || `Image ${idx + 1}`, type: "image/png", url: img.url },
+                    onClick: showImageLightbox ? () => openImageLightbox(message.images.map((i) => ({ url: i.url, alt: i.revised_prompt })), idx) : undefined
+                  }, `img-${idx}`, false, undefined, this)),
+                  message.audio?.map((audio, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Music, {
+                        className: "h-3.5 w-3.5 text-muted-foreground"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                        className: "truncate max-w-[150px]",
+                        children: audio.id || `Audio ${idx + 1}`
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, `audio-${idx}`, true, undefined, this)),
+                  message.files?.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(FilePreviewCard, {
+                    file: { name: file.name, type: file.type, url: file.url, size: file.size },
+                    onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
+                  }, `file-${idx}`, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.FileIcon, {
+                        className: "h-3.5 w-3.5 text-muted-foreground"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                        className: "truncate max-w-[150px]",
+                        children: file.name
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, `file-${idx}`, true, undefined, this))
+                ]
+              }, undefined, true, undefined, this),
+              message.content && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV("p", {
+                  className: "text-sm whitespace-pre-wrap",
+                  children: message.content
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              showTimestamp && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                className: "flex items-center justify-end gap-1.5 px-1",
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(SmartTimestamp, {
+                    date: new Date(message.created_at * 1000),
+                    formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
+                    className: "text-[11px] text-muted-foreground"
+                  }, undefined, false, undefined, this),
+                  hasError && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.AlertCircle, {
+                    className: "h-3 w-3 text-destructive"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+        className: "flex items-start gap-3",
+        children: [
+          assistantAvatar,
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+            className: cn("flex-1 min-w-0 space-y-3", classNames?.assistantContainer),
+            children: [
+              renderContent ? renderContent(message) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(jsx_dev_runtime36.Fragment, {
+                children: [
+                  showReasoning && message.extra_data?.reasoning_steps && message.extra_data.reasoning_steps.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                    className: cn("space-y-2 pt-1", classNames?.reasoning),
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                        className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Lightbulb, {
+                            className: "h-3.5 w-3.5"
+                          }, undefined, false, undefined, this),
+                          "Reasoning (",
+                          message.extra_data.reasoning_steps.length,
+                          " steps)"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Accordion, {
+                        type: "multiple",
+                        className: "w-full",
+                        children: message.extra_data.reasoning_steps.map((step, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(AccordionItem, {
+                          value: `reasoning-${idx}`,
+                          className: "border-muted",
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(AccordionTrigger, {
+                              className: "text-xs py-1.5 hover:no-underline",
+                              children: step.title || `Step ${idx + 1}`
+                            }, undefined, false, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(AccordionContent, {
+                              className: "space-y-1.5 text-xs text-muted-foreground",
+                              children: [
+                                step.action && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Action:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.action
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.reasoning && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Reasoning:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.reasoning
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.result && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Result:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    step.result
+                                  ]
+                                }, undefined, true, undefined, this),
+                                step.confidence !== undefined && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  children: [
+                                    /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                      className: "font-medium text-foreground",
+                                      children: "Confidence:"
+                                    }, undefined, false, undefined, this),
+                                    " ",
+                                    (step.confidence * 100).toFixed(1),
+                                    "%"
+                                  ]
+                                }, undefined, true, undefined, this)
+                              ]
+                            }, undefined, true, undefined, this)
+                          ]
+                        }, idx, true, undefined, this))
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  message.content && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV(Response, {
+                      children: message.content
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  showGenerativeUI && toolsWithUI.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                    className: "space-y-3",
+                    children: toolsWithUI.map((tool) => {
+                      const uiComponent = tool.ui_component;
+                      return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                        children: uiComponent.layout === "artifact" ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Artifact, {
+                          children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_agno_react2.GenerativeUIRenderer, {
+                            spec: uiComponent,
+                            className: "w-full p-2"
+                          }, undefined, false, undefined, this)
+                        }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_agno_react2.GenerativeUIRenderer, {
+                          spec: uiComponent,
+                          className: "w-full"
+                        }, undefined, false, undefined, this)
+                      }, tool.tool_call_id, false, undefined, this);
+                    })
+                  }, undefined, false, undefined, this),
+                  renderMedia ? renderMedia(message) : (() => {
+                    const mediaClassName = classNames?.media;
+                    return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(jsx_dev_runtime36.Fragment, {
+                      children: [
+                        message.images && message.images.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Image, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Images (",
+                                message.images.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "grid grid-cols-2 gap-2",
+                              children: message.images.map((img, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                className: "space-y-1",
+                                children: [
+                                  showImageLightbox ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV("img", {
+                                      src: img.url,
+                                      alt: img.revised_prompt || "Generated image",
+                                      className: "w-full rounded-lg"
+                                    }, undefined, false, undefined, this)
+                                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("img", {
+                                    src: img.url,
+                                    alt: img.revised_prompt || "Generated image",
+                                    className: "w-full rounded-lg border border-border"
+                                  }, undefined, false, undefined, this),
+                                  img.revised_prompt && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("p", {
+                                    className: "text-[11px] text-muted-foreground italic px-0.5",
+                                    children: img.revised_prompt
+                                  }, undefined, false, undefined, this)
+                                ]
+                              }, idx, true, undefined, this))
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.videos && message.videos.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Video, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Videos (",
+                                message.videos.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "space-y-2",
+                              children: message.videos.map((video, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                children: video.url ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("video", {
+                                  src: video.url,
+                                  controls: true,
+                                  className: "w-full rounded-lg border border-border"
+                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
+                                  children: [
+                                    "Video ID: ",
+                                    video.id,
+                                    " (ETA: ",
+                                    video.eta,
+                                    "s)"
+                                  ]
+                                }, undefined, true, undefined, this)
+                              }, idx, false, undefined, this))
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.audio && message.audio.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Music, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Audio (",
+                                message.audio.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "space-y-2",
+                              children: message.audio.map((audio, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                children: audio.url ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("audio", {
+                                  src: audio.url,
+                                  controls: true,
+                                  className: "w-full"
+                                }, undefined, false, undefined, this) : audio.base64_audio ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("audio", {
+                                  src: `data:${audio.mime_type || "audio/wav"};base64,${audio.base64_audio}`,
+                                  controls: true,
+                                  className: "w-full"
+                                }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  className: "bg-muted/50 border border-border p-2.5 rounded-lg text-xs text-muted-foreground",
+                                  children: "Audio data unavailable"
+                                }, undefined, false, undefined, this)
+                              }, idx, false, undefined, this))
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.files && message.files.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Paperclip, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Files (",
+                                message.files.length,
+                                ")"
+                              ]
+                            }, undefined, true, undefined, this),
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex flex-wrap gap-2",
+                              children: message.files.map((file, idx) => showFilePreview ? /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(FilePreviewCard, {
+                                file: { name: file.name, type: file.type, url: file.url, size: file.size },
+                                onClick: () => openFilePreview({ name: file.name, type: file.type, url: file.url, size: file.size })
+                              }, idx, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("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__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.FileIcon, {
+                                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
+                                  }, undefined, false, undefined, this),
+                                  /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                    className: "truncate max-w-[180px]",
+                                    children: file.name
+                                  }, undefined, false, undefined, this),
+                                  file.size && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                                    className: "text-muted-foreground/70",
+                                    children: [
+                                      "(",
+                                      (file.size / 1024).toFixed(1),
+                                      "KB)"
+                                    ]
+                                  }, undefined, true, undefined, this),
+                                  file.url && /^https?:\/\//i.test(file.url) && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("a", {
+                                    href: file.url,
+                                    target: "_blank",
+                                    rel: "noopener noreferrer",
+                                    className: "text-primary hover:underline font-medium",
+                                    children: "View"
+                                  }, undefined, false, undefined, this)
+                                ]
+                              }, idx, true, undefined, this))
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this),
+                        message.response_audio && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: cn("space-y-2 pt-1", mediaClassName),
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.Music, {
+                                  className: "h-3.5 w-3.5"
+                                }, undefined, false, undefined, this),
+                                "Response Audio"
+                              ]
+                            }, undefined, true, undefined, this),
+                            message.response_audio.transcript && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "text-xs italic bg-muted/50 border border-border p-2.5 rounded-lg text-muted-foreground",
+                              children: [
+                                '"',
+                                message.response_audio.transcript,
+                                '"'
+                              ]
+                            }, undefined, true, undefined, this),
+                            message.response_audio.content && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("audio", {
+                              src: `data:audio/wav;base64,${message.response_audio.content}`,
+                              controls: true,
+                              className: "w-full"
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this);
+                  })(),
+                  showToolCalls && message.tool_calls && message.tool_calls.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                    className: cn("space-y-2 pt-1", classNames?.toolCalls),
+                    children: message.tool_calls.map((tool, idx) => renderToolCall ? renderToolCall(tool, idx) : /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Tool, {
+                      defaultOpen: idx === 0,
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ToolHeader, {
+                          title: tool.tool_name,
+                          type: "tool-use",
+                          state: getToolState(tool)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ToolContent, {
+                          children: [
+                            /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ToolInput, {
+                              input: tool.tool_args
+                            }, undefined, false, undefined, this),
+                            tool.content && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ToolOutput, {
+                              output: tool.content,
+                              errorText: tool.tool_call_error ? "Tool execution failed" : undefined
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, tool.tool_call_id || idx, true, undefined, this))
+                  }, undefined, false, undefined, this),
+                  showReferences && message.extra_data?.references && message.extra_data.references.length > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                    className: cn("space-y-2 pt-1", classNames?.references),
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                        className: "flex items-center gap-2 text-xs font-medium text-muted-foreground",
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.FileText, {
+                            className: "h-3.5 w-3.5"
+                          }, undefined, false, undefined, this),
+                          "References (",
+                          message.extra_data.references.length,
+                          ")"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                        className: "space-y-2",
+                        children: message.extra_data.references.map((refData, idx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                          className: "text-xs space-y-1.5",
+                          children: [
+                            refData.query && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "font-medium text-foreground",
+                              children: [
+                                "Query: ",
+                                refData.query
+                              ]
+                            }, undefined, true, undefined, this),
+                            refData.references.map((ref, refIdx) => /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                              className: "bg-muted/50 border border-border p-2.5 rounded-lg",
+                              children: [
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  className: "italic text-muted-foreground mb-1",
+                                  children: [
+                                    '"',
+                                    ref.content,
+                                    '"'
+                                  ]
+                                }, undefined, true, undefined, this),
+                                /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                                  className: "text-muted-foreground/70",
+                                  children: [
+                                    "Source: ",
+                                    ref.name,
+                                    " (chunk ",
+                                    ref.meta_data.chunk,
+                                    "/",
+                                    ref.meta_data.chunk_size,
+                                    ")"
+                                  ]
+                                }, undefined, true, undefined, this)
+                              ]
+                            }, refIdx, true, undefined, this))
+                          ]
+                        }, idx, true, undefined, this))
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              (renderActions || showTimestamp || hasError) && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                className: "flex items-center gap-2 pt-1",
+                children: [
+                  renderActions && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("div", {
+                    className: cn("flex items-center gap-1", classNames?.actions),
+                    children: renderActions(message)
+                  }, undefined, false, undefined, this),
+                  hasError && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV("span", {
+                    className: "flex items-center gap-1 text-[11px] text-destructive",
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(import_lucide_react19.AlertCircle, {
+                        className: "h-3 w-3"
+                      }, undefined, false, undefined, this),
+                      "Error"
+                    ]
+                  }, undefined, true, undefined, this),
+                  showTimestamp && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(SmartTimestamp, {
+                    date: new Date(message.created_at * 1000),
+                    formatShort: isCustomTimestamp ? resolvedFormatTimestamp : undefined,
+                    className: "text-[11px] text-muted-foreground"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      preview?.type === "image" && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(ImageLightbox, {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open)
+            closePreview();
+        },
+        images: preview.images,
+        initialIndex: preview.initialIndex
+      }, undefined, false, undefined, this),
+      preview?.type === "file" && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(FilePreviewModal, {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open)
+            closePreview();
+        },
+        file: preview.file
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/composed/agno-chat/suggested-prompts.tsx
+var jsx_dev_runtime37 = require("react/jsx-dev-runtime");
+function AgnoChatSuggestedPrompts({ className, prompts }) {
+  const { handleSend } = useAgnoChatContext();
+  if (prompts.length === 0)
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("div", {
+    className: cn("grid grid-cols-2 gap-2 w-full max-w-md", className),
+    children: prompts.map((prompt, idx) => /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("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__ */ jsx_dev_runtime37.jsxDEV("span", {
+          className: "text-muted-foreground group-hover:text-primary transition-colors",
+          children: prompt.icon
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime37.jsxDEV("span", {
+          className: "text-muted-foreground group-hover:text-foreground transition-colors text-xs leading-snug",
+          children: prompt.text
+        }, undefined, false, undefined, this)
+      ]
+    }, idx, true, undefined, this))
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/messages.tsx
+var import_lucide_react20 = require("lucide-react");
+var jsx_dev_runtime38 = require("react/jsx-dev-runtime");
+function ScrollOnNewUserMessage({ messageCount }) {
+  const { scrollToBottom } = import_use_stick_to_bottom2.useStickToBottomContext();
+  const prevCount = import_react17.useRef(messageCount);
+  import_react17.useEffect(() => {
+    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__ */ jsx_dev_runtime38.jsxDEV("div", {
+    className: "flex flex-col items-center gap-6",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("div", {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("div", {
+            className: "h-16 w-16 rounded-2xl bg-primary/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(import_lucide_react20.Bot, {
+              className: "h-8 w-8 text-primary"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("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__ */ jsx_dev_runtime38.jsxDEV("span", {
+              className: "h-2 w-2 rounded-full bg-white animate-pulse"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("div", {
+        className: "space-y-2 text-center",
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("h3", {
+            className: "text-xl font-semibold tracking-tight",
+            children: "Welcome to Agno Chat"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("p", {
+            className: "text-muted-foreground text-sm max-w-sm",
+            children: "Start a conversation with your AI agent. Ask questions, explore ideas, or run tools."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      suggestedPrompts.length > 0 && /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(AgnoChatSuggestedPrompts, {
+        prompts: suggestedPrompts
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  return /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(Conversation, {
+    className: cn("relative flex-1 w-full", className),
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(ScrollOnNewUserMessage, {
+        messageCount: messages.length
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(ConversationContent, {
+        className: "max-w-3xl mx-auto",
+        children: [
+          messages.length === 0 ? /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(ConversationEmptyState, {
+            children: resolvedEmptyState
+          }, undefined, false, undefined, this) : messages.map((message, index) => {
+            if (isThinking && index === messages.length - 1 && message === lastMessage)
+              return null;
+            return renderMessage ? renderMessage(message, index) : /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(AgnoMessageItem, {
+              message,
+              userAvatar,
+              assistantAvatar,
+              ...messageItemProps
+            }, `msg-${index}-${message.created_at}`, false, undefined, this);
+          }),
+          isThinking && /* @__PURE__ */ jsx_dev_runtime38.jsxDEV("div", {
+            className: "py-2",
+            children: renderThinkingIndicator ?? /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(StreamingIndicator, {
+              avatar: assistantAvatar
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime38.jsxDEV(ConversationScrollButton, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/composed/agno-chat/empty-state.tsx
+var jsx_dev_runtime39 = require("react/jsx-dev-runtime");
+function AgnoChatEmptyState({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx_dev_runtime39.jsxDEV("div", {
+    className: cn("flex flex-col items-center gap-6", className),
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/tool-status.tsx
+var import_lucide_react21 = require("lucide-react");
+var jsx_dev_runtime40 = require("react/jsx-dev-runtime");
+function AgnoChatToolStatus({ className }) {
+  const { isPaused, isExecuting, pendingTools } = useAgnoChatContext();
+  if (!isPaused && !isExecuting)
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+    className: cn("px-4 py-2.5 border-t border-border bg-primary/5", className),
+    children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+      className: "flex items-center gap-2.5 text-sm max-w-3xl mx-auto",
+      children: isExecuting ? /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(jsx_dev_runtime40.Fragment, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+            className: "h-5 w-5 rounded-full bg-primary/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_lucide_react21.Loader2, {
+              className: "h-3 w-3 animate-spin text-primary"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("span", {
+            className: "text-muted-foreground",
+            children: [
+              "Executing",
+              " ",
+              /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("span", {
+                className: "font-medium text-foreground",
+                children: pendingTools.length
+              }, undefined, false, undefined, this),
+              " tool",
+              pendingTools.length !== 1 ? "s" : "",
+              "..."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(jsx_dev_runtime40.Fragment, {
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("div", {
+            className: "h-5 w-5 rounded-full bg-amber-500/10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsx_dev_runtime40.jsxDEV(import_lucide_react21.Wrench, {
+              className: "h-3 w-3 text-amber-600 dark:text-amber-400"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("span", {
+            className: "text-muted-foreground",
+            children: [
+              "Preparing",
+              " ",
+              /* @__PURE__ */ jsx_dev_runtime40.jsxDEV("span", {
+                className: "font-medium text-foreground",
+                children: pendingTools.length
+              }, undefined, false, undefined, this),
+              " tool",
+              pendingTools.length !== 1 ? "s" : "",
+              "..."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/error-bar.tsx
+var jsx_dev_runtime41 = require("react/jsx-dev-runtime");
+function AgnoChatErrorBar({ className }) {
+  const { error, executionError } = useAgnoChatContext();
+  const message = error || executionError;
+  if (!message)
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("div", {
+    className: cn("px-4 py-2.5 bg-destructive/5 border-t border-destructive/20", className),
+    children: /* @__PURE__ */ jsx_dev_runtime41.jsxDEV("p", {
+      className: "text-sm text-destructive max-w-3xl mx-auto",
+      children: message
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/AgnoChatInput.tsx
+var import_lucide_react22 = require("lucide-react");
+var jsx_dev_runtime42 = require("react/jsx-dev-runtime");
+var DEFAULT_ACCEPTED_FILE_TYPES = "image/*,audio/*,.pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.ppt,.pptx,.md,.json,.xml";
+function dataUrlToBlob(dataUrl) {
+  const [header, base64] = dataUrl.split(",");
+  const mime = header.match(/:(.*?);/)?.[1] || "application/octet-stream";
+  const bytes = atob(base64);
+  const buf = new Uint8Array(bytes.length);
+  for (let i = 0;i < bytes.length; i++) {
+    buf[i] = bytes.charCodeAt(i);
+  }
+  return new Blob([buf], { type: mime });
+}
+function CancelButton({ onCancel }) {
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(Button, {
+    type: "button",
+    variant: "destructive",
+    size: "icon",
+    className: "h-8 w-8 rounded-lg",
+    onClick: onCancel,
+    "aria-label": "Stop",
+    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(import_lucide_react22.CircleStop, {
+      className: "size-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function SubmitButton({ disabled, status }) {
+  const { textInput } = usePromptInputController();
+  const hasText = textInput.value.trim().length > 0;
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputSubmit, {
+    disabled: disabled || !hasText,
+    status
+  }, undefined, false, undefined, this);
+}
+function AttachmentHeader() {
+  const { files } = usePromptInputAttachments();
+  if (files.length === 0)
+    return null;
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputHeader, {
+    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputAttachments, {
+      children: (attachment) => /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputAttachment, {
+        data: attachment
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function TranscribeAudioRecorder({
+  endpoint,
+  headers,
+  disabled,
+  parseResponse,
+  onRequestPermission,
+  labels
+}) {
+  const { textInput } = usePromptInputController();
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(AudioRecorder, {
+    mode: "transcribe",
+    transcriptionEndpoint: endpoint,
+    transcriptionHeaders: headers,
+    parseTranscriptionResponse: parseResponse,
+    onRequestPermission,
+    onRecordingComplete: () => {},
+    onTranscriptionComplete: (text) => {
+      const current = textInput.value;
+      textInput.setInput(current + (current ? " " : "") + text);
+    },
+    disabled,
+    labels
+  }, undefined, false, undefined, this);
+}
+function AgnoChatInput({
+  onSend,
+  disabled,
+  placeholder,
+  className,
+  fileUpload,
+  showAudioRecorder = false,
+  showAttachments = true,
+  status,
+  isStreaming,
+  onCancel,
+  allowCancelRun = false,
+  extraTools,
+  audioMode = "send",
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  parseTranscriptionResponse,
+  onRequestPermission,
+  audioRecorderLabels,
+  dropZoneContainerRef,
+  dropZoneProps
+}) {
+  const handleSubmit = (message) => {
+    const text = message.text?.trim() || "";
+    const files = message.files || [];
+    if (!text)
+      return;
+    if (files.length === 0) {
+      onSend(text);
+      return;
+    }
+    const formData = new FormData;
+    formData.append("message", text);
+    for (const file of files) {
+      if (!file.url)
+        continue;
+      const blob = file.url.startsWith("data:") ? dataUrlToBlob(file.url) : null;
+      if (!blob)
+        continue;
+      const fileName = file.filename || "file";
+      formData.append("files", blob, fileName);
+    }
+    onSend(formData);
+  };
+  const handleAudioRecording = (blob) => {
+    const formData = new FormData;
+    formData.append("message", "Audio message");
+    formData.append("files", blob, `recording-${Date.now()}.wav`);
+    onSend(formData);
+  };
+  const computedStatus = status ?? (disabled ? "submitted" : undefined);
+  const showCancelButton = allowCancelRun && isStreaming && onCancel;
+  return /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputProvider, {
+    children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(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__ */ jsx_dev_runtime42.jsxDEV(AttachmentHeader, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputBody, {
+          children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputTextarea, {
+            placeholder: placeholder || "Type your message... (Enter to send, Shift+Enter for new line)",
+            disabled
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputFooter, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputTools, {
+              children: [
+                showAttachments && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputActionMenu, {
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputActionMenuTrigger, {}, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputActionMenuContent, {
+                      children: /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputActionAddAttachments, {
+                        label: "Add files"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                showAudioRecorder && (audioMode === "transcribe" && transcriptionEndpoint ? /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(TranscribeAudioRecorder, {
+                  endpoint: transcriptionEndpoint,
+                  headers: transcriptionHeaders,
+                  disabled,
+                  parseResponse: parseTranscriptionResponse,
+                  onRequestPermission,
+                  labels: audioRecorderLabels
+                }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(AudioRecorder, {
+                  onRecordingComplete: handleAudioRecording,
+                  disabled,
+                  onRequestPermission,
+                  labels: audioRecorderLabels
+                }, undefined, false, undefined, this)),
+                extraTools
+              ]
+            }, undefined, true, undefined, this),
+            showCancelButton ? /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(CancelButton, {
+              onCancel
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(SubmitButton, {
+              disabled,
+              status: computedStatus
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        showAttachments && /* @__PURE__ */ jsx_dev_runtime42.jsxDEV(PromptInputDropZone, {
+          ...dropZoneProps,
+          container: dropZoneContainerRef
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/input.tsx
+var jsx_dev_runtime43 = require("react/jsx-dev-runtime");
+function AgnoChatInputArea({
+  className,
+  children,
+  placeholder,
+  fileUpload,
+  showAudioRecorder = false,
+  showAttachments,
+  extraTools,
+  chatInputProps,
+  audioMode,
+  transcriptionEndpoint,
+  transcriptionHeaders,
+  parseTranscriptionResponse,
+  onRequestPermission,
+  audioRecorderLabels,
+  allowCancelRun = false,
+  dropZoneProps
+}) {
+  const { handleSend, inputDisabled, isStreaming, isPaused, cancelRun, dropZoneContainerRef } = useAgnoChatContext();
+  return /* @__PURE__ */ jsx_dev_runtime43.jsxDEV("div", {
+    className: cn("border-t border-border bg-background/80 backdrop-blur-sm", className),
+    children: /* @__PURE__ */ jsx_dev_runtime43.jsxDEV("div", {
+      className: "mx-auto px-4 py-2",
+      children: children ? children({ onSend: handleSend, disabled: inputDisabled, isStreaming, isPaused }) : /* @__PURE__ */ jsx_dev_runtime43.jsxDEV(AgnoChatInput, {
+        ...chatInputProps,
+        onSend: handleSend,
+        disabled: inputDisabled,
+        isStreaming,
+        onCancel: cancelRun,
+        allowCancelRun,
+        placeholder: placeholder ?? chatInputProps?.placeholder ?? "Message your agent...",
+        fileUpload,
+        showAudioRecorder,
+        showAttachments,
+        extraTools,
+        audioMode,
+        transcriptionEndpoint,
+        transcriptionHeaders,
+        parseTranscriptionResponse,
+        onRequestPermission,
+        audioRecorderLabels,
+        dropZoneContainerRef,
+        dropZoneProps
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/composed/agno-chat/index.ts
+var AgnoChat = Object.assign(AgnoChatRoot, {
+  Messages: AgnoChatMessages,
+  EmptyState: AgnoChatEmptyState,
+  SuggestedPrompts: AgnoChatSuggestedPrompts,
+  ToolStatus: AgnoChatToolStatus,
+  ErrorBar: AgnoChatErrorBar,
+  Input: AgnoChatInputArea
+});
+
+// src/ui/composed/AgnoChatInterface.tsx
+var import_lucide_react23 = require("lucide-react");
+var jsx_dev_runtime44 = require("react/jsx-dev-runtime");
+var DEFAULT_PROMPTS2 = [
+  { icon: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_lucide_react23.Sparkles, {
+    className: "h-3.5 w-3.5"
+  }, undefined, false, undefined, this), text: "What can you help me with?" },
+  { icon: /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(import_lucide_react23.Bot, {
+    className: "h-3.5 w-3.5"
+  }, undefined, false, undefined, this), text: "Explain how you work" }
+];
+function AgnoChatInterface({
+  className,
+  classNames,
+  renderMessage,
+  renderInput,
+  emptyState,
+  headerSlot,
+  inputToolbarSlot,
+  suggestedPrompts = DEFAULT_PROMPTS2,
+  toolHandlers = {},
+  autoExecuteTools = true,
+  placeholder,
+  userAvatar,
+  assistantAvatar,
+  fileUpload,
+  showAudioRecorder = true,
+  showAttachments = true,
+  messageItemProps,
+  chatInputProps,
+  dropZoneLabel
+}) {
+  return /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(AgnoChat, {
+    toolHandlers,
+    autoExecuteTools,
+    className: cn(classNames?.root, className),
+    children: [
+      headerSlot,
+      /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(AgnoChat.Messages, {
+        className: classNames?.messagesArea,
+        renderMessage,
+        userAvatar,
+        assistantAvatar,
+        messageItemProps,
+        emptyState,
+        suggestedPrompts
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(AgnoChat.ToolStatus, {
+        className: classNames?.toolStatusBar
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(AgnoChat.ErrorBar, {
+        className: classNames?.errorBar
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime44.jsxDEV(AgnoChat.Input, {
+        className: classNames?.inputArea,
+        placeholder,
+        fileUpload,
+        showAudioRecorder,
+        showAttachments,
+        extraTools: inputToolbarSlot,
+        chatInputProps,
+        dropZoneProps: { className: classNames?.dropZone, label: dropZoneLabel },
+        children: renderInput ? ({ onSend, disabled }) => renderInput({ onSend, disabled }) : undefined
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+//# debugId=128E98AEB83ACE9C64756E2164756E21