@tinkrapp/widget 1.0.0 → 1.0.2

package/dist/react.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var React = require('react');
-var react = require('@assistant-ui/react');
+var React2 = require('react');
+var react$1 = require('@assistant-ui/react');
 var reactAiSdk = require('@assistant-ui/react-ai-sdk');
 var react$2 = require('@emotion/react');
 var assistantStream = require('assistant-stream');
-var ReactMarkdown = require('react-markdown');
-var remarkGfm = require('remark-gfm');
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('@emotion/styled');
+var react = require('motion/react');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
 var reactSlot = require('@radix-ui/react-slot');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
-var styled = require('@emotion/styled');
-var react$1 = require('motion/react');
 var shallow = require('zustand/shallow');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -43,11 +43,11 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
@@ -279,657 +279,243 @@ var WidgetClient = class {
     this.events.emit("state:change", { previous, current: newState });
   }
 };
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
+var MessageContext = React2.createContext(null);
+function MessageContextProvider({ children }) {
+  const [selectedContext, setSelectedContext] = React2.useState([]);
+  const addContextItem = React2.useCallback((item) => {
+    console.log("[MessageContext] Adding context item:", item.id, item.title);
+    setSelectedContext((prev2) => {
+      if (prev2.some((i) => i.id === item.id)) {
+        console.log("[MessageContext] Item already exists, skipping");
+        return prev2;
+      }
+      console.log("[MessageContext] Context items count:", prev2.length + 1);
+      return [...prev2, item];
+    });
+  }, []);
+  const removeContextItem = React2.useCallback((id) => {
+    setSelectedContext((prev2) => prev2.filter((item) => item.id !== id));
+  }, []);
+  const clearContext = React2.useCallback(() => {
+    console.log("[MessageContext] Clearing context");
+    setSelectedContext([]);
+  }, []);
+  const setContext = React2.useCallback((items) => {
+    setSelectedContext(items);
+  }, []);
+  const consumeContext = React2.useCallback(() => {
+    const context = selectedContext;
+    console.log("[MessageContext] Consuming context:", context.length, "items");
+    return context;
+  }, [selectedContext]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Provider,
+    MessageContext.Provider,
     {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
+      value: {
+        selectedContext,
+        addContextItem,
+        removeContextItem,
+        clearContext,
+        setContext,
+        consumeContext
+      },
+      children
     }
   );
 }
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+function useMessageContext() {
+  const context = React2.useContext(MessageContext);
+  if (!context) {
+    throw new Error(
+      "useMessageContext must be used within a MessageContextProvider"
+    );
+  }
+  return context;
 }
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    TooltipPrimitive__namespace.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "bg-foreground text-background 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
+
+// src/react/styles/theme.ts
+var theme = {
+  colors: {
+    background: {
+      primary: "#1a1a1a",
+      secondary: "#2a2a2a",
+      tertiary: "#3a3a3a"
+    },
+    accent: {
+      primary: "#c9a227",
+      hover: "#d4af37",
+      muted: "rgba(201, 162, 39, 0.4)"
+    },
+    text: {
+      primary: "#ffffff",
+      secondary: "#888888",
+      tertiary: "#cccccc",
+      inverse: "#1a1a1a"
+    },
+    border: "#2a2a2a",
+    shadow: "rgba(0, 0, 0, 0.4)"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem",
+    "2xl": "3rem"
+  },
+  radii: {
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem",
+    full: "50%"
+  },
+  typography: {
+    fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      md: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem"
+    },
+    fontWeight: {
+      normal: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700
+    },
+    lineHeight: {
+      tight: 1.25,
+      normal: 1.5,
+      relaxed: 1.7
     }
-  ) });
+  },
+  zIndex: {
+    widget: 9999,
+    overlay: 9998
+  },
+  shadows: {
+    sm: "0 2px 8px rgba(0, 0, 0, 0.2)",
+    md: "0 4px 16px rgba(0, 0, 0, 0.3)",
+    lg: "0 8px 32px rgba(0, 0, 0, 0.4)",
+    accent: "0 4px 16px rgba(201, 162, 39, 0.4)",
+    accentHover: "0 6px 20px rgba(201, 162, 39, 0.5)"
+  },
+  transitions: {
+    fast: "0.15s ease",
+    normal: "0.2s ease",
+    slow: "0.3s ease"
+  }
+};
+function sheetForTag(tag) {
+  if (tag.sheet) {
+    return tag.sheet;
+  }
+  for (var i = 0; i < document.styleSheets.length; i++) {
+    if (document.styleSheets[i].ownerNode === tag) {
+      return document.styleSheets[i];
+    }
+  }
+  return void 0;
 }
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
+function createStyleElement(options) {
+  var tag = document.createElement("style");
+  tag.setAttribute("data-emotion", options.key);
+  if (options.nonce !== void 0) {
+    tag.setAttribute("nonce", options.nonce);
+  }
+  tag.appendChild(document.createTextNode(""));
+  tag.setAttribute("data-s", "");
+  return tag;
+}
+var StyleSheet = /* @__PURE__ */ (function() {
+  function StyleSheet2(options) {
+    var _this = this;
+    this._insertTag = function(tag) {
+      var before;
+      if (_this.tags.length === 0) {
+        if (_this.insertionPoint) {
+          before = _this.insertionPoint.nextSibling;
+        } else if (_this.prepend) {
+          before = _this.container.firstChild;
+        } else {
+          before = _this.before;
+        }
+      } else {
+        before = _this.tags[_this.tags.length - 1].nextSibling;
       }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+      _this.container.insertBefore(tag, before);
+      _this.tags.push(tag);
+    };
+    this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
+    this.tags = [];
+    this.ctr = 0;
+    this.nonce = options.nonce;
+    this.key = options.key;
+    this.container = options.container;
+    this.prepend = options.prepend;
+    this.insertionPoint = options.insertionPoint;
+    this.before = null;
   }
-);
-var Button = React__namespace.forwardRef(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
-  const Comp = asChild ? reactSlot.Slot : "button";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      ref,
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
+  var _proto = StyleSheet2.prototype;
+  _proto.hydrate = function hydrate(nodes) {
+    nodes.forEach(this._insertTag);
+  };
+  _proto.insert = function insert(rule) {
+    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
+      this._insertTag(createStyleElement(this));
     }
-  );
-});
-Button.displayName = "Button";
-var TooltipIconButton = React.forwardRef(({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "icon-sm", ...rest, ref, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "aui-sr-only sr-only", children: tooltip })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, children: tooltip })
-  ] });
-});
-TooltipIconButton.displayName = "TooltipIconButton";
-var ToolCard = ({
-  title,
-  subtitle,
-  isStreaming,
-  isError = false,
-  icon,
-  persistentContent,
-  children,
-  footer
-}) => {
-  const [manualExpanded, setManualExpanded] = React.useState(null);
-  const prevStreamingRef = React.useRef(isStreaming);
-  const contentRef = React.useRef(null);
-  const isExpanded = manualExpanded ?? isStreaming;
-  React.useEffect(() => {
-    if (isStreaming && !prevStreamingRef.current) {
-      setManualExpanded(null);
-    }
-    prevStreamingRef.current = isStreaming;
-  }, [isStreaming]);
-  React.useEffect(() => {
-    if (isStreaming && contentRef.current) {
-      contentRef.current.scrollTop = contentRef.current.scrollHeight;
-    }
-  });
-  const renderIcon = () => {
-    if (icon) return icon;
-    const iconClass = cn("h-4 w-4", isStreaming && "animate-spin");
-    if (isStreaming) {
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: iconClass });
-    }
-    if (isError) {
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "h-4 w-4 text-red-400" });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" });
-  };
-  const handleToggle = () => {
-    if (!isStreaming) {
-      setManualExpanded((prev2) => prev2 === null ? true : !prev2);
+    var tag = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var sheet = sheetForTag(tag);
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+      }
+    } else {
+      tag.appendChild(document.createTextNode(rule));
     }
+    this.ctr++;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2 overflow-hidden rounded-xl border border-border shadow-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-2 p-2 cursor-pointer transition-colors text-white bg-primary-foreground",
-          !isStreaming && "hover:opacity-90"
-        ),
-        onClick: handleToggle,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: renderIcon() }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium opacity-80 leading-tight text-xs text-muted-foreground", children: subtitle }),
-            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate font-semibold leading-tight text-sm text-muted-foreground", children: title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: "p-1 rounded hover:bg-white/20 transition-colors",
-              "aria-label": isExpanded ? "Collapse" : "Expand",
-              onClick: (e) => {
-                e.stopPropagation();
-                handleToggle();
-              },
-              children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4" })
-            }
-          )
-        ]
-      }
-    ),
-    persistentContent,
-    isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: contentRef,
-        className: "p-2 max-h-[400px] overflow-y-auto bg-secondary",
-        children
-      }
-    ),
-    isExpanded && footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2 border-t border-white/10 p-2 bg-primary-foreground/80", children: footer })
-  ] });
-};
-var useCopyToClipboard = ({
-  copiedDuration = 3e3
-} = {}) => {
-  const [isCopied, setIsCopied] = React.useState(false);
-  const copyToClipboard = (value) => {
-    if (!value) return;
-    navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), copiedDuration);
+  _proto.flush = function flush() {
+    this.tags.forEach(function(tag) {
+      var _tag$parentNode;
+      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
     });
+    this.tags = [];
+    this.ctr = 0;
   };
