@cogentic-co/ds 0.4.1

package/dist/chatbot.js

@@ -0,0 +1,2202 @@
+"use client";
+import { __objRest, __spreadValues, cn, __spreadProps } from './chunk-GZNLQE3I.js';
+import { File, FileAudio, FileVideo, FileImage, X, ChevronDown, Search, Bookmark, AlertTriangle, Check, Info, MessageSquare, ArrowDown, Download, ExternalLink, Copy, RefreshCw, ThumbsUp, ThumbsDown, ChevronLeft, ChevronRight, ListChecks, Paperclip, Square, ArrowUp, Circle, Loader2, Terminal } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useState, useCallback, useId, useContext, useRef, useEffect, useMemo } from 'react';
+import { cva } from 'class-variance-authority';
+
+function Attachments(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "attachments", className: cn("flex flex-wrap gap-2", className) }, props));
+}
+var typeIcons = {
+  image: FileImage,
+  video: FileVideo,
+  audio: FileAudio,
+  file: File
+};
+function Attachment(_a) {
+  var _b = _a, {
+    name,
+    type = "file",
+    url,
+    onRemove,
+    className
+  } = _b, props = __objRest(_b, [
+    "name",
+    "type",
+    "url",
+    "onRemove",
+    "className"
+  ]);
+  const Icon = typeIcons[type];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "attachment",
+      className: cn(
+        "group/attachment relative flex items-center gap-2 rounded-lg border border-border bg-card px-3 py-2",
+        "text-sm transition-colors",
+        className
+      )
+    }, props), {
+      children: [
+        type === "image" && url ? /* @__PURE__ */ jsx("img", { src: url, alt: name, className: "size-8 rounded object-cover" }) : /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-foreground", children: name }),
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRemove,
+            "aria-label": `Remove ${name}`,
+            className: "ml-1 shrink-0 rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-3" })
+          }
+        )
+      ]
+    })
+  );
+}
+var ChainOfThoughtContext = createContext(null);
+function ChainOfThought(_a) {
+  var _b = _a, {
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(ChainOfThoughtContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "chain-of-thought",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function ChainOfThoughtHeader(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const ctx = useContext(ChainOfThoughtContext);
+  if (!ctx) throw new Error("ChainOfThoughtHeader must be used within <ChainOfThought>");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "chain-of-thought-header",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2 px-4 py-3 font-medium text-sm",
+        "text-muted-foreground transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0 transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        ),
+        children != null ? children : "Chain of thought"
+      ]
+    })
+  );
+}
+function ChainOfThoughtContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(ChainOfThoughtContext);
+  if (!(ctx == null ? void 0 : ctx.open)) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx.contentId,
+      "data-slot": "chain-of-thought-content",
+      role: "region",
+      className: cn("space-y-3 border-border border-t px-4 py-3", className)
+    }, props)
+  );
+}
+function ChainOfThoughtStep(_a) {
+  var _b = _a, {
+    step,
+    status,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "step",
+    "status",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "chain-of-thought-step",
+      "data-status": status,
+      className: cn("flex gap-3", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "flex size-6 shrink-0 items-center justify-center rounded-full font-bold text-xs",
+              status === "complete" && "bg-primary text-primary-foreground",
+              status === "active" && "bg-primary/20 text-primary ring-2 ring-primary/30",
+              (!status || status === "pending") && "bg-muted text-muted-foreground"
+            ),
+            children: step
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 text-foreground text-sm", children })
+      ]
+    })
+  );
+}
+function ChainOfThoughtSearchResults(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "chain-of-thought-search-results",
+      className: cn("space-y-2 pl-9", className)
+    }, props)
+  );
+}
+function ChainOfThoughtSearchResult(_a) {
+  var _b = _a, {
+    title,
+    url,
+    className
+  } = _b, props = __objRest(_b, [
+    "title",
+    "url",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    __spreadProps(__spreadValues({
+      "data-slot": "chain-of-thought-search-result",
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn(
+        "flex items-center gap-2 rounded-lg p-2 text-sm transition-colors hover:bg-muted/50",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: title })
+      ]
+    })
+  );
+}
+function Checkpoint(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "checkpoint",
+      className: cn(
+        "flex items-center gap-3 rounded-lg border border-border border-dashed bg-muted/30 px-4 py-2.5",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+function CheckpointIcon(_a) {
+  var _b = _a, {
+    icon,
+    className
+  } = _b, props = __objRest(_b, [
+    "icon",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "checkpoint-icon",
+      className: cn("shrink-0 text-muted-foreground", className)
+    }, props), {
+      children: icon != null ? icon : /* @__PURE__ */ jsx(Bookmark, { className: "size-4" })
+    })
+  );
+}
+function CheckpointTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      "data-slot": "checkpoint-trigger",
+      type: "button",
+      className: cn(
+        "flex-1 truncate text-left text-muted-foreground text-sm transition-colors hover:text-foreground",
+        className
+      )
+    }, props)
+  );
+}
+var confirmationVariants = cva("rounded-xl border p-4 space-y-3", {
+  variants: {
+    status: {
+      pending: "border-border bg-card",
+      accepted: "border-emerald-500/30 bg-emerald-500/5",
+      rejected: "border-red-500/30 bg-red-500/5"
+    }
+  },
+  defaultVariants: { status: "pending" }
+});
+function Confirmation(_a) {
+  var _b = _a, {
+    status = "pending",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "status",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "confirmation",
+      "data-status": status,
+      role: "alert",
+      className: cn(confirmationVariants({ status }), className)
+    }, props), {
+      children
+    })
+  );
+}
+function ConfirmationRequest(_a) {
+  var _b = _a, {
+    icon,
+    title,
+    description,
+    className
+  } = _b, props = __objRest(_b, [
+    "icon",
+    "title",
+    "description",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "confirmation-request",
+      className: cn("flex items-start gap-3", className)
+    }, props), {
+      children: [
+        icon != null ? icon : /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0 text-amber-500" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground text-sm", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-muted-foreground text-xs", children: description })
+        ] })
+      ]
+    })
+  );
+}
+function ConfirmationAccepted(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "confirmation-accepted",
+      className: cn(
+        "flex items-center gap-2 text-emerald-600 text-sm dark:text-emerald-400",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0" }),
+        children != null ? children : "Approved"
+      ]
+    })
+  );
+}
+function ConfirmationRejected(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "confirmation-rejected",
+      className: cn("flex items-center gap-2 text-red-600 text-sm dark:text-red-400", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(X, { className: "size-4 shrink-0" }),
+        children != null ? children : "Rejected"
+      ]
+    })
+  );
+}
+function ConfirmationActions(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "confirmation-actions",
+      className: cn("flex items-center gap-2", className)
+    }, props)
+  );
+}
+function ConfirmationAction(_a) {
+  var _b = _a, {
+    variant = "default",
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      "data-slot": "confirmation-action",
+      type: "button",
+      className: cn(
+        "inline-flex items-center justify-center rounded-lg px-3 py-1.5 font-medium text-sm transition-colors",
+        variant === "destructive" ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-primary text-primary-foreground hover:bg-primary/90",
+        className
+      )
+    }, props)
+  );
+}
+function Context(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "context",
+      className: cn("space-y-3 rounded-xl border border-border bg-card p-4", className)
+    }, props)
+  );
+}
+function ContextHeader(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "context-header",
+      className: cn("flex items-center gap-2 font-medium text-foreground text-sm", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }),
+        children != null ? children : "Context"
+      ]
+    })
+  );
+}
+function ContextBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "context-body", className: cn("space-y-2", className) }, props));
+}
+function ContextUsage(_a) {
+  var _b = _a, {
+    label,
+    used,
+    total,
+    className
+  } = _b, props = __objRest(_b, [
+    "label",
+    "used",
+    "total",
+    "className"
+  ]);
+  const percentage = Math.min(100, Math.round(used / total * 100));
+  const isHigh = percentage > 80;
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "context-usage", className: cn("space-y-1.5", className) }, props), { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn("font-mono tabular-nums", isHigh ? "text-amber-500" : "text-foreground"),
+          children: [
+            used.toLocaleString(),
+            " / ",
+            total.toLocaleString()
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": used,
+        "aria-valuemin": 0,
+        "aria-valuemax": total,
+        "aria-label": label,
+        className: "h-1.5 overflow-hidden rounded-full bg-muted",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full rounded-full transition-all duration-300",
+              isHigh ? "bg-amber-500" : "bg-primary"
+            ),
+            style: { width: `${percentage}%` }
+          }
+        )
+      }
+    )
+  ] }));
+}
+function Conversation(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const ref = useRef(null);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    function handleScroll() {
+      const threshold = 100;
+      setIsAtBottom(el.scrollHeight - el.scrollTop - el.clientHeight < threshold);
+    }
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, []);
+  useEffect(() => {
+    if (isAtBottom && ref.current) {
+      ref.current.scrollTop = ref.current.scrollHeight;
+    }
+  });
+  const scrollToBottom = useCallback(() => {
+    var _a2;
+    (_a2 = ref.current) == null ? void 0 : _a2.scrollTo({ top: ref.current.scrollHeight, behavior: "smooth" });
+  }, []);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "conversation", className: cn("relative flex flex-col", className) }, props), { children: [
+    /* @__PURE__ */ jsx("div", { ref, role: "log", "aria-live": "polite", className: "flex-1 overflow-y-auto", children }),
+    !isAtBottom && /* @__PURE__ */ jsx(ConversationScrollButton, { onClick: scrollToBottom })
+  ] }));
+}
+function ConversationContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "conversation-content",
+      className: cn("flex flex-col gap-6 p-4", className)
+    }, props)
+  );
+}
+function ConversationEmptyState(_a) {
+  var _b = _a, {
+    title = "No messages yet",
+    description = "Start a conversation to see messages here",
+    icon,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "title",
+    "description",
+    "icon",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "conversation-empty-state",
+      className: cn(
+        "flex flex-1 flex-col items-center justify-center gap-4 p-8 text-center",
+        className
+      )
+    }, props), {
+      children: [
+        icon != null ? icon : /* @__PURE__ */ jsx(MessageSquare, { "aria-hidden": "true", className: "size-10 text-muted-foreground/40" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground text-sm", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: description })
+        ] }),
+        children
+      ]
+    })
+  );
+}
+function ConversationScrollButton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "conversation-scroll-button",
+      type: "button",
+      className: cn(
+        "absolute bottom-4 left-1/2 -translate-x-1/2",
+        "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1.5",
+        "font-medium text-muted-foreground text-xs shadow-sm",
+        "transition-colors hover:bg-accent hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(ArrowDown, { className: "size-3" }),
+        "Scroll to bottom"
+      ]
+    })
+  );
+}
+function ConversationDownload(_a) {
+  var _b = _a, {
+    messages,
+    filename = "conversation.md",
+    formatMessage,
+    className
+  } = _b, props = __objRest(_b, [
+    "messages",
+    "filename",
+    "formatMessage",
+    "className"
+  ]);
+  const handleDownload = useCallback(() => {
+    const md = messages.map(
+      (msg, i) => {
+        var _a2;
+        return (_a2 = formatMessage == null ? void 0 : formatMessage(msg, i)) != null ? _a2 : `## ${msg.role === "user" ? "You" : msg.role === "assistant" ? "Assistant" : "System"}
+
+${msg.content}`;
+      }
+    ).join("\n\n---\n\n");
+    const blob = new Blob([md], { type: "text/markdown" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [messages, filename, formatMessage]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "conversation-download",
+      type: "button",
+      onClick: handleDownload,
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-xs",
+        "text-muted-foreground transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Download, { className: "size-3.5" }),
+        "Download"
+      ]
+    })
+  );
+}
+function InlineCitation(_a) {
+  var _b = _a, {
+    index,
+    href,
+    title,
+    description,
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "index",
+    "href",
+    "title",
+    "description",
+    "children",
+    "className"
+  ]);
+  const [showCard, setShowCard] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "inline-citation",
+      className: cn("relative inline-flex items-baseline", className),
+      onMouseEnter: () => setShowCard(true),
+      onMouseLeave: () => setShowCard(false),
+      onFocus: () => setShowCard(true),
+      onBlur: () => setShowCard(false)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `Citation ${index}: ${title}`,
+            className: "ml-0.5 inline-flex size-4 items-center justify-center rounded-full bg-primary/10 align-super font-bold text-[10px] text-primary transition-colors hover:bg-primary/20",
+            children: index
+          }
+        ),
+        showCard && /* @__PURE__ */ jsx("span", { role: "tooltip", className: "absolute bottom-full left-1/2 z-50 mb-2 -translate-x-1/2", children: /* @__PURE__ */ jsx(InlineCitationCard, { href, title, description }) })
+      ]
+    })
+  );
+}
+function InlineCitationCard(_a) {
+  var _b = _a, {
+    href,
+    title,
+    description,
+    className
+  } = _b, props = __objRest(_b, [
+    "href",
+    "title",
+    "description",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    __spreadProps(__spreadValues({
+      "data-slot": "inline-citation-card",
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn(
+        "block w-64 rounded-lg border border-border bg-popover p-3 shadow-md",
+        "transition-colors hover:bg-muted/50",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-popover-foreground text-sm", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-muted-foreground text-xs", children: description }),
+        /* @__PURE__ */ jsxs("span", { className: "mt-2 inline-flex items-center gap-1 text-primary text-xs", children: [
+          "Open ",
+          /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" })
+        ] })
+      ]
+    })
+  );
+}
+var MessageContext = createContext({ role: "assistant" });
+var messageVariants = cva("group/message flex gap-3", {
+  variants: {
+    from: {
+      user: "flex-row-reverse",
+      assistant: "flex-row",
+      system: "flex-row justify-center"
+    }
+  },
+  defaultVariants: { from: "assistant" }
+});
+function Message(_a) {
+  var _b = _a, {
+    from = "assistant",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "from",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx(MessageContext.Provider, { value: { role: from }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "message",
+      "data-role": from,
+      className: cn(messageVariants({ from }), className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function MessageAvatar(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "message-avatar",
+      className: cn(
+        "flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function MessageContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { role } = useContext(MessageContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "message-content",
+      className: cn(
+        "flex max-w-[80%] flex-col gap-1",
+        role === "user" && "items-end",
+        role === "system" && "max-w-full items-center",
+        className
+      )
+    }, props)
+  );
+}
+var responseBubbleVariants = cva("rounded-2xl px-4 py-3 text-sm leading-relaxed", {
+  variants: {
+    from: {
+      user: "bg-primary text-primary-foreground",
+      assistant: "bg-muted text-foreground",
+      system: "bg-muted/50 text-muted-foreground italic text-center"
+    }
+  },
+  defaultVariants: { from: "assistant" }
+});
+function MessageResponse(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { role } = useContext(MessageContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "message-response",
+      className: cn(
+        responseBubbleVariants({ from: role }),
+        "prose prose-sm dark:prose-invert max-w-none",
+        "[&_pre]:rounded-lg [&_pre]:bg-card [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-xs",
+        "[&_code]:rounded [&_code]:bg-card [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-xs",
+        className
+      )
+    }, props)
+  );
+}
+function MessageActions(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "message-actions",
+      className: cn(
+        "flex items-center gap-1 opacity-0 transition-opacity group-hover/message:opacity-100",
+        className
+      )
+    }, props)
+  );
+}
+function MessageAction(_a) {
+  var _b = _a, {
+    tooltip,
+    className
+  } = _b, props = __objRest(_b, [
+    "tooltip",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      "data-slot": "message-action",
+      type: "button",
+      title: tooltip,
+      className: cn(
+        "inline-flex items-center justify-center rounded-md p-1.5",
+        "text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function MessageCopyAction(_a) {
+  var _b = _a, {
+    content,
+    className
+  } = _b, props = __objRest(_b, [
+    "content",
+    "className"
+  ]);
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(content);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [content]);
+  return /* @__PURE__ */ jsx(
+    MessageAction,
+    __spreadProps(__spreadValues({
+      tooltip: copied ? "Copied!" : "Copy",
+      onClick: handleCopy,
+      className
+    }, props), {
+      children: /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+    })
+  );
+}
+function MessageRegenerateAction(props) {
+  return /* @__PURE__ */ jsx(MessageAction, __spreadProps(__spreadValues({ tooltip: "Regenerate" }, props), { children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5" }) }));
+}
+function MessageFeedbackActions({
+  onThumbsUp,
+  onThumbsDown
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MessageAction, { tooltip: "Good response", onClick: onThumbsUp, children: /* @__PURE__ */ jsx(ThumbsUp, { className: "size-3.5" }) }),
+    /* @__PURE__ */ jsx(MessageAction, { tooltip: "Bad response", onClick: onThumbsDown, children: /* @__PURE__ */ jsx(ThumbsDown, { className: "size-3.5" }) })
+  ] });
+}
+var BranchContext = createContext(null);
+function MessageBranch({
+  total,
+  defaultBranch = 0,
+  onBranchChange,
+  children
+}) {
+  const [branch, setBranch] = useState(defaultBranch);
+  const prev = useCallback(() => {
+    setBranch((b) => {
+      const next2 = Math.max(0, b - 1);
+      onBranchChange == null ? void 0 : onBranchChange(next2);
+      return next2;
+    });
+  }, [onBranchChange]);
+  const next = useCallback(() => {
+    setBranch((b) => {
+      const next2 = Math.min(total - 1, b + 1);
+      onBranchChange == null ? void 0 : onBranchChange(next2);
+      return next2;
+    });
+  }, [total, onBranchChange]);
+  return /* @__PURE__ */ jsx(BranchContext.Provider, { value: { branch, total, prev, next }, children });
+}
+function MessageBranchSelector(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(BranchContext);
+  if (!ctx || ctx.total <= 1) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "message-branch-selector",
+      className: cn("inline-flex items-center gap-1 text-muted-foreground text-xs", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: ctx.prev,
+            disabled: ctx.branch === 0,
+            "aria-label": "Previous response",
+            className: "rounded p-0.5 transition-colors hover:bg-muted disabled:opacity-30",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true", className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "tabular-nums", "aria-label": `Response ${ctx.branch + 1} of ${ctx.total}`, children: [
+          ctx.branch + 1,
+          " / ",
+          ctx.total
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: ctx.next,
+            disabled: ctx.branch === ctx.total - 1,
+            "aria-label": "Next response",
+            className: "rounded p-0.5 transition-colors hover:bg-muted disabled:opacity-30",
+            children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "size-3.5" })
+          }
+        )
+      ]
+    })
+  );
+}
+function MessageAttachments(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "message-attachments",
+      className: cn("flex flex-wrap gap-2", className)
+    }, props)
+  );
+}
+var ModelSelectorContext = createContext(null);
+function useModelSelector() {
+  const ctx = useContext(ModelSelectorContext);
+  if (!ctx) throw new Error("useModelSelector must be used within <ModelSelector>");
+  return ctx;
+}
+function ModelSelector({
+  value,
+  onValueChange,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const [selected, setSelected] = useState(value != null ? value : null);
+  useEffect(() => {
+    if (value !== void 0) setSelected(value);
+  }, [value]);
+  const onSelect = useCallback(
+    (modelId) => {
+      setSelected(modelId);
+      onValueChange == null ? void 0 : onValueChange(modelId);
+      setOpen(false);
+      setSearch("");
+    },
+    [onValueChange]
+  );
+  return /* @__PURE__ */ jsx(ModelSelectorContext.Provider, { value: { open, setOpen, search, setSearch, selected, onSelect }, children: /* @__PURE__ */ jsx("div", { "data-slot": "model-selector", className: "relative", children }) });
+}
+function ModelSelectorTrigger(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  var _a2;
+  const { open, setOpen, selected } = useModelSelector();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "model-selector-trigger",
+      type: "button",
+      onClick: () => setOpen(!open),
+      "aria-haspopup": "listbox",
+      "aria-expanded": open,
+      className: cn(
+        "inline-flex items-center gap-2 rounded-lg border border-border bg-card px-3 py-2 text-sm",
+        "transition-colors hover:bg-accent",
+        className
+      )
+    }, props), {
+      children: [
+        (_a2 = children != null ? children : selected) != null ? _a2 : "Select model",
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn("size-3.5 text-muted-foreground transition-transform", open && "rotate-180")
+          }
+        )
+      ]
+    })
+  );
+}
+function ModelSelectorContent(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { open, setOpen } = useModelSelector();
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    function handleEscape(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [open, setOpen]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "model-selector-content",
+      className: cn(
+        "absolute top-full left-0 z-50 mt-1 w-72",
+        "rounded-xl border border-border bg-popover p-1 shadow-lg",
+        className
+      )
+    }, props), {
+      children
+    })
+  );
+}
+function ModelSelectorInput(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { search, setSearch } = useModelSelector();
+  return /* @__PURE__ */ jsxs("div", { className: "relative px-1 pb-1", children: [
+    /* @__PURE__ */ jsx(
+      Search,
+      {
+        "aria-hidden": "true",
+        className: "absolute top-1/2 left-3 size-3.5 -translate-y-1/2 text-muted-foreground"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        "data-slot": "model-selector-input",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search models...",
+        "aria-label": "Search models",
+        className: cn(
+          "w-full rounded-lg bg-muted/50 py-2 pr-3 pl-8 text-sm",
+          "placeholder:text-muted-foreground focus:outline-none",
+          className
+        )
+      }, props)
+    )
+  ] });
+}
+function ModelSelectorList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "model-selector-list",
+      role: "listbox",
+      "aria-label": "Models",
+      className: cn("max-h-64 overflow-y-auto", className)
+    }, props)
+  );
+}
+function ModelSelectorGroup(_a) {
+  var _b = _a, {
+    label,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "label",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "model-selector-group", className: cn("py-1", className) }, props), { children: [
+    label && /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 font-medium text-[10px] text-muted-foreground uppercase tracking-wider", children: label }),
+    children
+  ] }));
+}
+function ModelSelectorItem(_a) {
+  var _b = _a, {
+    value,
+    logo,
+    name,
+    description,
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "logo",
+    "name",
+    "description",
+    "className"
+  ]);
+  const { selected, onSelect, search } = useModelSelector();
+  const isSelected = selected === value;
+  const visible = useMemo(() => {
+    if (!search) return true;
+    const q = search.toLowerCase();
+    return name.toLowerCase().includes(q) || value.toLowerCase().includes(q);
+  }, [search, name, value]);
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "model-selector-item",
+      type: "button",
+      role: "option",
+      "aria-selected": isSelected,
+      onClick: () => onSelect(value),
+      className: cn(
+        "flex w-full items-center gap-3 rounded-lg px-2 py-2 text-left text-sm",
+        "transition-colors hover:bg-muted/50",
+        isSelected && "bg-muted",
+        className
+      )
+    }, props), {
+      children: [
+        logo && /* @__PURE__ */ jsx("span", { className: "shrink-0 [&>img]:size-5 [&>img]:rounded [&>svg]:size-4", children: logo }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate font-medium text-foreground", children: name }),
+          description && /* @__PURE__ */ jsx("span", { className: "block truncate text-muted-foreground text-xs", children: description })
+        ] }),
+        isSelected && /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4 shrink-0 text-primary" })
+      ]
+    })
+  );
+}
+function ModelSelectorEmpty(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _a2;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "model-selector-empty",
+      className: cn("py-6 text-center text-muted-foreground text-sm", className)
+    }, props), {
+      children: (_a2 = props.children) != null ? _a2 : "No models found."
+    })
+  );
+}
+function ModelSelectorSeparator(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "model-selector-separator",
+      role: "separator",
+      className: cn("mx-1 my-1 h-px bg-border", className)
+    }, props)
+  );
+}
+var PlanContext = createContext(null);
+function Plan(_a) {
+  var _b = _a, {
+    defaultOpen = true,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(PlanContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "plan",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function PlanHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "plan-header",
+      className: cn("flex items-center gap-3 px-4 py-3", className)
+    }, props)
+  );
+}
+function PlanTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "plan-title",
+      className: cn("flex-1 font-medium text-foreground text-sm", className)
+    }, props)
+  );
+}
+function PlanDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "plan-description",
+      className: cn("px-4 pb-3 text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function PlanTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _a2;
+  const ctx = useContext(PlanContext);
+  if (!ctx) throw new Error("PlanTrigger must be used within <Plan>");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "plan-trigger",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2 px-4 py-3 font-medium text-sm",
+        "text-muted-foreground transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(ListChecks, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: (_a2 = props.children) != null ? _a2 : "Execution Plan" }),
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0 transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        )
+      ]
+    })
+  );
+}
+function PlanContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(PlanContext);
+  if (!(ctx == null ? void 0 : ctx.open)) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx.contentId,
+      "data-slot": "plan-content",
+      role: "region",
+      className: cn("space-y-2 border-border border-t px-4 py-3", className)
+    }, props)
+  );
+}
+function PlanFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "plan-footer",
+      className: cn("flex items-center gap-2 border-border border-t px-4 py-2.5", className)
+    }, props)
+  );
+}
+function PlanAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      "data-slot": "plan-action",
+      type: "button",
+      className: cn(
+        "inline-flex items-center rounded-lg px-3 py-1.5 font-medium text-xs",
+        "bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
+        className
+      )
+    }, props)
+  );
+}
+var PromptInputContext = createContext(null);
+function usePromptInput() {
+  const ctx = useContext(PromptInputContext);
+  if (!ctx) throw new Error("usePromptInput must be used within <PromptInput>");
+  return ctx;
+}
+function PromptInput(_a) {
+  var _b = _a, {
+    onSubmit,
+    isLoading = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "onSubmit",
+    "isLoading",
+    "className",
+    "children"
+  ]);
+  const [value, setValue] = useState("");
+  const [files, setFiles] = useState([]);
+  const addFiles = useCallback((newFiles) => {
+    setFiles((prev) => [...prev, ...newFiles]);
+  }, []);
+  const removeFile = useCallback((index) => {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const clearFiles = useCallback(() => setFiles([]), []);
+  const submit = useCallback(() => {
+    if (!value.trim() && files.length === 0) return;
+    onSubmit == null ? void 0 : onSubmit(value.trim(), files);
+    setValue("");
+    setFiles([]);
+  }, [value, files, onSubmit]);
+  const handleSubmit = useCallback(
+    (e) => {
+      e.preventDefault();
+      submit();
+    },
+    [submit]
+  );
+  return /* @__PURE__ */ jsx(
+    PromptInputContext.Provider,
+    {
+      value: { value, setValue, files, addFiles, removeFile, clearFiles, submit, isLoading },
+      children: /* @__PURE__ */ jsx(
+        "form",
+        __spreadProps(__spreadValues({
+          "data-slot": "prompt-input",
+          onSubmit: handleSubmit,
+          className: cn(
+            "flex flex-col rounded-2xl border border-border bg-card shadow-sm",
+            "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+            className
+          )
+        }, props), {
+          children
+        })
+      )
+    }
+  );
+}
+function PromptInputHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "prompt-input-header",
+      className: cn("border-border border-b px-4 py-2", className)
+    }, props)
+  );
+}
+function PromptInputBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "prompt-input-body", className: cn("flex-1", className) }, props));
+}
+function PromptInputFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "prompt-input-footer",
+      className: cn("flex items-center gap-2 px-3 py-2", className)
+    }, props)
+  );
+}
+function PromptInputTextarea(_a) {
+  var _b = _a, { className, onKeyDown } = _b, props = __objRest(_b, ["className", "onKeyDown"]);
+  const { value, setValue, submit, isLoading } = usePromptInput();
+  const ref = useRef(null);
+  const handleInput = useCallback(() => {
+    const el = ref.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
+  }, []);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        if (!isLoading) submit();
+      }
+      onKeyDown == null ? void 0 : onKeyDown(e);
+    },
+    [submit, isLoading, onKeyDown]
+  );
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    __spreadValues({
+      ref,
+      "data-slot": "prompt-input-textarea",
+      value,
+      onChange: (e) => {
+        setValue(e.target.value);
+        handleInput();
+      },
+      onKeyDown: handleKeyDown,
+      placeholder: "Type a message...",
+      rows: 1,
+      disabled: isLoading,
+      className: cn(
+        "w-full resize-none bg-transparent px-4 py-3 text-foreground text-sm",
+        "placeholder:text-muted-foreground",
+        "focus:outline-none",
+        "disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+function PromptInputTools(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "prompt-input-tools",
+      className: cn("flex items-center gap-1", className)
+    }, props)
+  );
+}
+function PromptInputAttachButton(_a) {
+  var _b = _a, {
+    accept,
+    multiple = true,
+    className
+  } = _b, props = __objRest(_b, [
+    "accept",
+    "multiple",
+    "className"
+  ]);
+  const { addFiles } = usePromptInput();
+  const inputRef = useRef(null);
+  const handleClick = useCallback(() => {
+    var _a2;
+    (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+  }, []);
+  const handleChange = useCallback(
+    (e) => {
+      const fileList = e.target.files;
+      if (fileList) {
+        addFiles(Array.from(fileList));
+        e.target.value = "";
+      }
+    },
+    [addFiles]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        onChange: handleChange,
+        className: "hidden",
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      __spreadProps(__spreadValues({
+        "data-slot": "prompt-input-attach-button",
+        type: "button",
+        onClick: handleClick,
+        "aria-label": "Attach files",
+        className: cn(
+          "inline-flex items-center justify-center rounded-md p-2",
+          "text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          className
+        )
+      }, props), {
+        children: /* @__PURE__ */ jsx(Paperclip, { "aria-hidden": "true", className: "size-4" })
+      })
+    )
+  ] });
+}
+function PromptInputSubmit(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { value, files, isLoading } = usePromptInput();
+  const hasContent = value.trim().length > 0 || files.length > 0;
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "prompt-input-submit",
+      type: "submit",
+      disabled: !hasContent && !isLoading,
+      "aria-label": isLoading ? "Stop generation" : "Send message",
+      className: cn(
+        "ml-auto inline-flex items-center justify-center rounded-full p-2",
+        "transition-colors",
+        isLoading ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : hasContent ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-muted text-muted-foreground",
+        className
+      )
+    }, props), {
+      children: isLoading ? /* @__PURE__ */ jsx(Square, { className: "size-4" }) : /* @__PURE__ */ jsx(ArrowUp, { className: "size-4" })
+    })
+  );
+}
+function PromptInputFiles(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { files, removeFile } = usePromptInput();
+  if (files.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "prompt-input-files",
+      className: cn("flex flex-wrap gap-2 px-4 pt-2", className)
+    }, props), {
+      children: files.map((file, i) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "inline-flex items-center gap-1.5 rounded-lg border border-border bg-muted/50 px-2.5 py-1 text-foreground text-xs",
+          children: [
+            file.name,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeFile(i),
+                "aria-label": `Remove ${file.name}`,
+                className: "rounded-full p-0.5 text-muted-foreground transition-colors hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-3" })
+              }
+            )
+          ]
+        },
+        `${file.name}-${i}`
+      ))
+    })
+  );
+}
+var QueueSectionContext = createContext(null);
+function QueueSection(_a) {
+  var _b = _a, {
+    defaultOpen = true,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(QueueSectionContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ "data-slot": "queue-section", className: cn("space-y-1", className) }, props), { children })) });
+}
+function QueueSectionTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(QueueSectionContext);
+  if (!ctx) throw new Error("QueueSectionTrigger must be used within <QueueSection>");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "queue-section-trigger",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2 px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        "rounded-md transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-3.5 shrink-0 transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        ),
+        props.children
+      ]
+    })
+  );
+}
+function QueueSectionLabel(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "queue-section-label",
+      className: cn("flex-1 text-left", className)
+    }, props)
+  );
+}
+function QueueList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(QueueSectionContext);
+  if (ctx && !ctx.open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx == null ? void 0 : ctx.contentId,
+      "data-slot": "queue-list",
+      role: "list",
+      className: cn("space-y-1", className)
+    }, props)
+  );
+}
+var queueItemIndicatorVariants = cva("size-2 shrink-0 rounded-full", {
+  variants: {
+    status: {
+      pending: "bg-muted-foreground/30",
+      active: "bg-primary animate-pulse",
+      complete: "bg-emerald-500",
+      error: "bg-red-500"
+    }
+  },
+  defaultVariants: { status: "pending" }
+});
+function QueueItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "queue-item",
+      role: "listitem",
+      className: cn(
+        "flex items-start gap-3 rounded-lg px-3 py-2.5",
+        "transition-colors hover:bg-muted/50",
+        className
+      )
+    }, props)
+  );
+}
+function QueueItemIndicator(_a) {
+  var _b = _a, {
+    status = "pending",
+    className
+  } = _b, props = __objRest(_b, [
+    "status",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "queue-item-indicator",
+      role: "img",
+      "aria-label": status,
+      className: cn(queueItemIndicatorVariants({ status }), "mt-1.5", className)
+    }, props)
+  );
+}
+function QueueItemContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "queue-item-content", className: cn("min-w-0 flex-1", className) }, props));
+}
+function QueueItemDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "queue-item-description",
+      className: cn("mt-0.5 text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function QueueItemActions(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "queue-item-actions",
+      className: cn("flex shrink-0 items-center gap-1", className)
+    }, props)
+  );
+}
+var ReasoningContext = createContext(null);
+function useReasoning() {
+  const ctx = useContext(ReasoningContext);
+  if (!ctx) throw new Error("useReasoning must be used within <Reasoning>");
+  return ctx;
+}
+function Reasoning(_a) {
+  var _b = _a, {
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(ReasoningContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "reasoning",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function ReasoningTrigger(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { open, toggle, contentId } = useReasoning();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "reasoning-trigger",
+      type: "button",
+      onClick: toggle,
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      className: cn(
+        "flex w-full items-center gap-2 px-4 py-3 font-medium text-muted-foreground text-sm",
+        "transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn("size-4 shrink-0 transition-transform duration-200", open && "rotate-180")
+          }
+        ),
+        children != null ? children : open ? "Hide reasoning" : "Show reasoning"
+      ]
+    })
+  );
+}
+function ReasoningContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { open, contentId } = useReasoning();
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: contentId,
+      "data-slot": "reasoning-content",
+      role: "region",
+      className: cn(
+        "border-border border-t px-4 py-3",
+        "font-mono text-muted-foreground text-sm leading-relaxed",
+        className
+      )
+    }, props)
+  );
+}
+function Shimmer(_a) {
+  var _b = _a, {
+    as,
+    className,
+    duration = 2,
+    spread = 0.3,
+    style
+  } = _b, props = __objRest(_b, [
+    "as",
+    "className",
+    "duration",
+    "spread",
+    "style"
+  ]);
+  const Component = as || "p";
+  return /* @__PURE__ */ jsx(
+    Component,
+    __spreadValues({
+      "data-slot": "shimmer",
+      role: "status",
+      "aria-label": "Loading",
+      className: cn(
+        "animate-shimmer bg-clip-text text-transparent",
+        "bg-[length:200%_100%]",
+        "bg-gradient-to-r from-muted-foreground via-foreground to-muted-foreground",
+        className
+      ),
+      style: __spreadValues({
+        animationDuration: `${duration}s`
+      }, style)
+    }, props)
+  );
+}
+var SourcesContext = createContext(null);
+function Sources(_a) {
+  var _b = _a, {
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(SourcesContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "sources",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function SourcesTrigger(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const ctx = useContext(SourcesContext);
+  if (!ctx) throw new Error("SourcesTrigger must be used within <Sources>");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "sources-trigger",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2 px-4 py-3 font-medium text-muted-foreground text-sm",
+        "transition-colors hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0 transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        ),
+        children != null ? children : `${ctx.open ? "Hide" : "Show"} sources`
+      ]
+    })
+  );
+}
+function SourcesContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(SourcesContext);
+  if (!ctx) throw new Error("SourcesContent must be used within <Sources>");
+  if (!ctx.open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx.contentId,
+      "data-slot": "sources-content",
+      role: "region",
+      className: cn("space-y-2 border-border border-t px-4 py-3", className)
+    }, props)
+  );
+}
+function Source(_a) {
+  var _b = _a, {
+    href,
+    title,
+    description,
+    favicon,
+    className
+  } = _b, props = __objRest(_b, [
+    "href",
+    "title",
+    "description",
+    "favicon",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    __spreadProps(__spreadValues({
+      "data-slot": "source",
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn(
+        "flex items-start gap-3 rounded-lg p-3 transition-colors",
+        "hover:bg-muted/50",
+        className
+      )
+    }, props), {
+      children: [
+        favicon && /* @__PURE__ */ jsx("img", { src: favicon, alt: "", className: "mt-0.5 size-4 shrink-0 rounded" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-foreground text-sm", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-muted-foreground text-xs", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(ExternalLink, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground" })
+      ]
+    })
+  );
+}
+function Suggestions(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "suggestions", className: cn("flex flex-wrap gap-2", className) }, props));
+}
+function Suggestion(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    __spreadValues({
+      "data-slot": "suggestion",
+      type: "button",
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full border border-border bg-card px-4 py-2",
+        "text-foreground text-sm transition-colors",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      )
+    }, props)
+  );
+}
+var TaskContext = createContext(null);
+var statusIcons = {
+  pending: Circle,
+  running: Loader2,
+  complete: Check,
+  error: Circle
+};
+function Task(_a) {
+  var _b = _a, {
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(TaskContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "task",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function TaskTrigger(_a) {
+  var _b = _a, {
+    status = "pending",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "status",
+    "className",
+    "children"
+  ]);
+  const ctx = useContext(TaskContext);
+  if (!ctx) throw new Error("TaskTrigger must be used within <Task>");
+  const Icon = statusIcons[status];
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "task-trigger",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2.5 px-4 py-3 text-sm",
+        "text-foreground transition-colors hover:bg-muted/50",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0",
+              status === "complete" && "text-emerald-500",
+              status === "running" && "animate-spin text-primary",
+              status === "error" && "text-red-500",
+              status === "pending" && "text-muted-foreground"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium", children }),
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        )
+      ]
+    })
+  );
+}
+function TaskContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(TaskContext);
+  if (!(ctx == null ? void 0 : ctx.open)) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx.contentId,
+      "data-slot": "task-content",
+      role: "region",
+      className: cn(
+        "space-y-2 border-border border-t px-4 py-3 text-muted-foreground text-sm",
+        className
+      )
+    }, props)
+  );
+}
+function TaskItem(_a) {
+  var _b = _a, {
+    status = "pending",
+    className
+  } = _b, props = __objRest(_b, [
+    "status",
+    "className"
+  ]);
+  const Icon = statusIcons[status];
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "task-item", className: cn("flex items-center gap-2 py-1", className) }, props), { children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: cn(
+          "size-3.5 shrink-0",
+          status === "complete" && "text-emerald-500",
+          status === "running" && "animate-spin text-primary",
+          status === "error" && "text-red-500",
+          status === "pending" && "text-muted-foreground/50"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("text-sm", status === "complete" && "text-muted-foreground line-through"),
+        children: props.children
+      }
+    )
+  ] }));
+}
+function TaskItemFile(_a) {
+  var _b = _a, {
+    filename,
+    className
+  } = _b, props = __objRest(_b, [
+    "filename",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "task-item-file",
+      className: cn(
+        "inline-flex items-center rounded bg-muted px-1.5 py-0.5 font-mono text-xs",
+        className
+      )
+    }, props), {
+      children: filename
+    })
+  );
+}
+var ToolContext = createContext(null);
+var statusBadgeVariants = cva(
+  "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium uppercase tracking-wider",
+  {
+    variants: {
+      status: {
+        pending: "bg-muted text-muted-foreground",
+        running: "bg-primary/10 text-primary",
+        success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+        error: "bg-red-500/10 text-red-600 dark:text-red-400"
+      }
+    },
+    defaultVariants: { status: "pending" }
+  }
+);
+function getStatusLabel(status) {
+  switch (status) {
+    case "pending":
+      return "Pending";
+    case "running":
+      return "Running";
+    case "success":
+      return "Done";
+    case "error":
+      return "Error";
+  }
+}
+function Tool(_a) {
+  var _b = _a, {
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState(defaultOpen);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  const contentId = useId();
+  return /* @__PURE__ */ jsx(ToolContext.Provider, { value: { open, toggle, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "tool",
+      "data-state": open ? "open" : "closed",
+      className: cn("rounded-xl border border-border bg-card", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+function ToolHeader(_a) {
+  var _b = _a, {
+    name,
+    status = "pending",
+    icon,
+    className
+  } = _b, props = __objRest(_b, [
+    "name",
+    "status",
+    "icon",
+    "className"
+  ]);
+  const ctx = useContext(ToolContext);
+  if (!ctx) throw new Error("ToolHeader must be used within <Tool>");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    __spreadProps(__spreadValues({
+      "data-slot": "tool-header",
+      type: "button",
+      onClick: ctx.toggle,
+      "aria-expanded": ctx.open,
+      "aria-controls": ctx.contentId,
+      className: cn(
+        "flex w-full items-center gap-2.5 px-4 py-3 text-sm transition-colors hover:bg-muted/50",
+        className
+      )
+    }, props), {
+      children: [
+        icon != null ? icon : /* @__PURE__ */ jsx(Terminal, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium font-mono text-foreground", children: name }),
+        /* @__PURE__ */ jsx("span", { className: statusBadgeVariants({ status }), children: getStatusLabel(status) }),
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+              ctx.open && "rotate-180"
+            )
+          }
+        )
+      ]
+    })
+  );
+}
+function ToolContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const ctx = useContext(ToolContext);
+  if (!(ctx == null ? void 0 : ctx.open)) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      id: ctx.contentId,
+      "data-slot": "tool-content",
+      role: "region",
+      className: cn("border-border border-t", className)
+    }, props)
+  );
+}
+function ToolInput(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "tool-input", className: cn("space-y-1 px-4 py-3", className) }, props), { children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium text-[10px] text-muted-foreground uppercase tracking-wider", children: "Input" }),
+    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-muted p-3 font-mono text-xs", children: props.children })
+  ] }));
+}
+function ToolOutput(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "tool-output",
+      className: cn("space-y-1 border-border border-t px-4 py-3", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-[10px] text-muted-foreground uppercase tracking-wider", children: "Output" }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-muted p-3 font-mono text-xs", children: props.children })
+      ]
+    })
+  );
+}
+
+export { Attachment, Attachments, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, Checkpoint, CheckpointIcon, CheckpointTrigger, Confirmation, ConfirmationAccepted, ConfirmationAction, ConfirmationActions, ConfirmationRejected, ConfirmationRequest, Context, ContextBody, ContextHeader, ContextUsage, Conversation, ConversationContent, ConversationDownload, ConversationEmptyState, ConversationScrollButton, InlineCitation, InlineCitationCard, Message, MessageAction, MessageActions, MessageAttachments, MessageAvatar, MessageBranch, MessageBranchSelector, MessageContent, MessageCopyAction, MessageFeedbackActions, MessageRegenerateAction, MessageResponse, ModelSelector, ModelSelectorContent, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorSeparator, ModelSelectorTrigger, Plan, PlanAction, PlanContent, PlanDescription, PlanFooter, PlanHeader, PlanTitle, PlanTrigger, PromptInput, PromptInputAttachButton, PromptInputBody, PromptInputFiles, PromptInputFooter, PromptInputHeader, PromptInputSubmit, PromptInputTextarea, PromptInputTools, QueueItem, QueueItemActions, QueueItemContent, QueueItemDescription, QueueItemIndicator, QueueList, QueueSection, QueueSectionLabel, QueueSectionTrigger, Reasoning, ReasoningContent, ReasoningTrigger, Shimmer, Source, Sources, SourcesContent, SourcesTrigger, Suggestion, Suggestions, Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, confirmationVariants, getStatusLabel, messageVariants, queueItemIndicatorVariants, responseBubbleVariants, statusBadgeVariants, useModelSelector, usePromptInput, useReasoning };
+//# sourceMappingURL=chatbot.js.map
+//# sourceMappingURL=chatbot.js.map