-  return { isCopied, copyToClipboard };
-};
-var MarkdownContent = React.memo(({ content }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-md max-w-none text-white", children: /* @__PURE__ */ jsxRuntime.jsx(
-    ReactMarkdown__default.default,
-    {
-      remarkPlugins: [remarkGfm__default.default],
-      components: {
-        h1: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "h1",
-          {
-            className: cn(
-              "mb-2 font-extrabold tracking-tight last:mb-0 text-white",
-              className
-            ),
-            style: { fontSize: "12px" },
-            ...props
-          }
-        ),
-        h2: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "h2",
-          {
-            className: cn(
-              "mt-3 mb-1.5 font-semibold tracking-tight first:mt-0 last:mb-0 text-white",
-              className
-            ),
-            style: { fontSize: "10px" },
-            ...props
-          }
-        ),
-        h3: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "h3",
-          {
-            className: cn(
-              "mt-2 mb-1 font-semibold tracking-tight first:mt-0 last:mb-0 text-white",
-              className
-            ),
-            style: { fontSize: "9px" },
-            ...props
-          }
-        ),
-        p: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            className: cn(
-              "mt-1.5 mb-1.5 leading-relaxed first:mt-0 last:mb-0 text-white/90",
-              className
-            ),
-            ...props
-          }
-        ),
-        ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "ul",
-          {
-            className: cn(
-              "my-1.5 ml-3 list-disc [&>li]:mt-0.5 text-white/90",
-              className
-            ),
-            ...props
-          }
-        ),
-        ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "ol",
-          {
-            className: cn(
-              "my-1.5 ml-3 list-decimal [&>li]:mt-0.5 text-white/90",
-              className
-            ),
-            ...props
-          }
-        ),
-        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "blockquote",
-          {
-            className: cn(
-              "border-l-2 border-white/30 pl-2 italic text-white/70",
-              className
-            ),
-            ...props
-          }
-        ),
-        pre: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "pre",
-          {
-            className: cn(
-              "overflow-x-auto rounded bg-black/30 p-1.5 text-white/90 my-1.5",
-              className
-            ),
-            ...props
-          }
-        ),
-        code: ({ className, ...props }) => {
-          const isInline = !className?.includes("language-");
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "code",
-            {
-              className: cn(
-                isInline && "rounded bg-black/30 px-0.5 py-0.5 font-mono text-white/90",
-                className
-              ),
-              ...props
-            }
-          );
-        },
-        a: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            className: cn(
-              "font-medium text-blue-300 underline underline-offset-2",
-              className
-            ),
-            target: "_blank",
-            rel: "noopener noreferrer",
-            ...props
-          }
-        ),
-        hr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-          "hr",
-          {
-            className: cn("my-2 border-b border-white/20", className),
-            ...props
-          }
-        )
-      },
-      children: content
-    }
-  ) });
-});
-MarkdownContent.displayName = "MarkdownContent";
-var DetailedAnswerToolUI = react.makeAssistantToolUI({
-  toolName: "generateDetailedAnswer",
-  render: function DetailedAnswerUI({ args, result, status }) {
-    const { isCopied, copyToClipboard } = useCopyToClipboard();
-    const isStreaming = status.type === "running";
-    const isError = status.type === "incomplete";
-    const title = result?.title || args.title || "Generating...";
-    const content = result?.content || args.content || "";
-    const summary = result?.summary || args.summary || "";
-    const handleCopy = () => {
-      if (content) {
-        copyToClipboard(content);
-      }
-    };
-    const handleOpenFullScreen = () => {
-      const newWindow = window.open("", "_blank");
-      if (newWindow) {
-        newWindow.document.write(`
-          <!DOCTYPE html>
-          <html>
-            <head>
-              <title>${title}</title>
-              <meta charset="utf-8">
-              <meta name="viewport" content="width=device-width, initial-scale=1">
-              <style>
-                body {
-                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-                  max-width: 800px;
-                  margin: 0 auto;
-                  padding: 2rem;
-                  line-height: 1.6;
-                  color: #1a1a1a;
-                }
-                h1 { border-bottom: 1px solid #eee; padding-bottom: 0.5rem; }
-                pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; border-radius: 4px; }
-                code { background: #f5f5f5; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.9em; }
-                pre code { background: none; padding: 0; }
-                blockquote { border-left: 4px solid #ddd; margin: 0; padding-left: 1rem; color: #666; }
-              </style>
-            </head>
-            <body>
-              <h1>${title}</h1>
-              <div id="content">${content.replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>
-              <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-              <script>
-                document.getElementById('content').innerHTML = marked.parse(${JSON.stringify(
-          content
-        )});
-              </script>
-            </body>
-          </html>
-        `);
-        newWindow.document.close();
-      }
-    };
-    const persistentSummary = summary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-white/80 border-b border-white/10 bg-primary-foreground text-xs", children: summary }) : void 0;
-    const footerActions = content ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TooltipIconButton,
-        {
-          tooltip: isCopied ? "Copied!" : "Copy markdown",
-          onClick: handleCopy,
-          className: "flex items-center justify-center rounded-md p-1.5 text-white/70 hover:bg-white/10 transition-colors",
-          children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "h-3.5 w-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TooltipIconButton,
-        {
-          tooltip: "Open in new window",
-          onClick: handleOpenFullScreen,
-          className: "flex items-center justify-center rounded-md p-1.5 text-white/70 hover:bg-white/10 transition-colors",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "h-3.5 w-3.5" })
-        }
-      )
-    ] }) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToolCard,
-      {
-        title,
-        isStreaming,
-        isError,
-        icon: !isStreaming && !isError ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, { className: "h-4 w-4" }) : void 0,
-        persistentContent: persistentSummary,
-        footer: footerActions,
-        children: content ? /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent, { content }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground italic", children: "Generating content..." })
-      }
-    );
-  }
-});
-var MessageContext = React.createContext(null);
-function MessageContextProvider({ children }) {
-  const [selectedContext, setSelectedContext] = React.useState([]);
-  const addContextItem = React.useCallback((item) => {
-    console.log("[MessageContext] Adding context item:", item.id, item.title);
-    setSelectedContext((prev2) => {
-      if (prev2.some((i) => i.id === item.id)) {
-        console.log("[MessageContext] Item already exists, skipping");
-        return prev2;
-      }
-      console.log("[MessageContext] Context items count:", prev2.length + 1);
-      return [...prev2, item];
-    });
-  }, []);
-  const removeContextItem = React.useCallback((id) => {
-    setSelectedContext((prev2) => prev2.filter((item) => item.id !== id));
-  }, []);
-  const clearContext = React.useCallback(() => {
-    console.log("[MessageContext] Clearing context");
-    setSelectedContext([]);
-  }, []);
-  const setContext = React.useCallback((items) => {
-    setSelectedContext(items);
-  }, []);
-  const consumeContext = React.useCallback(() => {
-    const context = selectedContext;
-    console.log("[MessageContext] Consuming context:", context.length, "items");
-    return context;
-  }, [selectedContext]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MessageContext.Provider,
-    {
-      value: {
-        selectedContext,
-        addContextItem,
-        removeContextItem,
-        clearContext,
-        setContext,
-        consumeContext
-      },
-      children
-    }
-  );
+  return StyleSheet2;
+})();
+
+// ../../node_modules/stylis/src/Enum.js
+var MS = "-ms-";
+var MOZ = "-moz-";
+var WEBKIT = "-webkit-";
+var COMMENT = "comm";
+var RULESET = "rule";
+var DECLARATION = "decl";
+var IMPORT = "@import";
+var KEYFRAMES = "@keyframes";
+var LAYER = "@layer";
+
+// ../../node_modules/stylis/src/Utility.js
+var abs = Math.abs;
+var from = String.fromCharCode;
+var assign = Object.assign;
+function hash(value, length2) {
+  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
 }
-function useMessageContext() {
-  const context = React.useContext(MessageContext);
-  if (!context) {
-    throw new Error(
-      "useMessageContext must be used within a MessageContextProvider"
-    );
-  }
-  return context;
+function trim(value) {
+  return value.trim();
 }
-
-// src/react/styles/theme.ts
-var theme = {
-  colors: {
-    background: {
-      primary: "#1a1a1a",
-      secondary: "#2a2a2a",
-      tertiary: "#3a3a3a"
-    },
-    accent: {
-      primary: "#c9a227",
-      hover: "#d4af37",
-      muted: "rgba(201, 162, 39, 0.4)"
-    },
-    text: {
-      primary: "#ffffff",
-      secondary: "#888888",
-      tertiary: "#cccccc",
-      inverse: "#1a1a1a"
-    },
-    border: "#2a2a2a",
-    shadow: "rgba(0, 0, 0, 0.4)"
-  },
-  spacing: {
-    xs: "0.25rem",
-    sm: "0.5rem",
-    md: "1rem",
-    lg: "1.5rem",
-    xl: "2rem",
-    "2xl": "3rem"
-  },
-  radii: {
-    sm: "0.5rem",
-    md: "0.75rem",
-    lg: "1rem",
-    xl: "1.5rem",
-    full: "50%"
-  },
-  typography: {
-    fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-    fontSize: {
-      xs: "0.75rem",
-      sm: "0.875rem",
-      md: "1rem",
-      lg: "1.125rem",
-      xl: "1.25rem",
-      "2xl": "1.5rem"
-    },
-    fontWeight: {
-      normal: 400,
-      medium: 500,
-      semibold: 600,
-      bold: 700
-    },
-    lineHeight: {
-      tight: 1.25,
-      normal: 1.5,
-      relaxed: 1.7
-    }
-  },
-  zIndex: {
-    widget: 9999,
-    overlay: 9998
-  },
-  shadows: {
-    sm: "0 2px 8px rgba(0, 0, 0, 0.2)",
-    md: "0 4px 16px rgba(0, 0, 0, 0.3)",
-    lg: "0 8px 32px rgba(0, 0, 0, 0.4)",
-    accent: "0 4px 16px rgba(201, 162, 39, 0.4)",
-    accentHover: "0 6px 20px rgba(201, 162, 39, 0.5)"
-  },
-  transitions: {
-    fast: "0.15s ease",
-    normal: "0.2s ease",
-    slow: "0.3s ease"
-  }
-};
-function sheetForTag(tag) {
-  if (tag.sheet) {
-    return tag.sheet;
-  }
-  for (var i = 0; i < document.styleSheets.length; i++) {
-    if (document.styleSheets[i].ownerNode === tag) {
-      return document.styleSheets[i];
-    }
-  }
-  return void 0;
+function match(value, pattern) {
+  return (value = pattern.exec(value)) ? value[0] : value;
 }
-function createStyleElement(options) {
-  var tag = document.createElement("style");
-  tag.setAttribute("data-emotion", options.key);
-  if (options.nonce !== void 0) {
-    tag.setAttribute("nonce", options.nonce);
-  }
-  tag.appendChild(document.createTextNode(""));
-  tag.setAttribute("data-s", "");
-  return tag;
-}
-var StyleSheet = /* @__PURE__ */ (function() {
-  function StyleSheet2(options) {
-    var _this = this;
-    this._insertTag = function(tag) {
-      var before;
-      if (_this.tags.length === 0) {
-        if (_this.insertionPoint) {
-          before = _this.insertionPoint.nextSibling;
-        } else if (_this.prepend) {
-          before = _this.container.firstChild;
-        } else {
-          before = _this.before;
-        }
-      } else {
-        before = _this.tags[_this.tags.length - 1].nextSibling;
-      }
-      _this.container.insertBefore(tag, before);
-      _this.tags.push(tag);
-    };
-    this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
-    this.tags = [];
-    this.ctr = 0;
-    this.nonce = options.nonce;
-    this.key = options.key;
-    this.container = options.container;
-    this.prepend = options.prepend;
-    this.insertionPoint = options.insertionPoint;
-    this.before = null;
-  }
-  var _proto = StyleSheet2.prototype;
-  _proto.hydrate = function hydrate(nodes) {
-    nodes.forEach(this._insertTag);
-  };
-  _proto.insert = function insert(rule) {
-    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
-      this._insertTag(createStyleElement(this));
-    }
-    var tag = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var sheet = sheetForTag(tag);
-      try {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      } catch (e) {
-      }
-    } else {
-      tag.appendChild(document.createTextNode(rule));
-    }
-    this.ctr++;
-  };
-  _proto.flush = function flush() {
-    this.tags.forEach(function(tag) {
-      var _tag$parentNode;
-      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
-    });
-    this.tags = [];
-    this.ctr = 0;
-  };
-  return StyleSheet2;
-})();
-
-// ../../node_modules/stylis/src/Enum.js
-var MS = "-ms-";
-var MOZ = "-moz-";
-var WEBKIT = "-webkit-";
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-
-// ../../node_modules/stylis/src/Utility.js
-var abs = Math.abs;
-var from = String.fromCharCode;
-var assign = Object.assign;
-function hash(value, length2) {
-  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
-}
-function trim(value) {
-  return value.trim();
-}
-function match(value, pattern) {
-  return (value = pattern.exec(value)) ? value[0] : value;
-}
-function replace(value, pattern, replacement) {
-  return value.replace(pattern, replacement);
+function replace(value, pattern, replacement) {
+  return value.replace(pattern, replacement);
 }
 function indexof(value, search) {
   return value.indexOf(search);
@@ -1819,7 +1405,7 @@ var IconButton = styled__default.default.button`
     color: ${({ theme: theme2 }) => theme2.colors.text.secondary};
   }
 `;
-var FAB = styled__default.default(react$1.motion.button)`
+var FAB = styled__default.default(react.motion.button)`
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -2030,7 +1616,7 @@ var WidgetRoot = styled__default.default.div`
   z-index: ${({ theme: theme2 }) => theme2.zIndex.widget};
   font-family: ${({ theme: theme2 }) => theme2.typography.fontFamily};
 `;
-var WidgetPanel = styled__default.default(react$1.motion.div)`
+var WidgetPanel = styled__default.default(react.motion.div)`
   width: 400px;
   height: 700px;
   border-radius: ${({ theme: theme2 }) => theme2.radii.xl};
@@ -2084,7 +1670,7 @@ styled__default.default.div`
   text-align: center;
   padding: ${({ theme: theme2 }) => theme2.spacing.xl};
 `;
-var WidgetContext = React.createContext(null);
+var WidgetContext = React2.createContext(null);
 function generateUserId() {
   return crypto.randomUUID();
 }
@@ -2095,410 +1681,949 @@ function createApiHeaders(userId, assistantId) {
     "X-Assistant-Id": assistantId
   };
 }
-function createThreadListAdapter(baseUrl, userId, assistantId) {
-  const headers = createApiHeaders(userId, assistantId);
-  return {
-    // List all threads for this user
-    async list() {
+function createThreadListAdapter(baseUrl, userId, assistantId) {
+  const headers = createApiHeaders(userId, assistantId);
+  return {
+    // List all threads for this user
+    async list() {
+      try {
+        const response = await fetch(`${baseUrl}/api/widget/threads`, {
+          headers
+        });
+        if (!response.ok) {
+          console.error("[Threads] List failed:", response.status);
+          return { threads: [] };
+        }
+        const data = await response.json();
+        return { threads: data.threads || [] };
+      } catch (error) {
+        console.error("[Threads] List error:", error);
+        return { threads: [] };
+      }
+    },
+    // Fetch a single thread's details
+    async fetch(remoteId) {
+      const response = await fetch(
+        `${baseUrl}/api/widget/threads/${remoteId}`,
+        {
+          headers
+        }
+      );
+      if (!response.ok) {
+        throw new Error(`Failed to fetch thread: ${response.status}`);
+      }
+      const data = await response.json();
+      return {
+        remoteId: data.remoteId,
+        status: data.status,
+        title: data.title
+      };
+    },
+    // Initialize a new thread
+    async initialize(localId) {
+      try {
+        const response = await fetch(`${baseUrl}/api/widget/threads`, {
+          method: "POST",
+          headers,
+          body: JSON.stringify({ localId })
+        });
+        if (!response.ok) {
+          throw new Error(`Failed to create thread: ${response.status}`);
+        }
+        const data = await response.json();
+        return { remoteId: data.remoteId, externalId: data.externalId };
+      } catch (error) {
+        console.error("[Threads] Initialize error:", error);
+        throw error;
+      }
+    },
+    // Rename a thread
+    async rename(remoteId, newTitle) {
+      try {
+        await fetch(`${baseUrl}/api/widget/threads/${remoteId}`, {
+          method: "PATCH",
+          headers,
+          body: JSON.stringify({ title: newTitle })
+        });
+      } catch (error) {
+        console.error("[Threads] Rename error:", error);
+      }
+    },
+    // Archive a thread
+    async archive(remoteId) {
+      try {
+        await fetch(`${baseUrl}/api/widget/threads/${remoteId}/archive`, {
+          method: "POST",
+          headers
+        });
+      } catch (error) {
+        console.error("[Threads] Archive error:", error);
+      }
+    },
+    // Unarchive a thread
+    async unarchive(remoteId) {
+      try {
+        await fetch(`${baseUrl}/api/widget/threads/${remoteId}/unarchive`, {
+          method: "POST",
+          headers
+        });
+      } catch (error) {
+        console.error("[Threads] Unarchive error:", error);
+      }
+    },
+    // Delete a thread
+    async delete(remoteId) {
+      try {
+        await fetch(`${baseUrl}/api/widget/threads/${remoteId}`, {
+          method: "DELETE",
+          headers
+        });
+      } catch (error) {
+        console.error("[Threads] Delete error:", error);
+      }
+    },
+    // Generate a title from messages
+    async generateTitle(remoteId, messages) {
+      return assistantStream.createAssistantStream(async (controller) => {
+        try {
+          const response = await fetch(
+            `${baseUrl}/api/widget/threads/${remoteId}/title`,
+            {
+              method: "POST",
+              headers,
+              body: JSON.stringify({ messages })
+            }
+          );
+          if (!response.ok) {
+            throw new Error(`Title generation failed: ${response.status}`);
+          }
+          const data = await response.json();
+          controller.appendText(data.title);
+          controller.close();
+        } catch (error) {
+          console.error("[Threads] Title generation error:", error);
+          controller.appendText("New Chat");
+          controller.close();
+        }
+      });
+    }
+  };
+}
+async function saveMessages(baseUrl, userId, assistantId, threadId, messages) {
+  try {
+    const response = await fetch(
+      `${baseUrl}/api/widget/threads/${threadId}/messages/sync`,
+      {
+        method: "POST",
+        headers: createApiHeaders(userId, assistantId),
+        body: JSON.stringify({ messages })
+      }
+    );
+    if (!response.ok) {
+      console.error("[Messages] Sync failed:", response.status);
+    }
+  } catch (error) {
+    console.error("[Messages] Sync error:", error);
+  }
+}
+function createHistoryAdapter(baseUrl, userId, assistantId, remoteId) {
+  const headers = createApiHeaders(userId, assistantId);
+  return {
+    async load() {
+      console.log("[History] load() called, remoteId:", remoteId);
+      if (!remoteId) return { headId: null, messages: [] };
+      try {
+        const response = await fetch(
+          `${baseUrl}/api/widget/threads/${remoteId}/messages`,
+          { headers }
+        );
+        if (!response.ok) {
+          console.error("[History] Failed to load messages:", response.status);
+          return { headId: null, messages: [] };
+        }
+        const { messages } = await response.json();
+        console.log("[History] Loaded messages:", messages.length);
+        const formattedMessages = messages.map(
+          (m, index) => ({
+            parentId: index > 0 ? messages[index - 1].id : null,
+            message: {
+              id: m.id,
+              role: m.role,
+              parts: m.content,
+              metadata: m.metadata,
+              createdAt: new Date(m.createdAt)
+            }
+          })
+        );
+        console.log("[History] Formatted messages:", formattedMessages.length);
+        return {
+          headId: messages.length > 0 ? messages[messages.length - 1].id : null,
+          messages: formattedMessages
+        };
+      } catch (error) {
+        console.error("[History] Load error:", error);
+        return { headId: null, messages: [] };
+      }
+    },
+    async append(message) {
+      console.log("[History] append() called");
+    },
+    // Required by useExternalHistory in @assistant-ui/react-ai-sdk
+    withFormat(_formatAdapter) {
+      console.log("[History.withFormat] called, remoteId:", remoteId);
+      return {
+        async load() {
+          if (!remoteId) return { headId: null, messages: [] };
+          try {
+            const response = await fetch(
+              `${baseUrl}/api/widget/threads/${remoteId}/messages`,
+              { headers }
+            );
+            if (!response.ok) {
+              console.error("[History.withFormat] Failed:", response.status);
+              return { headId: null, messages: [] };
+            }
+            const { messages } = await response.json();
+            console.log("[History.withFormat] Loaded:", messages.length);
+            const formattedMessages = messages.map(
+              (m, index) => ({
+                parentId: index > 0 ? messages[index - 1].id : null,
+                message: {
+                  id: m.id,
+                  role: m.role,
+                  parts: m.content,
+                  metadata: m.metadata,
+                  createdAt: new Date(m.createdAt)
+                }
+              })
+            );
+            return {
+              headId: messages.length > 0 ? messages[messages.length - 1].id : null,
+              messages: formattedMessages
+            };
+          } catch (error) {
+            console.error("[History.withFormat] Error:", error);
+            return { headId: null, messages: [] };
+          }
+        },
+        async append(_item) {
+        }
+      };
+    }
+  };
+}
+function AssistantRuntimeWrapper({
+  config,
+  userId,
+  children
+}) {
+  const baseUrl = config.baseUrl || "http://localhost:3000";
+  const assistantId = config.apiKey;
+  const { consumeContext, clearContext } = useMessageContext();
+  const contextRef = React2.useRef(consumeContext);
+  contextRef.current = consumeContext;
+  const clearContextRef = React2.useRef(clearContext);
+  clearContextRef.current = clearContext;
+  const threadListAdapter = React2.useMemo(
+    () => createThreadListAdapter(baseUrl, userId, assistantId),
+    [baseUrl, userId, assistantId]
+  );
+  const runtime = react$1.unstable_useRemoteThreadListRuntime({
+    runtimeHook: function useChatThreadRuntime() {
+      const threadId = react$1.useAssistantState(
+        ({ threadListItem }) => threadListItem?.remoteId ?? void 0
+      );
+      const threadIdRef = React2.useRef(threadId);
+      threadIdRef.current = threadId;
+      const history = React2.useMemo(
+        () => createHistoryAdapter(baseUrl, userId, assistantId, threadId),
+        [threadId]
+      );
+      const transport = React2.useMemo(() => {
+        console.log("[Widget] Creating transport for threadId:", threadId);
+        return new reactAiSdk.AssistantChatTransport({
+          api: `${baseUrl}/api/widget/chat`,
+          headers: {
+            "X-User-Id": userId,
+            "X-Assistant-Id": assistantId
+          },
+          // Use body as a function to dynamically include context
+          body: () => {
+            const currentContext = contextRef.current();
+            const contextIds = currentContext.map((item) => item.id);
+            const contextMetadata = currentContext.map((item) => ({
+              id: item.id,
+              type: item.type,
+              title: item.title
+            }));
+            console.log(
+              "[Widget] Transport body - contextIds:",
+              contextIds.length,
+              "threadId:",
+              threadId
+            );
+            if (contextIds.length > 0) {
+              setTimeout(() => clearContextRef.current(), 0);
+            }
+            return {
+              assistantId,
+              threadId,
+              ...contextIds.length > 0 && { contextIds, contextMetadata }
+            };
+          }
+        });
+      }, [threadId]);
+      const runtime2 = reactAiSdk.useChatRuntime({
+        transport,
+        adapters: { history },
+        onFinish: ({ message, messages }) => {
+          const currentThreadId = threadIdRef.current;
+          console.log(
+            "[Widget] onFinish - threadId:",
+            currentThreadId,
+            "messages:",
+            messages.length
+          );
+          if (currentThreadId && messages.length > 0) {
+            saveMessages(
+              baseUrl,
+              userId,
+              assistantId,
+              currentThreadId,
+              messages
+            );
+          }
+        }
+      });
+      return runtime2;
+    },
+    adapter: threadListAdapter
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantRuntimeProvider, { runtime, children });
+}
+function WidgetProvider({
+  config,
+  children,
+  autoInitialize = true
+}) {
+  const [userId] = React2.useState(() => config.userId || generateUserId());
+  const [client] = React2.useState(() => new WidgetClient(config));
+  const [state, setState] = React2.useState(client.getState());
+  React2.useEffect(() => {
+    const unsubscribe = client.on("state:change", ({ current }) => {
+      setState(current);
+    });
+    if (autoInitialize && state.status === "idle") {
+      client.initialize().catch(console.error);
+    }
+    return () => {
+      unsubscribe();
+      client.destroy();
+    };
+  }, [client, autoInitialize, state.status]);
+  const contextValue = React2.useMemo(
+    () => ({ client, state, userId }),
+    [client, state, userId]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(react$2.CacheProvider, { value: widgetCache, children: /* @__PURE__ */ jsxRuntime.jsx(react$2.ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(WidgetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(MessageContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeWrapper, { config, userId, children }) }) }) }) });
+}
+function useWidget() {
+  const context = React2.useContext(WidgetContext);
+  if (!context) {
+    throw new Error("useWidget must be used within a WidgetProvider");
+  }
+  const { client, state } = context;
+  const initialize = React2.useCallback(async () => {
+    if (state.status === "idle") {
+      await client.initialize();
+    }
+  }, [client, state.status]);
+  const sendMessage = React2.useCallback(
+    async (content) => {
+      return client.sendMessage(content);
+    },
+    [client]
+  );
+  return {
+    state,
+    client,
+    isIdle: state.status === "idle",
+    isInitializing: state.status === "initializing",
+    isReady: state.status === "ready",
+    isLoading: state.status === "loading",
+    isError: state.status === "error",
+    messages: state.status === "ready" ? state.session.messages : [],
+    error: state.status === "error" ? state.error : null,
+    initialize,
+    sendMessage
+  };
+}
+function useChat() {
+  const { sendMessage, messages, isLoading, isReady } = useWidget();
+  const [input, setInput] = React2.useState("");
+  const handleSubmit = React2.useCallback(
+    async (e) => {
+      e?.preventDefault();
+      if (!input.trim() || !isReady || isLoading) {
+        return;
+      }
+      const message = input.trim();
+      setInput("");
       try {
-        const response = await fetch(`${baseUrl}/api/widget/threads`, {
-          headers
-        });
-        if (!response.ok) {
-          console.error("[Threads] List failed:", response.status);
-          return { threads: [] };
-        }
-        const data = await response.json();
-        return { threads: data.threads || [] };
+        await sendMessage(message);
       } catch (error) {
-        console.error("[Threads] List error:", error);
-        return { threads: [] };
+        console.error("Failed to send message:", error);
+        setInput(message);
       }
     },
-    // Fetch a single thread's details
-    async fetch(remoteId) {
-      const response = await fetch(
-        `${baseUrl}/api/widget/threads/${remoteId}`,
-        {
-          headers
+    [input, isReady, isLoading, sendMessage]
+  );
+  return {
+    input,
+    setInput,
+    handleSubmit,
+    messages,
+    isLoading,
+    canSubmit: isReady && !isLoading && input.trim().length > 0
+  };
+}
+var ThreadListItem = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Root, { className: "group relative flex items-center gap-2 px-2 py-1.5 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors rounded-sm", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }) }) });
+};
+var ChatHistoryPopover = ({
+  onSelectThread
+}) => {
+  const handleThreadSelect = () => {
+    onSelectThread?.();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", onClick: handleThreadSelect, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", style: { color: "hsl(var(--muted-foreground))" }, children: "Previous 7 days" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[300px] overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.ThreadListPrimitive.Items,
+      {
+        components: {
+          ThreadListItem
         }
-      );
-      if (!response.ok) {
-        throw new Error(`Failed to fetch thread: ${response.status}`);
       }
-      const data = await response.json();
-      return {
-        remoteId: data.remoteId,
-        status: data.status,
-        title: data.title
-      };
-    },
-    // Initialize a new thread
-    async initialize(localId) {
-      try {
-        const response = await fetch(`${baseUrl}/api/widget/threads`, {
-          method: "POST",
-          headers,
-          body: JSON.stringify({ localId })
-        });
-        if (!response.ok) {
-          throw new Error(`Failed to create thread: ${response.status}`);
+    ) })
+  ] });
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var categoryIcons = {
+  audio: lucideReact.HeadphonesIcon,
+  "audio-overview": lucideReact.HeadphonesIcon,
+  "video-overview": lucideReact.VideoIcon,
+  "mind-map": lucideReact.NetworkIcon,
+  reports: lucideReact.FileTextIcon,
+  flashcards: lucideReact.LayersIcon,
+  quiz: lucideReact.HelpCircleIcon,
+  "slide-deck": lucideReact.PresentationIcon,
+  infographic: lucideReact.BarChart3Icon
+};
+var categoryColors = {
+  audio: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
+  "audio-overview": "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
+  "video-overview": "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300",
+  "mind-map": "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
+  reports: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300",
+  flashcards: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300",
+  quiz: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300",
+  "slide-deck": "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300",
+  infographic: "bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300"
+};
+var categoryLabels = {
+  audio: "Audio",
+  "audio-overview": "Audio Overview",
+  "video-overview": "Video Overview",
+  "mind-map": "Mind Map",
+  reports: "Report",
+  flashcards: "Flashcards",
+  quiz: "Quiz",
+  "slide-deck": "Slide Deck",
+  infographic: "Infographic"
+};
+var ArtifactCard = ({
+  category,
+  title,
+  content,
+  isLoading,
+  children
+}) => {
+  const Icon = categoryIcons[category];
+  const colorClass = categoryColors[category];
+  const label = categoryLabels[category];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 overflow-hidden rounded-xl border border-border bg-card shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3 px-4 py-3", colorClass), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-white/50 dark:bg-black/20", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium opacity-80", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate font-semibold text-sm", children: title })
+      ] })
+    ] }),
+    content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-4 whitespace-pre-wrap", children: content }) }),
+    children,
+    !isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { className: "h-3 w-3" }),
+        "Export"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "h-3 w-3" }),
+        "Open"
+      ] })
+    ] })
+  ] });
+};
+function createArtifactToolUI(category) {
+  return react$1.makeAssistantToolUI({
+    toolName: `create_${category.replace(/-/g, "_")}`,
+    render: ({ args, result, status }) => {
+      const isLoading = status.type === "running";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ArtifactCard,
+        {
+          category,
+          title: args.title || "Generating...",
+          content: result?.content || args.content,
+          isLoading
         }
-        const data = await response.json();
-        return { remoteId: data.remoteId, externalId: data.externalId };
-      } catch (error) {
-        console.error("[Threads] Initialize error:", error);
-        throw error;
-      }
-    },
-    // Rename a thread
-    async rename(remoteId, newTitle) {
-      try {
-        await fetch(`${baseUrl}/api/widget/threads/${remoteId}`, {
-          method: "PATCH",
-          headers,
-          body: JSON.stringify({ title: newTitle })
-        });
-      } catch (error) {
-        console.error("[Threads] Rename error:", error);
-      }
-    },
-    // Archive a thread
-    async archive(remoteId) {
-      try {
-        await fetch(`${baseUrl}/api/widget/threads/${remoteId}/archive`, {
-          method: "POST",
-          headers
-        });
-      } catch (error) {
-        console.error("[Threads] Archive error:", error);
+      );
+    }
+  });
+}
+var AudioOverviewToolUI = createArtifactToolUI("audio-overview");
+var VideoOverviewToolUI = createArtifactToolUI("video-overview");
+var MindMapToolUI = createArtifactToolUI("mind-map");
+var ReportsToolUI = createArtifactToolUI("reports");
+var FlashcardsToolUI = createArtifactToolUI("flashcards");
+var QuizToolUI = createArtifactToolUI("quiz");
+var SlideDeckToolUI = createArtifactToolUI("slide-deck");
+var InfographicToolUI = createArtifactToolUI("infographic");
+var ArtifactToolUIs = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AudioOverviewToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(VideoOverviewToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(MindMapToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ReportsToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(FlashcardsToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(QuizToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(SlideDeckToolUI, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(InfographicToolUI, {})
+  ] });
+};
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
-    // Unarchive a thread
-    async unarchive(remoteId) {
-      try {
-        await fetch(`${baseUrl}/api/widget/threads/${remoteId}/unarchive`, {
-          method: "POST",
-          headers
-        });
-      } catch (error) {
-        console.error("[Threads] Unarchive error:", error);
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button2 = React2__namespace.forwardRef(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+});
+Button2.displayName = "Button";
+var TooltipIconButton = React2.forwardRef(({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "icon-sm", ...rest, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "aui-sr-only sr-only", children: tooltip })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side, children: tooltip })
+  ] });
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+var ToolCard = ({
+  title,
+  subtitle,
+  isStreaming,
+  isError = false,
+  icon,
+  persistentContent,
+  children,
+  footer
+}) => {
+  const [manualExpanded, setManualExpanded] = React2.useState(null);
+  const prevStreamingRef = React2.useRef(isStreaming);
+  const contentRef = React2.useRef(null);
+  const isExpanded = manualExpanded ?? isStreaming;
+  React2.useEffect(() => {
+    if (isStreaming && !prevStreamingRef.current) {
+      setManualExpanded(null);
+    }
+    prevStreamingRef.current = isStreaming;
+  }, [isStreaming]);
+  React2.useEffect(() => {
+    if (isStreaming && contentRef.current) {
+      contentRef.current.scrollTop = contentRef.current.scrollHeight;
+    }
+  });
+  const renderIcon = () => {
+    if (icon) return icon;
+    const iconClass = cn("h-4 w-4", isStreaming && "animate-spin");
+    if (isStreaming) {
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: iconClass });
+    }
+    if (isError) {
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircleIcon, { className: "h-4 w-4 text-red-400" });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" });
+  };
+  const handleToggle = () => {
+    if (!isStreaming) {
+      setManualExpanded((prev2) => prev2 === null ? true : !prev2);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2 overflow-hidden rounded-xl border border-border shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-2 p-2 cursor-pointer transition-colors text-white bg-primary-foreground",
+          !isStreaming && "hover:opacity-90"
+        ),
+        onClick: handleToggle,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: renderIcon() }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium opacity-80 leading-tight text-xs text-muted-foreground", children: subtitle }),
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate font-semibold leading-tight text-sm text-muted-foreground", children: title })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "p-1 rounded hover:bg-white/20 transition-colors",
+              "aria-label": isExpanded ? "Collapse" : "Expand",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleToggle();
+              },
+              children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4" })
+            }
+          )
+        ]
       }
-    },
-    // Delete a thread
-    async delete(remoteId) {
-      try {
-        await fetch(`${baseUrl}/api/widget/threads/${remoteId}`, {
-          method: "DELETE",
-          headers
-        });
-      } catch (error) {
-        console.error("[Threads] Delete error:", error);
+    ),
+    persistentContent,
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: contentRef,
+        className: "p-2 max-h-[400px] overflow-y-auto bg-secondary",
+        children
       }
-    },
-    // Generate a title from messages
-    async generateTitle(remoteId, messages) {
-      return assistantStream.createAssistantStream(async (controller) => {
-        try {
-          const response = await fetch(
-            `${baseUrl}/api/widget/threads/${remoteId}/title`,
+    ),
+    isExpanded && footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2 border-t border-white/10 p-2 bg-primary-foreground/80", children: footer })
+  ] });
+};
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = React2.useState(false);
+  const copyToClipboard = (value) => {
+    if (!value) return;
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), copiedDuration);
+    });
+  };
+  return { isCopied, copyToClipboard };
+};
+var MarkdownContent = React2.memo(({ content }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-md max-w-none text-white", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default.default,
+    {
+      remarkPlugins: [remarkGfm__default.default],
+      components: {
+        h1: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "h1",
+          {
+            className: cn(
+              "mb-2 font-extrabold tracking-tight last:mb-0 text-white",
+              className
+            ),
+            style: { fontSize: "12px" },
+            ...props
+          }
+        ),
+        h2: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            className: cn(
+              "mt-3 mb-1.5 font-semibold tracking-tight first:mt-0 last:mb-0 text-white",
+              className
+            ),
+            style: { fontSize: "10px" },
+            ...props
+          }
+        ),
+        h3: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "h3",
+          {
+            className: cn(
+              "mt-2 mb-1 font-semibold tracking-tight first:mt-0 last:mb-0 text-white",
+              className
+            ),
+            style: { fontSize: "9px" },
+            ...props
+          }
+        ),
+        p: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "mt-1.5 mb-1.5 leading-relaxed first:mt-0 last:mb-0 text-white/90",
+              className
+            ),
+            ...props
+          }
+        ),
+        ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "ul",
+          {
+            className: cn(
+              "my-1.5 ml-3 list-disc [&>li]:mt-0.5 text-white/90",
+              className
+            ),
+            ...props
+          }
+        ),
+        ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "ol",
+          {
+            className: cn(
+              "my-1.5 ml-3 list-decimal [&>li]:mt-0.5 text-white/90",
+              className
+            ),
+            ...props
+          }
+        ),
+        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "blockquote",
+          {
+            className: cn(
+              "border-l-2 border-white/30 pl-2 italic text-white/70",
+              className
+            ),
+            ...props
+          }
+        ),
+        pre: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "pre",
+          {
+            className: cn(
+              "overflow-x-auto rounded bg-black/30 p-1.5 text-white/90 my-1.5",
+              className
+            ),
+            ...props
+          }
+        ),
+        code: ({ className, ...props }) => {
+          const isInline = !className?.includes("language-");
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "code",
             {
-              method: "POST",
-              headers,
-              body: JSON.stringify({ messages })
+              className: cn(
+                isInline && "rounded bg-black/30 px-0.5 py-0.5 font-mono text-white/90",
+                className
+              ),
+              ...props
             }
           );
-          if (!response.ok) {
-            throw new Error(`Title generation failed: ${response.status}`);
-          }
-          const data = await response.json();
-          controller.appendText(data.title);
-          controller.close();
-        } catch (error) {
-          console.error("[Threads] Title generation error:", error);
-          controller.appendText("New Chat");
-          controller.close();
-        }
-      });
-    }
-  };
-}
-async function saveMessages(baseUrl, userId, assistantId, threadId, messages) {
-  try {
-    const response = await fetch(
-      `${baseUrl}/api/widget/threads/${threadId}/messages/sync`,
-      {
-        method: "POST",
-        headers: createApiHeaders(userId, assistantId),
-        body: JSON.stringify({ messages })
-      }
-    );
-    if (!response.ok) {
-      console.error("[Messages] Sync failed:", response.status);
-    }
-  } catch (error) {
-    console.error("[Messages] Sync error:", error);
-  }
-}
-function createHistoryAdapter(baseUrl, userId, assistantId, remoteId) {
-  const headers = createApiHeaders(userId, assistantId);
-  return {
-    async load() {
-      console.log("[History] load() called, remoteId:", remoteId);
-      if (!remoteId) return { headId: null, messages: [] };
-      try {
-        const response = await fetch(
-          `${baseUrl}/api/widget/threads/${remoteId}/messages`,
-          { headers }
-        );
-        if (!response.ok) {
-          console.error("[History] Failed to load messages:", response.status);
-          return { headId: null, messages: [] };
-        }
-        const { messages } = await response.json();
-        console.log("[History] Loaded messages:", messages.length);
-        const formattedMessages = messages.map(
-          (m, index) => ({
-            parentId: index > 0 ? messages[index - 1].id : null,
-            message: {
-              id: m.id,
-              role: m.role,
-              parts: m.content,
-              metadata: m.metadata,
-              createdAt: new Date(m.createdAt)
-            }
-          })
-        );
-        console.log("[History] Formatted messages:", formattedMessages.length);
-        return {
-          headId: messages.length > 0 ? messages[messages.length - 1].id : null,
-          messages: formattedMessages
-        };
-      } catch (error) {
-        console.error("[History] Load error:", error);
-        return { headId: null, messages: [] };
-      }
-    },
-    async append(message) {
-      console.log("[History] append() called");
-    },
-    // Required by useExternalHistory in @assistant-ui/react-ai-sdk
-    withFormat(_formatAdapter) {
-      console.log("[History.withFormat] called, remoteId:", remoteId);
-      return {
-        async load() {
-          if (!remoteId) return { headId: null, messages: [] };
-          try {
-            const response = await fetch(
-              `${baseUrl}/api/widget/threads/${remoteId}/messages`,
-              { headers }
-            );
-            if (!response.ok) {
-              console.error("[History.withFormat] Failed:", response.status);
-              return { headId: null, messages: [] };
-            }
-            const { messages } = await response.json();
-            console.log("[History.withFormat] Loaded:", messages.length);
-            const formattedMessages = messages.map(
-              (m, index) => ({
-                parentId: index > 0 ? messages[index - 1].id : null,
-                message: {
-                  id: m.id,
-                  role: m.role,
-                  parts: m.content,
-                  metadata: m.metadata,
-                  createdAt: new Date(m.createdAt)
-                }
-              })
-            );
-            return {
-              headId: messages.length > 0 ? messages[messages.length - 1].id : null,
-              messages: formattedMessages
-            };
-          } catch (error) {
-            console.error("[History.withFormat] Error:", error);
-            return { headId: null, messages: [] };
-          }
         },
-        async append(_item) {
-        }
-      };
-    }
-  };
-}
-function AssistantRuntimeWrapper({
-  config,
-  userId,
-  children
-}) {
-  const baseUrl = config.baseUrl || "http://localhost:3000";
-  const assistantId = config.apiKey;
-  const { consumeContext, clearContext } = useMessageContext();
-  const contextRef = React.useRef(consumeContext);
-  contextRef.current = consumeContext;
-  const clearContextRef = React.useRef(clearContext);
-  clearContextRef.current = clearContext;
-  const threadListAdapter = React.useMemo(
-    () => createThreadListAdapter(baseUrl, userId, assistantId),
-    [baseUrl, userId, assistantId]
-  );
-  const runtime = react.unstable_useRemoteThreadListRuntime({
-    runtimeHook: function useChatThreadRuntime() {
-      const threadId = react.useAssistantState(
-        ({ threadListItem }) => threadListItem?.remoteId ?? void 0
-      );
-      const threadIdRef = React.useRef(threadId);
-      threadIdRef.current = threadId;
-      const history = React.useMemo(
-        () => createHistoryAdapter(baseUrl, userId, assistantId, threadId),
-        [threadId]
-      );
-      const transport = React.useMemo(() => {
-        console.log("[Widget] Creating transport for threadId:", threadId);
-        return new reactAiSdk.AssistantChatTransport({
-          api: `${baseUrl}/api/widget/chat`,
-          headers: {
-            "X-User-Id": userId,
-            "X-Assistant-Id": assistantId
-          },
-          // Use body as a function to dynamically include context
-          body: () => {
-            const currentContext = contextRef.current();
-            const contextIds = currentContext.map((item) => item.id);
-            const contextMetadata = currentContext.map((item) => ({
-              id: item.id,
-              type: item.type,
-              title: item.title
-            }));
-            console.log("[Widget] Transport body - contextIds:", contextIds.length, "threadId:", threadId);
-            if (contextIds.length > 0) {
-              setTimeout(() => clearContextRef.current(), 0);
-            }
-            return {
-              assistantId,
-              threadId,
-              ...contextIds.length > 0 && { contextIds, contextMetadata }
-            };
+        a: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            className: cn(
+              "font-medium text-blue-300 underline underline-offset-2",
+              className
+            ),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            ...props
           }
-        });
-      }, [threadId]);
-      const runtime2 = reactAiSdk.useChatRuntime({
-        transport,
-        adapters: { history },
-        onFinish: ({ message, messages }) => {
-          const currentThreadId = threadIdRef.current;
-          console.log(
-            "[Widget] onFinish - threadId:",
-            currentThreadId,
-            "messages:",
-            messages.length
-          );
-          if (currentThreadId && messages.length > 0) {
-            saveMessages(
-              baseUrl,
-              userId,
-              assistantId,
-              currentThreadId,
-              messages
-            );
+        ),
+        hr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "hr",
+          {
+            className: cn("my-2 border-b border-white/20", className),
+            ...props
           }
-        }
-      });
-      return runtime2;
-    },
-    adapter: threadListAdapter
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.AssistantRuntimeProvider, { runtime, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DetailedAnswerToolUI, {}),
-    children
-  ] });
-}
-function WidgetProvider({
-  config,
-  children,
-  autoInitialize = true
-}) {
-  const [userId] = React.useState(() => config.userId || generateUserId());
-  const [client] = React.useState(() => new WidgetClient(config));
-  const [state, setState] = React.useState(client.getState());
-  React.useEffect(() => {
-    const unsubscribe = client.on("state:change", ({ current }) => {
-      setState(current);
-    });
-    if (autoInitialize && state.status === "idle") {
-      client.initialize().catch(console.error);
+        )
+      },
+      children: content
     }
-    return () => {
-      unsubscribe();
-      client.destroy();
+  ) });
+});
+MarkdownContent.displayName = "MarkdownContent";
+var DetailedAnswerToolUI = react$1.makeAssistantToolUI({
+  toolName: "generateDetailedAnswer",
+  render: function DetailedAnswerUI({ args, result, status }) {
+    const { isCopied, copyToClipboard } = useCopyToClipboard();
+    const isStreaming = status.type === "running";
+    const isError = status.type === "incomplete";
+    const title = result?.title || args.title || "Generating...";
+    const content = result?.content || args.content || "";
+    const summary = result?.summary || args.summary || "";
+    const handleCopy = () => {
+      if (content) {
+        copyToClipboard(content);
+      }
     };
-  }, [client, autoInitialize, state.status]);
-  const contextValue = React.useMemo(
-    () => ({ client, state, userId }),
-    [client, state, userId]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(react$2.CacheProvider, { value: widgetCache, children: /* @__PURE__ */ jsxRuntime.jsx(react$2.ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(WidgetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(MessageContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(AssistantRuntimeWrapper, { config, userId, children }) }) }) }) });
-}
-function useWidget() {
-  const context = React.useContext(WidgetContext);
-  if (!context) {
-    throw new Error("useWidget must be used within a WidgetProvider");
-  }
-  const { client, state } = context;
-  const initialize = React.useCallback(async () => {
-    if (state.status === "idle") {
-      await client.initialize();
-    }
-  }, [client, state.status]);
-  const sendMessage = React.useCallback(
-    async (content) => {
-      return client.sendMessage(content);
-    },
-    [client]
-  );
-  return {
-    state,
-    client,
-    isIdle: state.status === "idle",
-    isInitializing: state.status === "initializing",
-    isReady: state.status === "ready",
-    isLoading: state.status === "loading",
-    isError: state.status === "error",
-    messages: state.status === "ready" ? state.session.messages : [],
-    error: state.status === "error" ? state.error : null,
-    initialize,
-    sendMessage
-  };
-}
-function useChat() {
-  const { sendMessage, messages, isLoading, isReady } = useWidget();
-  const [input, setInput] = React.useState("");
-  const handleSubmit = React.useCallback(
-    async (e) => {
-      e?.preventDefault();
-      if (!input.trim() || !isReady || isLoading) {
-        return;
+    const handleOpenFullScreen = () => {
+      const newWindow = window.open("", "_blank");
+      if (newWindow) {
+        newWindow.document.write(`
+          <!DOCTYPE html>
+          <html>
+            <head>
+              <title>${title}</title>
+              <meta charset="utf-8">
+              <meta name="viewport" content="width=device-width, initial-scale=1">
+              <style>
+                body {
+                  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+                  max-width: 800px;
+                  margin: 0 auto;
+                  padding: 2rem;
+                  line-height: 1.6;
+                  color: #1a1a1a;
+                }
+                h1 { border-bottom: 1px solid #eee; padding-bottom: 0.5rem; }
+                pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; border-radius: 4px; }
+                code { background: #f5f5f5; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.9em; }
+                pre code { background: none; padding: 0; }
+                blockquote { border-left: 4px solid #ddd; margin: 0; padding-left: 1rem; color: #666; }
+              </style>
+            </head>
+            <body>
+              <h1>${title}</h1>
+              <div id="content">${content.replace(/</g, "&lt;").replace(/>/g, "&gt;")}</div>
+              <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+              <script>
+                document.getElementById('content').innerHTML = marked.parse(${JSON.stringify(
+          content
+        )});
+              </script>
+            </body>
+          </html>
+        `);
+        newWindow.document.close();
       }
-      const message = input.trim();
-      setInput("");
-      try {
-        await sendMessage(message);
-      } catch (error) {
-        console.error("Failed to send message:", error);
-        setInput(message);
+    };
+    const persistentSummary = summary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 text-white/80 border-b border-white/10 bg-primary-foreground text-xs", children: summary }) : void 0;
+    const footerActions = content ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipIconButton,
+        {
+          tooltip: isCopied ? "Copied!" : "Copy markdown",
+          onClick: handleCopy,
+          className: "flex items-center justify-center rounded-md p-1.5 text-white/70 hover:bg-white/10 transition-colors",
+          children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipIconButton,
+        {
+          tooltip: "Open in new window",
+          onClick: handleOpenFullScreen,
+          className: "flex items-center justify-center rounded-md p-1.5 text-white/70 hover:bg-white/10 transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }) : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ToolCard,
+      {
+        title,
+        isStreaming,
+        isError,
+        icon: !isStreaming && !isError ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, { className: "h-4 w-4" }) : void 0,
+        persistentContent: persistentSummary,
+        footer: footerActions,
+        children: content ? /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent, { content }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground italic", children: "Generating content..." })
       }
-    },
-    [input, isReady, isLoading, sendMessage]
-  );
-  return {
-    input,
-    setInput,
-    handleSubmit,
-    messages,
-    isLoading,
-    canSubmit: isReady && !isLoading && input.trim().length > 0
-  };
-}
+    );
+  }
+});
 function Dialog({
   ...props
 }) {
@@ -2624,8 +2749,8 @@ function AvatarFallback({
   );
 }
 var useFileSrc = (file) => {
-  const [src, setSrc] = React.useState(void 0);
-  React.useEffect(() => {
+  const [src, setSrc] = React2.useState(void 0);
+  React2.useEffect(() => {
     if (!file) {
       setSrc(void 0);
       return;
@@ -2639,7 +2764,7 @@ var useFileSrc = (file) => {
   return src;
 };
 var useAttachmentSrc = () => {
-  const { file, src } = react.useAssistantState(
+  const { file, src } = react$1.useAssistantState(
     shallow.useShallow(({ attachment }) => {
       if (attachment.type !== "image") return {};
       if (attachment.file) return { file: attachment.file };
@@ -2679,7 +2804,7 @@ var AttachmentPreviewDialog = ({ children }) => {
   ] });
 };
 var AttachmentThumb = () => {
-  const isImage = react.useAssistantState(
+  const isImage = react$1.useAssistantState(
     ({ attachment }) => attachment.type === "image"
   );
   const src = useAttachmentSrc();
@@ -2696,12 +2821,12 @@ var AttachmentThumb = () => {
   ] });
 };
 var AttachmentUI = () => {
-  const api = react.useAssistantApi();
+  const api = react$1.useAssistantApi();
   const isComposer = api.attachment.source === "composer";
-  const isImage = react.useAssistantState(
+  const isImage = react$1.useAssistantState(
     ({ attachment }) => attachment.type === "image"
   );
-  const typeLabel = react.useAssistantState(({ attachment }) => {
+  const typeLabel = react$1.useAssistantState(({ attachment }) => {
     const type = attachment.type;
     switch (type) {
       case "image":
@@ -2716,7 +2841,7 @@ var AttachmentUI = () => {
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      react.AttachmentPrimitive.Root,
+      react$1.AttachmentPrimitive.Root,
       {
         className: cn(
           "aui-attachment-root relative",
@@ -2740,11 +2865,11 @@ var AttachmentUI = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsxRuntime.jsx(react.AttachmentPrimitive.Name, {}) })
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AttachmentPrimitive.Name, {}) })
   ] });
 };
 var AttachmentRemove = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipIconButton,
     {
       tooltip: "Remove file",
@@ -2755,18 +2880,18 @@ var AttachmentRemove = () => {
   ) });
 };
 var UserMessageAttachments = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
 };
 var ComposerAttachments = () => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-    react.ComposerPrimitive.Attachments,
+    react$1.ComposerPrimitive.Attachments,
     {
       components: { Attachment: AttachmentUI }
     }
   ) });
 };
 var ComposerAddAttachment = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipIconButton,
     {
       tooltip: "Add Attachment",
@@ -2789,7 +2914,7 @@ var MarkdownTextImpl = () => {
     }
   );
 };
-var MarkdownText = React.memo(MarkdownTextImpl);
+var MarkdownText = React2.memo(MarkdownTextImpl);
 var CodeHeader = ({ language, code }) => {
   const { isCopied, copyToClipboard } = useCopyToClipboard2();
   const onCopy = () => {
@@ -2807,7 +2932,7 @@ var CodeHeader = ({ language, code }) => {
 var useCopyToClipboard2 = ({
   copiedDuration = 3e3
 } = {}) => {
-  const [isCopied, setIsCopied] = React.useState(false);
+  const [isCopied, setIsCopied] = React2.useState(false);
   const copyToClipboard = (value) => {
     if (!value) return;
     navigator.clipboard.writeText(value).then(() => {
@@ -3113,8 +3238,8 @@ var ContextMentionPopover = ({
   trigger,
   searchTerm
 }) => {
-  const activeItemRef = React.useRef(null);
-  React.useEffect(() => {
+  const activeItemRef = React2.useRef(null);
+  React2.useEffect(() => {
     if (isOpen && activeItemRef.current) {
       activeItemRef.current.scrollIntoView({
         block: "nearest",
@@ -3203,7 +3328,7 @@ function getTypeIconSvg(type) {
   return TYPE_ICON_SVGS[type] || TYPE_ICON_SVGS.attachment;
 }
 var ZERO_WIDTH_SPACE = "\u200B";
-var MentionComposerInput = React.forwardRef(
+var MentionComposerInput = React2.forwardRef(
   ({
     placeholder = "Ask, search, or make anything...",
     className,
@@ -3215,12 +3340,12 @@ var MentionComposerInput = React.forwardRef(
     onTriggerDismissed,
     onSubmit
   }, ref) => {
-    const editorRef = React.useRef(null);
-    const composerRuntime = react.useComposerRuntime();
-    const [isEmpty, setIsEmpty] = React.useState(true);
-    const [inlineMentions, setInlineMentions] = React.useState([]);
-    const triggerPositionRef = React.useRef(null);
-    const getPlainText = React.useCallback(() => {
+    const editorRef = React2.useRef(null);
+    const composerRuntime = react$1.useComposerRuntime();
+    const [isEmpty, setIsEmpty] = React2.useState(true);
+    const [inlineMentions, setInlineMentions] = React2.useState([]);
+    const triggerPositionRef = React2.useRef(null);
+    const getPlainText = React2.useCallback(() => {
       const editor = editorRef.current;
       if (!editor) return "";
       let text = "";
@@ -3243,7 +3368,7 @@ var MentionComposerInput = React.forwardRef(
       editor.childNodes.forEach(walkNodes);
       return text.trim();
     }, []);
-    const getCursorPosition = React.useCallback(() => {
+    const getCursorPosition = React2.useCallback(() => {
       const selection = window.getSelection();
       if (!selection || !selection.rangeCount) return 0;
       const range = selection.getRangeAt(0);
@@ -3283,12 +3408,12 @@ var MentionComposerInput = React.forwardRef(
       }
       return position2;
     }, []);
-    const syncToRuntime = React.useCallback(() => {
+    const syncToRuntime = React2.useCallback(() => {
       const text = getPlainText();
       composerRuntime.setText(text);
       setIsEmpty(text.length === 0);
     }, [composerRuntime, getPlainText]);
-    const handleInput = React.useCallback(() => {
+    const handleInput = React2.useCallback(() => {
       syncToRuntime();
       const text = getPlainText();
       const cursorPos = getCursorPosition();
@@ -3343,7 +3468,7 @@ var MentionComposerInput = React.forwardRef(
         onTriggerDismissed?.();
       }
     }, [syncToRuntime, getPlainText, getCursorPosition, onInput, onTriggerDetected, onTriggerDismissed]);
-    const handleKeyDown = React.useCallback(
+    const handleKeyDown = React2.useCallback(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
           if (onKeyDown) {
@@ -3400,7 +3525,7 @@ var MentionComposerInput = React.forwardRef(
       },
       [onKeyDown, onMentionRemove, syncToRuntime, onSubmit, getPlainText]
     );
-    const insertMention = React.useCallback(
+    const insertMention = React2.useCallback(
       (mention) => {
         const editor = editorRef.current;
         if (!editor) return;
@@ -3482,7 +3607,7 @@ var MentionComposerInput = React.forwardRef(
       },
       [syncToRuntime]
     );
-    React.useImperativeHandle(
+    React2.useImperativeHandle(
       ref,
       () => ({
         focus: () => editorRef.current?.focus(),
@@ -3492,12 +3617,12 @@ var MentionComposerInput = React.forwardRef(
       }),
       [getPlainText, insertMention, inlineMentions]
     );
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (autoFocus) {
         editorRef.current?.focus();
       }
     }, [autoFocus]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       const unsubscribe = composerRuntime.subscribe(() => {
         const composerState = composerRuntime.getState();
         if (composerState.text === "" && editorRef.current) {
@@ -3508,7 +3633,7 @@ var MentionComposerInput = React.forwardRef(
       });
       return unsubscribe;
     }, [composerRuntime]);
-    const handlePaste = React.useCallback((e) => {
+    const handlePaste = React2.useCallback((e) => {
       e.preventDefault();
       const text = e.clipboardData.getData("text/plain");
       document.execCommand("insertText", false, text);
@@ -3596,8 +3721,8 @@ function parseMessageContent(text) {
   return parts;
 }
 var UserMessageContent = () => {
-  const message = react.useMessage();
-  const renderedContent = React.useMemo(() => {
+  const message = react$1.useMessage();
+  const renderedContent = React2.useMemo(() => {
     const textParts = message.content?.filter(
       (part) => part.type === "text"
     );
@@ -3629,22 +3754,22 @@ var CATEGORY_LABELS = {
 };
 function useContextMention(options = {}) {
   const { onInsertMention } = options;
-  const widgetContext = React.useContext(WidgetContext);
+  const widgetContext = React2.useContext(WidgetContext);
   if (!widgetContext) {
     throw new Error("useContextMention must be used within a WidgetProvider");
   }
   const { client } = widgetContext;
   const { selectedContext: selectedItems, addContextItem, removeContextItem, clearContext } = useMessageContext();
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [searchTerm, setSearchTerm] = React.useState("");
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [categories, setCategories] = React.useState([]);
-  const [hasMore, setHasMore] = React.useState(false);
+  const [isOpen, setIsOpen] = React2.useState(false);
+  const [searchTerm, setSearchTerm] = React2.useState("");
+  const [activeIndex, setActiveIndex] = React2.useState(0);
+  const [isLoading, setIsLoading] = React2.useState(false);
+  const [categories, setCategories] = React2.useState([]);
+  const [hasMore, setHasMore] = React2.useState(false);
   const config = client.getConfig();
   const baseUrl = config.baseUrl || "http://localhost:3000";
   const assistantId = config.apiKey;
-  const fetchContextItems = React.useCallback(
+  const fetchContextItems = React2.useCallback(
     async (search = "", limit = 10) => {
       setIsLoading(true);
       try {
@@ -3678,18 +3803,18 @@ function useContextMention(options = {}) {
     },
     [baseUrl, assistantId]
   );
-  const openPopover = React.useCallback(() => {
+  const openPopover = React2.useCallback(() => {
     setIsOpen(true);
     setSearchTerm("");
     setActiveIndex(0);
     fetchContextItems();
   }, [fetchContextItems]);
-  const closePopover = React.useCallback(() => {
+  const closePopover = React2.useCallback(() => {
     setIsOpen(false);
     setSearchTerm("");
     setActiveIndex(0);
   }, []);
-  const updateSearch = React.useCallback(
+  const updateSearch = React2.useCallback(
     (term) => {
       setSearchTerm(term);
       setActiveIndex(0);
@@ -3697,18 +3822,18 @@ function useContextMention(options = {}) {
     },
     [fetchContextItems]
   );
-  const flattenedItems = React.useMemo(() => {
+  const flattenedItems = React2.useMemo(() => {
     return categories.flatMap((category) => category.items);
   }, [categories]);
-  const navigateDown = React.useCallback(() => {
+  const navigateDown = React2.useCallback(() => {
     setActiveIndex(
       (prev2) => prev2 < flattenedItems.length - 1 ? prev2 + 1 : prev2
     );
   }, [flattenedItems.length]);
-  const navigateUp = React.useCallback(() => {
+  const navigateUp = React2.useCallback(() => {
     setActiveIndex((prev2) => prev2 > 0 ? prev2 - 1 : 0);
   }, []);
-  const selectActiveItem = React.useCallback(() => {
+  const selectActiveItem = React2.useCallback(() => {
     const item = flattenedItems[activeIndex];
     if (item) {
       addContextItem(item);
@@ -3716,7 +3841,7 @@ function useContextMention(options = {}) {
       onInsertMention?.(item);
     }
   }, [flattenedItems, activeIndex, addContextItem, closePopover, onInsertMention]);
-  const selectItem = React.useCallback(
+  const selectItem = React2.useCallback(
     (item) => {
       addContextItem(item);
       closePopover();
@@ -3724,13 +3849,13 @@ function useContextMention(options = {}) {
     },
     [addContextItem, closePopover, onInsertMention]
   );
-  const removeItem = React.useCallback((itemId) => {
+  const removeItem = React2.useCallback((itemId) => {
     removeContextItem(itemId);
   }, [removeContextItem]);
-  const clearAll = React.useCallback(() => {
+  const clearAll = React2.useCallback(() => {
     clearContext();
   }, [clearContext]);
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = React2.useCallback(
     (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -3754,7 +3879,7 @@ function useContextMention(options = {}) {
     },
     [isOpen, navigateDown, navigateUp, selectActiveItem, closePopover]
   );
-  const getCategoryLabel = React.useCallback((type) => {
+  const getCategoryLabel = React2.useCallback((type) => {
     return CATEGORY_LABELS[type] || type;
   }, []);
   return {
@@ -3788,20 +3913,20 @@ function useContextMention(options = {}) {
 }
 var Thread = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.ThreadPrimitive.Root,
+    react$1.ThreadPrimitive.Root,
     {
       className: "aui-thread-root @container flex h-full flex-col bg-background",
       style: {
         ["--thread-max-width"]: "44rem"
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs(
-        react.ThreadPrimitive.Viewport,
+        react$1.ThreadPrimitive.Viewport,
         {
           className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.AssistantIf, { condition: ({ thread }) => thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadWelcome, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantIf, { condition: ({ thread }) => thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadWelcome, {}) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              react.ThreadPrimitive.Messages,
+              react$1.ThreadPrimitive.Messages,
               {
                 components: {
                   UserMessage,
@@ -3810,7 +3935,7 @@ var Thread = () => {
                 }
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(ThreadScrollToBottom, {}),
               /* @__PURE__ */ jsxRuntime.jsx(Composer, {})
             ] })
@@ -3821,7 +3946,7 @@ var Thread = () => {
   );
 };
 var ThreadScrollToBottom = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipIconButton,
     {
       tooltip: "Scroll to bottom",
@@ -3885,8 +4010,8 @@ var ThreadSuggestions = () => {
       {
         className: "fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200",
         style: { animationDelay: `${200 + index * 50}ms` },
-        children: /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Suggestion, { prompt: suggestion.prompt, send: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+        children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Suggestion, { prompt: suggestion.prompt, send: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button2,
           {
             variant: "ghost",
             className: "aui-thread-welcome-suggestion h-auto w-full @md:flex-col flex-wrap items-start justify-start gap-1 rounded-2xl border text-left text-sm transition-colors hover:bg-muted hover:text-primary",
@@ -3907,12 +4032,12 @@ var ThreadSuggestions = () => {
   }) });
 };
 var Composer = () => {
-  const inputRef = React.useRef(null);
-  const composerRuntime = react.useComposerRuntime();
-  const handleSubmit = React.useCallback(() => {
+  const inputRef = React2.useRef(null);
+  const composerRuntime = react$1.useComposerRuntime();
+  const handleSubmit = React2.useCallback(() => {
     composerRuntime.send();
   }, [composerRuntime]);
-  const handleInsertMention = React.useCallback((item) => {
+  const handleInsertMention = React2.useCallback((item) => {
     inputRef.current?.insertMention({
       id: item.id,
       title: item.title,
@@ -3939,7 +4064,7 @@ var Composer = () => {
     updateSearch
   } = useContextMention({ onInsertMention: handleInsertMention });
   const { selectedContext, removeContextItem } = useMessageContext();
-  const handleTriggerDetected = React.useCallback(
+  const handleTriggerDetected = React2.useCallback(
     (searchText) => {
       if (!isOpen) {
         openPopover();
@@ -3948,12 +4073,12 @@ var Composer = () => {
     },
     [isOpen, openPopover, updateSearch]
   );
-  const handleTriggerDismissed = React.useCallback(() => {
+  const handleTriggerDismissed = React2.useCallback(() => {
     if (isOpen) {
       closePopover();
     }
   }, [isOpen, closePopover]);
-  const handleComposerKeyDown = React.useCallback(
+  const handleComposerKeyDown = React2.useCallback(
     (e) => {
       if (isOpen) {
         if (["ArrowUp", "ArrowDown", "Enter", "Escape"].includes(e.key)) {
@@ -3969,13 +4094,13 @@ var Composer = () => {
     },
     [isOpen, handleKeyDown]
   );
-  const handleMentionRemove = React.useCallback(
+  const handleMentionRemove = React2.useCallback(
     (mentionId) => {
       removeContextItem(mentionId);
     },
     [removeContextItem]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.Root, { className: "aui-composer-root relative flex w-full flex-col", children: /* @__PURE__ */ jsxRuntime.jsxs(react.ComposerPrimitive.AttachmentDropzone, { className: "aui-composer-attachment-dropzone flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow has-[[contenteditable]:focus-visible]:border-ring has-[[contenteditable]:focus-visible]:ring-2 has-[[contenteditable]:focus-visible]:ring-ring/20 data-[dragging=true]:border-ring data-[dragging=true]:border-dashed data-[dragging=true]:bg-accent/50", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.Root, { className: "aui-composer-root relative flex w-full flex-col", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.ComposerPrimitive.AttachmentDropzone, { className: "aui-composer-attachment-dropzone flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow has-[[contenteditable]:focus-visible]:border-ring has-[[contenteditable]:focus-visible]:ring-2 has-[[contenteditable]:focus-visible]:ring-ring/20 data-[dragging=true]:border-ring data-[dragging=true]:border-dashed data-[dragging=true]:bg-accent/50", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ComposerContextUI,
       {
@@ -4079,7 +4204,7 @@ var ComposerAction = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.AssistantIf, { condition: ({ thread }) => !thread.isRunning, children: /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantIf, { condition: ({ thread }) => !thread.isRunning, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       TooltipIconButton,
       {
         tooltip: "Send message",
@@ -4091,8 +4216,8 @@ var ComposerAction = () => {
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
       }
     ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.AssistantIf, { condition: ({ thread }) => thread.isRunning, children: /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantIf, { condition: ({ thread }) => thread.isRunning, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button2,
       {
         type: "button",
         variant: "default",
@@ -4105,18 +4230,18 @@ var ComposerAction = () => {
   ] });
 };
 var MessageError = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Error, { children: /* @__PURE__ */ jsxRuntime.jsx(react.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ jsxRuntime.jsx(react.ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Error, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
 };
 var AssistantMessage = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.MessagePrimitive.Root,
+    react$1.MessagePrimitive.Root,
     {
       className: "aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150",
       "data-role": "assistant",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            react.MessagePrimitive.Parts,
+            react$1.MessagePrimitive.Parts,
             {
               components: {
                 Text: MarkdownText,
@@ -4136,26 +4261,26 @@ var AssistantMessage = () => {
 };
 var AssistantActionBar = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.ActionBarPrimitive.Root,
+    react$1.ActionBarPrimitive.Root,
     {
       hideWhenRunning: true,
       autohide: "not-last",
       autohideFloat: "single-branch",
       className: "aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipIconButton, { tooltip: "Copy", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.AssistantIf, { condition: ({ message }) => message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(react.AssistantIf, { condition: ({ message }) => !message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) })
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipIconButton, { tooltip: "Copy", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantIf, { condition: ({ message }) => message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.AssistantIf, { condition: ({ message }) => !message.isCopied, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Export as Markdown", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, {}) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, {}) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Export as Markdown", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, {}) }) })
       ]
     }
   );
 };
 var MessageContextIndicator = () => {
-  const [isExpanded, setIsExpanded] = React.useState(false);
-  const contextItems = react.useMessage((state) => {
+  const [isExpanded, setIsExpanded] = React2.useState(false);
+  const contextItems = react$1.useMessage((state) => {
     console.log("[MessageContextIndicator] Message state:", state);
     const metadata = state.metadata;
     const context = metadata?.context || metadata?.custom?.context;
@@ -4200,7 +4325,7 @@ var MessageContextIndicator = () => {
 };
 var UserMessage = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.MessagePrimitive.Root,
+    react$1.MessagePrimitive.Root,
     {
       className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto grid w-full max-w-(--thread-max-width) animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 py-3 duration-150 [&:where(>*)]:col-start-2",
       "data-role": "user",
@@ -4218,27 +4343,27 @@ var UserMessage = () => {
 };
 var UserActionBar = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.ActionBarPrimitive.Root,
+    react$1.ActionBarPrimitive.Root,
     {
       hideWhenRunning: true,
       autohide: "not-last",
       className: "aui-user-action-bar-root flex flex-col items-end",
-      children: /* @__PURE__ */ jsxRuntime.jsx(react.ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, {}) }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, {}) }) })
     }
   );
 };
 var EditComposer = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(react.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-2xl bg-muted", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-2xl bg-muted", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      react.ComposerPrimitive.Input,
+      react$1.ComposerPrimitive.Input,
       {
         className: "aui-edit-composer-input min-h-14 w-full resize-none bg-transparent p-4 text-foreground text-sm outline-none",
         autoFocus: true
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center gap-2 self-end", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", children: "Cancel" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", children: "Update" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "ghost", size: "sm", children: "Cancel" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { size: "sm", children: "Update" }) })
     ] })
   ] }) });
 };
@@ -4247,7 +4372,7 @@ var BranchPicker = ({
   ...rest
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.BranchPickerPrimitive.Root,
+    react$1.BranchPickerPrimitive.Root,
     {
       hideWhenSingleBranch: true,
       className: cn(
@@ -4256,22 +4381,22 @@ var BranchPicker = ({
       ),
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.BranchPickerPrimitive.Previous, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Previous", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.BranchPickerPrimitive.Previous, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Previous", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "aui-branch-picker-state font-medium", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.BranchPickerPrimitive.Number, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.BranchPickerPrimitive.Number, {}),
           " / ",
-          /* @__PURE__ */ jsxRuntime.jsx(react.BranchPickerPrimitive.Count, {})
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.BranchPickerPrimitive.Count, {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.BranchPickerPrimitive.Next, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Next", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.BranchPickerPrimitive.Next, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipIconButton, { tooltip: "Next", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {}) }) })
       ]
     }
   );
 };
 var ThreadList = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadListPrimitive.Root, { className: "aui-thread-list-root flex flex-col", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadListPrimitive.Root, { className: "aui-thread-list-root flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: "Chats" }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListPrimitive.New, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListPrimitive.New, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TooltipIconButton,
         {
           tooltip: "New chat",
@@ -4284,16 +4409,16 @@ var ThreadList = () => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        react.ThreadListPrimitive.Items,
+        react$1.ThreadListPrimitive.Items,
         {
           components: {
-            ThreadListItem
+            ThreadListItem: ThreadListItem2
           }
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Archived" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        react.ThreadListPrimitive.Items,
+        react$1.ThreadListPrimitive.Items,
         {
           archived: true,
           components: {
@@ -4304,14 +4429,14 @@ var ThreadList = () => {
     ] })
   ] });
 };
-var ThreadListItem = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadListItemPrimitive.Root, { className: "aui-thread-list-item group relative flex items-center gap-2 px-3 py-2 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: [
+var ThreadListItem2 = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadListItemPrimitive.Root, { className: "aui-thread-list-item group relative flex items-center gap-2 px-3 py-2 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareIcon, { className: "h-4 w-4 flex-shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Archive, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Archive, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TooltipIconButton,
         {
           tooltip: "Archive",
@@ -4321,7 +4446,7 @@ var ThreadListItem = () => {
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArchiveIcon, { className: "h-3.5 w-3.5" })
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TooltipIconButton,
         {
           tooltip: "Delete",
@@ -4335,13 +4460,13 @@ var ThreadListItem = () => {
   ] });
 };
 var ArchivedThreadListItem = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadListItemPrimitive.Root, { className: "aui-thread-list-item-archived group relative flex items-center gap-2 px-3 py-2 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors opacity-70", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadListItemPrimitive.Root, { className: "aui-thread-list-item-archived group relative flex items-center gap-2 px-3 py-2 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors opacity-70", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react$1.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArchiveIcon, { className: "h-4 w-4 flex-shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Title, { fallback: "Archived Chat" }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Title, { fallback: "Archived Chat" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Unarchive, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Unarchive, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TooltipIconButton,
         {
           tooltip: "Unarchive",
@@ -4351,7 +4476,7 @@ var ArchivedThreadListItem = () => {
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArchiveRestoreIcon, { className: "h-3.5 w-3.5" })
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         TooltipIconButton,
         {
           tooltip: "Delete",
@@ -4364,118 +4489,17 @@ var ArchivedThreadListItem = () => {
     ] })
   ] });
 };
-var categoryIcons = {
-  audio: lucideReact.HeadphonesIcon,
-  "audio-overview": lucideReact.HeadphonesIcon,
-  "video-overview": lucideReact.VideoIcon,
-  "mind-map": lucideReact.NetworkIcon,
-  reports: lucideReact.FileTextIcon,
-  flashcards: lucideReact.LayersIcon,
-  quiz: lucideReact.HelpCircleIcon,
-  "slide-deck": lucideReact.PresentationIcon,
-  infographic: lucideReact.BarChart3Icon
-};
-var categoryColors = {
-  audio: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
-  "audio-overview": "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
-  "video-overview": "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300",
-  "mind-map": "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
-  reports: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300",
-  flashcards: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300",
-  quiz: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300",
-  "slide-deck": "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300",
-  infographic: "bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300"
-};
-var categoryLabels = {
-  audio: "Audio",
-  "audio-overview": "Audio Overview",
-  "video-overview": "Video Overview",
-  "mind-map": "Mind Map",
-  reports: "Report",
-  flashcards: "Flashcards",
-  quiz: "Quiz",
-  "slide-deck": "Slide Deck",
-  infographic: "Infographic"
-};
-var ArtifactCard = ({
-  category,
-  title,
-  content,
-  isLoading,
-  children
-}) => {
-  const Icon = categoryIcons[category];
-  const colorClass = categoryColors[category];
-  const label = categoryLabels[category];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 overflow-hidden rounded-xl border border-border bg-card shadow-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3 px-4 py-3", colorClass), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-white/50 dark:bg-black/20", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium opacity-80", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate font-semibold text-sm", children: title })
-      ] })
-    ] }),
-    content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-4 whitespace-pre-wrap", children: content }) }),
-    children,
-    !isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { className: "h-3 w-3" }),
-        "Export"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted transition-colors", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "h-3 w-3" }),
-        "Open"
-      ] })
-    ] })
-  ] });
-};
-function createArtifactToolUI(category) {
-  return react.makeAssistantToolUI({
-    toolName: `create_${category.replace(/-/g, "_")}`,
-    render: ({ args, result, status }) => {
-      const isLoading = status.type === "running";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        ArtifactCard,
-        {
-          category,
-          title: args.title || "Generating...",
-          content: result?.content || args.content,
-          isLoading
-        }
-      );
-    }
-  });
-}
-var AudioOverviewToolUI = createArtifactToolUI("audio-overview");
-var VideoOverviewToolUI = createArtifactToolUI("video-overview");
-var MindMapToolUI = createArtifactToolUI("mind-map");
-var ReportsToolUI = createArtifactToolUI("reports");
-var FlashcardsToolUI = createArtifactToolUI("flashcards");
-var QuizToolUI = createArtifactToolUI("quiz");
-var SlideDeckToolUI = createArtifactToolUI("slide-deck");
-var InfographicToolUI = createArtifactToolUI("infographic");
-var ArtifactToolUIs = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AudioOverviewToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(VideoOverviewToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(MindMapToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(ReportsToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(FlashcardsToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(QuizToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(SlideDeckToolUI, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(InfographicToolUI, {})
-  ] });
-};
 var ChatWidget = ({
   sidebarOpen = false,
   onSidebarClose
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-1 h-full w-full overflow-hidden bg-background", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ArtifactToolUIs, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DetailedAnswerToolUI, {}),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden relative", children: /* @__PURE__ */ jsxRuntime.jsx(Thread, {}) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: sidebarOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: sidebarOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        react$1.motion.div,
+        react.motion.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
@@ -4486,7 +4510,7 @@ var ChatWidget = ({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        react$1.motion.div,
+        react.motion.div,
         {
           initial: { x: -256 },
           animate: { x: 0 },
@@ -4501,27 +4525,6 @@ var ChatWidget = ({
     ] }) })
   ] });
 };
-var ThreadListItem2 = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Root, { className: "group relative flex items-center gap-2 px-2 py-1.5 hover:bg-muted/50 data-[active]:bg-muted cursor-pointer transition-colors rounded-sm", children: /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListItemPrimitive.Title, { fallback: "New Chat" }) }) }) });
-};
-var ChatHistoryPopover = ({
-  onSelectThread
-}) => {
-  const handleThreadSelect = () => {
-    onSelectThread?.();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", onClick: handleThreadSelect, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", style: { color: "hsl(var(--muted-foreground))" }, children: "Previous 7 days" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[300px] overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-      react.ThreadListPrimitive.Items,
-      {
-        components: {
-          ThreadListItem: ThreadListItem2
-        }
-      }
-    ) })
-  ] });
-};
 var layoutOptions = [
   {
     value: "sidebar",
@@ -4568,12 +4571,12 @@ function WidgetContainer({
   defaultOpen = false,
   position: position2 = "bottom-right"
 }) {
-  const [isOpen, setIsOpen] = React.useState(defaultOpen);
-  const [sidebarOpen, setSidebarOpen] = React.useState(false);
-  const [chatHistoryOpen, setChatHistoryOpen] = React.useState(false);
-  const [layoutOpen, setLayoutOpen] = React.useState(false);
-  const [layout, setLayout] = React.useState("floating");
-  React.useEffect(() => {
+  const [isOpen, setIsOpen] = React2.useState(defaultOpen);
+  const [sidebarOpen, setSidebarOpen] = React2.useState(false);
+  const [chatHistoryOpen, setChatHistoryOpen] = React2.useState(false);
+  const [layoutOpen, setLayoutOpen] = React2.useState(false);
+  const [layout, setLayout] = React2.useState("floating");
+  React2.useEffect(() => {
     const savedLayout = localStorage.getItem(LAYOUT_STORAGE_KEY);
     if (savedLayout && ["floating", "fullscreen", "sidebar"].includes(savedLayout)) {
       setLayout(savedLayout);
@@ -4584,7 +4587,7 @@ function WidgetContainer({
     localStorage.setItem(LAYOUT_STORAGE_KEY, newLayout);
     setLayoutOpen(false);
   };
-  const threadTitle = react.useAssistantState(
+  const threadTitle = react$1.useAssistantState(
     ({ threadListItem }) => threadListItem?.title ?? "New AI chat"
   );
   const handleMinimize = () => {
@@ -4633,7 +4636,7 @@ function WidgetContainer({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(WidgetRoot, { position: position2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
       WidgetPanel,
       {
         initial: { opacity: 0, scale: 0, y: 0 },
@@ -4702,7 +4705,7 @@ function WidgetContainer({
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "xs", style: { flexShrink: 0 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react.ThreadListPrimitive.New, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "New chat", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EditIcon, { size: 18 }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadListPrimitive.New, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { "aria-label": "New chat", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EditIcon, { size: 18 }) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: layoutOpen, onOpenChange: setLayoutOpen, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                   IconButton,
@@ -4751,7 +4754,7 @@ function WidgetContainer({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: !isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: !isOpen && /* @__PURE__ */ jsxRuntime.jsx(
       Flex,
       {
         justify: position2 === "bottom-right" ? "flex-end" : "flex-start",
@@ -4775,20 +4778,20 @@ function WidgetContainer({
 }
 var ReadOnlyThread = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.ThreadPrimitive.Root,
+    react$1.ThreadPrimitive.Root,
     {
       className: "aui-thread-root @container flex h-full flex-col bg-background",
       style: {
         ["--thread-max-width"]: "44rem"
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs(
-        react.ThreadPrimitive.Viewport,
+        react$1.ThreadPrimitive.Viewport,
         {
           turnAnchor: "top",
           className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth px-4 pt-4 pb-4",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              react.ThreadPrimitive.Messages,
+              react$1.ThreadPrimitive.Messages,
               {
                 components: {
                   UserMessage: ReadOnlyUserMessage,
@@ -4798,7 +4801,7 @@ var ReadOnlyThread = () => {
                 }
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No messages in this conversation." }) })
+            /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No messages in this conversation." }) })
           ]
         }
       )
@@ -4807,13 +4810,13 @@ var ReadOnlyThread = () => {
 };
 var ReadOnlyAssistantMessage = () => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    react.MessagePrimitive.Root,
+    react$1.MessagePrimitive.Root,
     {
       className: "aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150",
       "data-role": "assistant",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          react.MessagePrimitive.Parts,
+          react$1.MessagePrimitive.Parts,
           {
             components: {
               Text: MarkdownText,
@@ -4821,14 +4824,14 @@ var ReadOnlyAssistantMessage = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Error, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(react.MessagePrimitive.Error, {}) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Error, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.MessagePrimitive.Error, {}) }) })
       ] })
     }
   );
 };
 var ReadOnlyUserMessage = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.MessagePrimitive.Root,
+    react$1.MessagePrimitive.Root,
     {
       className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto grid w-full max-w-(--thread-max-width) animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 py-3 duration-150 [&:where(>*)]:col-start-2",
       "data-role": "user",