@usetheo/ui 0.5.0-next.0 → 0.6.0-next.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
-import { createContext, forwardRef, useId, Children, isValidElement, cloneElement, useState, useMemo, Fragment as Fragment$1, useRef, useEffect, useContext, useCallback } from 'react';
+import { createContext, forwardRef, useId, Children, isValidElement, cloneElement, useState, useMemo, Fragment as Fragment$1, memo, useRef, useEffect, useContext, createElement, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as DropdownMenu2 from '@radix-ui/react-dropdown-menu';
-import { X, AlertCircle, ChevronDown, ChevronUp, Check, Minus, Circle, Settings2, Eye, Lock, Plus, Trash2, Users, User, BookOpen, Sparkles, Globe, Pencil, Coins, TrendingUp, TrendingDown, CircleX, CheckCircle2, Loader2, CircleDashed, RotateCcw, Folder, FolderOpen, Brain, Zap, ShieldAlert, Clock, Play, Square, Server, Plug, Wrench, CalendarDays, CornerDownRight, Bot, MessageSquare, ChevronRight, ArrowRight, AlertOctagon, Network, KeyRound, ShieldOff, Database, GitBranch, ChevronsUpDown, FileText, FileCode, FileSpreadsheet, FileImage, File, Hammer, ShieldCheck, Edit3, FilePlus, FileSearch, Terminal, AlertTriangle, CircleDot, FileEdit, Cloud, RefreshCw, Maximize2, ArrowLeft, RotateCw, Search, Paperclip, Mic, Send, GitCommit, Activity, EyeOff, Copy, GitPullRequest, ExternalLink, ShieldX, ArrowDownLeft, TriangleAlert, Info, ShieldQuestion, Rocket, Image, Palette, Moon, Sun, Hash, Slash } from 'lucide-react';
+import { X, AlertCircle, ChevronDown, ChevronUp, Check, Minus, Circle, Settings2, Eye, Lock, Plus, Trash2, Users, User, BookOpen, Sparkles, Globe, Pencil, Coins, TrendingUp, TrendingDown, CircleX, CheckCircle2, Loader2, CircleDashed, RotateCcw, Folder, FolderOpen, Brain, Zap, ShieldAlert, Clock, Play, Square, Server, Plug, Wrench, CalendarDays, CornerDownRight, Bot, MessageSquare, ChevronRight, ArrowRight, AlertOctagon, Network, KeyRound, ShieldOff, Database, GitBranch, ChevronsUpDown, FileText, FileCode, FileSpreadsheet, FileImage, File, Hammer, ShieldCheck, Edit3, FilePlus, FileSearch, Terminal, AlertTriangle, CircleDot, FileEdit, Cloud, RefreshCw, Maximize2, ArrowLeft, RotateCw, Search, Paperclip, Mic, Send, GitCommit, Activity, EyeOff, Copy, GitPullRequest, ExternalLink, ShieldX, ArrowDownLeft, TriangleAlert, Info, ShieldQuestion, BrainCircuitIcon, ImageIcon, FileIcon, ExternalLinkIcon, FileTextIcon, WrenchIcon, CodeIcon, ShieldIcon, AlertCircleIcon, CheckCircleIcon, LoaderIcon, Rocket, Image, Palette, Moon, Sun, ChevronLeftIcon, ChevronRightIcon, Hash, Slash, CheckIcon, CopyIcon } from 'lucide-react';
 import * as ToastPrimitive from '@radix-ui/react-toast';
 import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
@@ -1411,6 +1411,38 @@ function TheoUIProvider({ children, theme, toaster }) {
   return /* @__PURE__ */ jsx(ThemeProvider, { themes: themes ?? builtinThemes, ...restTheme, children: /* @__PURE__ */ jsx(Toaster, { ...toaster, children }) });
 }
 TheoUIProvider.displayName = "TheoUIProvider";
+
+// src/types/chat.ts
+function isTextUIPart(part) {
+  return part.type === "text";
+}
+function isReasoningUIPart(part) {
+  return part.type === "reasoning";
+}
+function isFileUIPart(part) {
+  return part.type === "file";
+}
+function isReasoningFileUIPart(part) {
+  return part.type === "reasoning-file";
+}
+function isSourceUrlUIPart(part) {
+  return part.type === "source-url";
+}
+function isSourceDocumentUIPart(part) {
+  return part.type === "source-document";
+}
+function isStepStartUIPart(part) {
+  return part.type === "step-start";
+}
+function isCustomContentUIPart(part) {
+  return part.type === "custom";
+}
+function isToolUIPart(part) {
+  return part.type === "dynamic-tool" || part.type.startsWith("tool-");
+}
+function isDataUIPart(part) {
+  return part.type.startsWith("data-");
+}
 var buttonVariants = cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg",
@@ -5135,83 +5167,986 @@ var SessionListItem = forwardRef(
   )
 );
 SessionListItem.displayName = "SessionListItem";
-var ChatMessage = forwardRef(
-  ({ className, message, avatar, actions, ...props }, ref) => {
-    if (message.role === "user") {
-      return /* @__PURE__ */ jsxs(
-        "article",
-        {
-          ref,
-          className: cn("flex justify-end gap-3", className),
-          "aria-label": "user message",
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "max-w-[70%] rounded-2xl rounded-tr-md border border-border/40 bg-secondary",
-                  "px-4 py-3 text-body-md text-secondary-foreground"
-                ),
-                children: [
-                  message.content,
-                  message.timestamp ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-right font-mono text-label text-muted-foreground", children: message.timestamp }) : null
-                ]
-              }
-            ),
-            avatar ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }) : null
-          ]
-        }
-      );
+function deriveDataName(part) {
+  return part.type.slice("data-".length);
+}
+function DataPart({ part, renderers }) {
+  const name = deriveDataName(part);
+  const renderer = renderers?.[part.type] ?? renderers?.[name];
+  if (renderer) return renderer(part.data, part);
+  return /* @__PURE__ */ jsxs(
+    "details",
+    {
+      className: cn("my-2 rounded-md border border-border bg-muted/20 px-3 py-1.5 text-body-sm"),
+      "data-theo-data": name,
+      children: [
+        /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: [
+          /* @__PURE__ */ jsx(CodeIcon, { className: "size-3", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "data-",
+            name
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("pre", { className: "mt-2 overflow-x-auto border-border border-t pt-2 text-code-sm", children: /* @__PURE__ */ jsx("code", { children: safeStringify(part.data) }) })
+      ]
     }
-    if (message.role === "system") {
-      return /* @__PURE__ */ jsx(
-        "article",
+  );
+}
+function safeStringify(value) {
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function isImage(mediaType) {
+  return mediaType.startsWith("image/") || mediaType === "image";
+}
+function FilePart({ part }) {
+  const safeUrl = safeHref(part.url);
+  const label = part.filename ?? part.url.split("/").pop() ?? "file";
+  if (isImage(part.mediaType)) {
+    if (!safeUrl) {
+      return /* @__PURE__ */ jsxs(
+        "div",
         {
-          ref,
           className: cn(
-            "rounded-lg border border-accent-deep/40 border-l-4 bg-accent/10 px-4 py-2",
-            "text-body-sm text-foreground",
-            className
+            "my-2 inline-flex items-center gap-2 rounded-md border border-border bg-muted/30 px-3 py-2",
+            "text-body-sm text-muted-foreground"
           ),
-          "aria-label": "system message",
-          ...props,
-          children: message.content
+          children: [
+            /* @__PURE__ */ jsx(ImageIcon, { className: "size-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { children: label }),
+            /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "(blocked)" })
+          ]
         }
       );
     }
     return /* @__PURE__ */ jsxs(
-      "article",
+      "figure",
       {
-        ref,
-        className: cn("flex gap-3", className),
-        "aria-label": "assistant message",
-        ...props,
+        className: "my-3 overflow-hidden rounded-lg border border-border",
+        "data-theo-file": "image",
         children: [
-          avatar ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }) : null,
+          /* @__PURE__ */ jsx("img", { src: safeUrl, alt: label, className: "block max-w-full", loading: "lazy" }),
+          part.filename ? /* @__PURE__ */ jsx("figcaption", { className: "border-border border-t bg-muted/30 px-3 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: part.filename }) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "my-2 inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-2",
+        "text-body-sm"
+      ),
+      "data-theo-file": "generic",
+      children: [
+        /* @__PURE__ */ jsx(FileIcon, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
+        safeUrl ? /* @__PURE__ */ jsx("a", { href: safeUrl, className: "text-primary hover:text-primary-deep hover:underline", children: label }) : /* @__PURE__ */ jsx("span", { children: label }),
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: part.mediaType })
+      ]
+    }
+  );
+}
+var DEFAULT_THEMES = { light: "github-light", dark: "github-dark" };
+var cachedHighlighter = null;
+var highlighterFailed = false;
+async function getHighlighter(themes) {
+  if (cachedHighlighter) return cachedHighlighter;
+  if (highlighterFailed) return null;
+  try {
+    const shiki = await import('shiki');
+    cachedHighlighter = await shiki.createHighlighter({
+      themes: [themes.light, themes.dark],
+      langs: [
+        "ts",
+        "tsx",
+        "js",
+        "jsx",
+        "python",
+        "go",
+        "rust",
+        "java",
+        "json",
+        "yaml",
+        "bash",
+        "shell",
+        "html",
+        "css",
+        "sql",
+        "markdown"
+      ]
+    });
+    return cachedHighlighter;
+  } catch {
+    highlighterFailed = true;
+    return null;
+  }
+}
+function CodeBlock({ code, language, themes, className }) {
+  const [html, setHtml] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const effectiveThemes = themes ?? DEFAULT_THEMES;
+  useEffect(() => {
+    let cancelled = false;
+    if (!language) return;
+    getHighlighter(effectiveThemes).then((hl) => {
+      if (cancelled || !hl) return;
+      try {
+        const out = hl.codeToHtml(code, {
+          lang: language,
+          themes: { light: effectiveThemes.light, dark: effectiveThemes.dark },
+          defaultColor: "light"
+        });
+        setHtml(out);
+      } catch {
+      }
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language, effectiveThemes.light, effectiveThemes.dark, effectiveThemes]);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group relative my-4 overflow-hidden rounded-lg border border-border bg-muted/30",
+        className
+      ),
+      "data-theo-code-block": "",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-border border-b bg-muted/50 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: language || "text" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: cn(
+                "inline-flex h-7 items-center gap-1.5 rounded-md px-2 text-label",
+                "text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground",
+                "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+              ),
+              "aria-label": copied ? "Copied" : "Copy code",
+              children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: "Copied" })
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { children: "Copy" })
+              ] })
+            }
+          )
+        ] }),
+        html ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "[&_pre]:!bg-transparent [&_pre]:!m-0 [&_pre]:!p-0 overflow-x-auto p-3 text-code-sm",
+            dangerouslySetInnerHTML: { __html: html }
+          }
+        ) : /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 text-code-sm", children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: code }) })
+      ]
+    }
+  );
+}
+function InlineCode({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: cn(
+        "rounded bg-muted px-1.5 py-0.5 font-mono text-code-sm text-foreground",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/lib/markdown/streaming-preprocess.ts
+function preprocessStreaming(markdown, isStreaming = true) {
+  if (!isStreaming) return markdown;
+  let buf = markdown;
+  const fenceCount = countTripleBackticks(buf);
+  if (fenceCount % 2 === 1) {
+    buf = `${buf.endsWith("\n") ? buf : `${buf}
+`}\`\`\``;
+    return buf;
+  }
+  const blockMathCount = countOccurrences(buf, "$$");
+  if (blockMathCount % 2 === 1) {
+    buf = `${buf}$$`;
+    return buf;
+  }
+  const inlineBackticks = countSingleBackticks(buf);
+  if (inlineBackticks % 2 === 1) {
+    buf = `${buf}\``;
+  }
+  const inlineDollars = countSingleDollars(buf);
+  if (inlineDollars % 2 === 1) {
+    buf = `${buf}$`;
+  }
+  for (const marker of ["**", "__", "*", "_"]) {
+    if (countMarker(buf, marker) % 2 === 1) {
+      buf = `${buf}${marker}`;
+    }
+  }
+  buf = closeUnclosedLink(buf);
+  return buf;
+}
+function countTripleBackticks(s) {
+  let count = 0;
+  let i = 0;
+  while (i < s.length) {
+    if (s[i] === "`" && s[i + 1] === "`" && s[i + 2] === "`") {
+      count++;
+      i += 3;
+    } else {
+      i++;
+    }
+  }
+  return count;
+}
+function countSingleBackticks(s) {
+  let count = 0;
+  let i = 0;
+  while (i < s.length) {
+    if (s[i] === "`") {
+      if (s[i + 1] === "`" && s[i + 2] === "`") {
+        i += 3;
+        continue;
+      }
+      count++;
+    }
+    i++;
+  }
+  return count;
+}
+function countOccurrences(s, needle) {
+  if (needle.length === 0) return 0;
+  let count = 0;
+  let i = s.indexOf(needle);
+  while (i !== -1) {
+    count++;
+    i = s.indexOf(needle, i + needle.length);
+  }
+  return count;
+}
+function countSingleDollars(s) {
+  let count = 0;
+  let i = 0;
+  while (i < s.length) {
+    if (s[i] === "$") {
+      if (s[i + 1] === "$") {
+        i += 2;
+        continue;
+      }
+      if (i > 0 && s[i - 1] === "\\") {
+        i++;
+        continue;
+      }
+      count++;
+    }
+    i++;
+  }
+  return count;
+}
+function countMarker(s, marker) {
+  if (marker.length === 0) return 0;
+  if (marker.length === 1) {
+    let count2 = 0;
+    let i2 = 0;
+    while (i2 < s.length) {
+      if (s[i2] === marker) {
+        if (s[i2 + 1] === marker) {
+          i2 += 2;
+          continue;
+        }
+        if (i2 > 0 && s[i2 - 1] === "\\") {
+          i2++;
+          continue;
+        }
+        count2++;
+      }
+      i2++;
+    }
+    return count2;
+  }
+  let count = 0;
+  let i = 0;
+  while (i <= s.length - marker.length) {
+    if (s.substring(i, i + marker.length) === marker) {
+      count++;
+      i += marker.length;
+    } else {
+      i++;
+    }
+  }
+  return count;
+}
+function closeUnclosedLink(s) {
+  const lastOpenParen = s.lastIndexOf("(");
+  const lastCloseParen = s.lastIndexOf(")");
+  if (lastOpenParen === -1 || lastOpenParen <= lastCloseParen) return s;
+  if (s[lastOpenParen - 1] !== "]") return s;
+  const closingBracket = lastOpenParen - 1;
+  const openingBracket = s.lastIndexOf("[", closingBracket - 1);
+  if (openingBracket === -1) return s;
+  return `${s})`;
+}
+
+// src/lib/markdown/parser.ts
+async function parseBody(body) {
+  const [{ fromMarkdown }, { gfmFromMarkdown }, { gfm }] = await Promise.all([
+    import('mdast-util-from-markdown'),
+    import('mdast-util-gfm'),
+    import('micromark-extension-gfm')
+  ]);
+  return fromMarkdown(body, {
+    extensions: [gfm()],
+    mdastExtensions: [gfmFromMarkdown()]
+  });
+}
+async function mdastToHast(tree) {
+  const { toHast } = await import('mdast-util-to-hast');
+  const hast = toHast(tree, { allowDangerousHtml: false });
+  if (!hast || hast.type !== "root") {
+    return { type: "root", children: hast ? [hast] : [] };
+  }
+  return hast;
+}
+async function sanitizeHast(tree) {
+  const { sanitize, defaultSchema } = await import('hast-util-sanitize');
+  const schema = {
+    ...defaultSchema,
+    attributes: {
+      ...defaultSchema.attributes ?? {},
+      code: [...defaultSchema.attributes?.code ?? [], ["className", /^language-./]],
+      pre: [...defaultSchema.attributes?.pre ?? [], ["className", /./]],
+      span: [...defaultSchema.attributes?.span ?? [], ["className", /./], ["style"]]
+    }
+  };
+  const safe2 = sanitize(tree, schema);
+  return safe2.type === "root" ? safe2 : { type: "root", children: [safe2] };
+}
+async function hastToReact(tree, components) {
+  const { Fragment: Fragment17, jsx: jsx117, jsxs: jsxs95 } = await import('react/jsx-runtime');
+  const { toJsxRuntime } = await import('hast-util-to-jsx-runtime');
+  return toJsxRuntime(tree, {
+    Fragment: Fragment17,
+    jsx: jsx117,
+    jsxs: jsxs95,
+    components
+  });
+}
+async function parseMarkdownToReact(markdown, opts = {}) {
+  const preprocessed = preprocessStreaming(markdown, opts.isStreaming ?? false);
+  const mdast = await parseBody(preprocessed);
+  const hast = await mdastToHast(mdast);
+  const safe2 = await sanitizeHast(hast);
+  return hastToReact(safe2, opts.components);
+}
+async function parseMarkdownToReactSafe(markdown, opts = {}) {
+  try {
+    return await parseMarkdownToReact(markdown, opts);
+  } catch {
+    return createElement("span", { className: "whitespace-pre-wrap" }, markdown);
+  }
+}
+function isFenced(props) {
+  const cls = props.className;
+  if (typeof cls === "string") return cls.startsWith("language-");
+  if (Array.isArray(cls))
+    return cls.some((c) => typeof c === "string" && c.startsWith("language-"));
+  return false;
+}
+function extractLanguage(props) {
+  const cls = props.className;
+  const list = typeof cls === "string" ? [cls] : Array.isArray(cls) ? cls : [];
+  for (const c of list) {
+    if (typeof c === "string" && c.startsWith("language-")) {
+      return c.slice("language-".length);
+    }
+  }
+  return void 0;
+}
+function extractText(children) {
+  if (typeof children === "string") return children;
+  if (Array.isArray(children)) return children.map(extractText).join("");
+  if (children && typeof children === "object" && "props" in children && children.props) {
+    return extractText(children.props.children);
+  }
+  return "";
+}
+var MARKDOWN_COMPONENTS = {
+  code: (props) => {
+    if (isFenced(props)) {
+      const language = extractLanguage(props);
+      const code = extractText(props.children);
+      return /* @__PURE__ */ jsx(CodeBlock, { code, language });
+    }
+    return /* @__PURE__ */ jsx(InlineCode, { ...props, children: props.children });
+  },
+  // Strip the default `<pre>` since `<CodeBlock>` ships its own wrapper.
+  // Inline `<pre>` still works for raw whitespace-preserving text.
+  pre: ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+};
+function ChatMessageResponseImpl({
+  text,
+  isStreaming = false,
+  className
+}) {
+  const [tree, setTree] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    parseMarkdownToReactSafe(text, {
+      isStreaming,
+      components: MARKDOWN_COMPONENTS
+    }).then((next) => {
+      if (!cancelled) setTree(next);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [text, isStreaming]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "prose-theo max-w-none text-body-md text-foreground leading-relaxed",
+        // First/last child margin reset — fork from vercel/ai-elements
+        "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        // Heading sizes inside chat use our typescale, not browser defaults
+        "[&_h1]:mt-4 [&_h1]:mb-2 [&_h1]:font-semibold [&_h1]:text-title-lg",
+        "[&_h2]:mt-3 [&_h2]:mb-2 [&_h2]:font-semibold [&_h2]:text-title-md",
+        "[&_h3]:mt-3 [&_h3]:mb-1.5 [&_h3]:font-semibold [&_h3]:text-body-lg",
+        "[&_p]:my-2",
+        "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5",
+        "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5",
+        "[&_li]:my-0.5",
+        "[&_blockquote]:my-2 [&_blockquote]:border-primary/40 [&_blockquote]:border-l-2 [&_blockquote]:pl-3 [&_blockquote]:text-muted-foreground",
+        "[&_a:hover]:text-primary-deep [&_a]:text-primary [&_a]:underline",
+        "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse",
+        "[&_th]:border [&_th]:border-border [&_th]:bg-muted/40 [&_th]:px-3 [&_th]:py-1.5 [&_th]:text-left",
+        "[&_td]:border [&_td]:border-border [&_td]:px-3 [&_td]:py-1.5",
+        "[&_hr]:my-4 [&_hr]:border-border",
+        className
+      ),
+      "data-theo-chat-response": "",
+      children: tree
+    }
+  );
+}
+var ChatMessageResponse = memo(ChatMessageResponseImpl, (prev, next) => {
+  return prev.text === next.text && prev.isStreaming === next.isStreaming;
+});
+ChatMessageResponse.displayName = "ChatMessageResponse";
+function ReasoningPart({ part, defaultOpen }) {
+  const isStreaming = part.state === "streaming";
+  const open = defaultOpen ?? isStreaming;
+  return /* @__PURE__ */ jsxs(
+    "details",
+    {
+      className: cn(
+        "my-2 rounded-md border border-border bg-muted/20 px-3 py-2",
+        "[&[open]]:bg-muted/40"
+      ),
+      open,
+      "data-theo-reasoning": "",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "summary",
+          {
+            className: cn(
+              "cursor-pointer list-none font-mono text-label-caps text-muted-foreground uppercase tracking-wider",
+              "flex items-center gap-1.5 marker:hidden",
+              "transition-colors hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(BrainCircuitIcon, { className: "size-3.5", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { children: "Reasoning" }),
+              isStreaming ? /* @__PURE__ */ jsx("span", { className: "text-primary/80", children: "\u2026" }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 border-border border-t pt-2", children: /* @__PURE__ */ jsx(ChatMessageResponse, { text: part.text, isStreaming }) })
+      ]
+    }
+  );
+}
+function SourceUrlPart({ part }) {
+  const safe2 = safeHref(part.url);
+  const label = part.title || part.url;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "my-1 inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-card px-2 py-1",
+        "align-middle font-mono text-label"
+      ),
+      "data-theo-source": "url",
+      children: [
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 text-muted-foreground", "aria-hidden": "true" }),
+        safe2 ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: safe2,
+            className: "truncate text-primary hover:text-primary-deep hover:underline",
+            rel: "noopener noreferrer",
+            target: "_blank",
+            children: label
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: label })
+      ]
+    }
+  );
+}
+function SourceDocumentPart({ part }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "my-1 inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-card px-2 py-1",
+        "align-middle font-mono text-label"
+      ),
+      "data-theo-source": "document",
+      children: [
+        /* @__PURE__ */ jsx(FileTextIcon, { className: "size-3 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: part.title }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: part.mediaType })
+      ]
+    }
+  );
+}
+function TextPart({ part }) {
+  return /* @__PURE__ */ jsx(ChatMessageResponse, { text: part.text, isStreaming: part.state === "streaming" });
+}
+function deriveToolName(part) {
+  if (part.toolName) return part.toolName;
+  if (part.type === "dynamic-tool") return "dynamic-tool";
+  return part.type.slice("tool-".length);
+}
+function stateBadge(state) {
+  switch (state) {
+    case "input-streaming":
+      return {
+        icon: /* @__PURE__ */ jsx(LoaderIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }),
+        label: "Streaming input",
+        tone: "text-muted-foreground"
+      };
+    case "input-available":
+      return {
+        icon: /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Ready to call",
+        tone: "text-primary"
+      };
+    case "approval-requested":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Awaiting approval",
+        tone: "text-warning"
+      };
+    case "approval-responded":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Approval responded",
+        tone: "text-primary"
+      };
+    case "output-available":
+      return {
+        icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Completed",
+        tone: "text-success"
+      };
+    case "output-error":
+      return {
+        icon: /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Error",
+        tone: "text-destructive"
+      };
+    case "output-denied":
+      return {
+        icon: /* @__PURE__ */ jsx(ShieldIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Denied",
+        tone: "text-destructive"
+      };
+    default:
+      return {
+        icon: /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5", "aria-hidden": "true" }),
+        label: "Unknown",
+        tone: "text-muted-foreground"
+      };
+  }
+}
+function safeStringify2(value) {
+  if (value === void 0) return "";
+  if (typeof value === "string") return value;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+}
+function ToolCallPart({ part }) {
+  const toolName = deriveToolName(part);
+  const badge = stateBadge(part.state);
+  const inputStr = safeStringify2(part.input);
+  const outputStr = part.state === "output-available" ? safeStringify2(part.output) : part.errorText ?? "";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("my-3 overflow-hidden rounded-lg border border-border bg-card", "shadow-sm"),
+      "data-theo-tool-call": part.state,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border border-b bg-muted/30 px-3 py-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-foreground text-label", children: toolName })
+          ] }),
           /* @__PURE__ */ jsxs(
-            "div",
+            "span",
             {
               className: cn(
-                "min-w-0 flex-1 rounded-2xl rounded-tl-md border border-border/40 border-l-2 border-l-primary",
-                "bg-card px-5 py-4 shadow-sm"
+                "inline-flex items-center gap-1 text-label-caps uppercase tracking-wider",
+                badge.tone
               ),
               children: [
-                /* @__PURE__ */ jsxs("header", { className: "mb-2 flex items-center justify-between gap-3", children: [
-                  message.model ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-primary uppercase tracking-wider", children: message.model }) : /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "Assistant" }),
-                  message.timestamp ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground", children: message.timestamp }) : null
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-body-md text-foreground leading-relaxed", children: message.content }),
-                actions ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center gap-1", children: actions }) : null
+                badge.icon,
+                /* @__PURE__ */ jsx("span", { children: badge.label })
               ]
             }
           )
+        ] }),
+        inputStr ? /* @__PURE__ */ jsxs("details", { className: "border-border border-b", open: part.state === "input-streaming", children: [
+          /* @__PURE__ */ jsx("summary", { className: "cursor-pointer px-3 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider hover:text-foreground", children: "Input" }),
+          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto bg-muted/20 px-3 py-2 text-code-sm", children: /* @__PURE__ */ jsx("code", { children: inputStr }) })
+        ] }) : null,
+        outputStr ? /* @__PURE__ */ jsxs("details", { open: part.state === "output-error" || part.state === "output-available", children: [
+          /* @__PURE__ */ jsx(
+            "summary",
+            {
+              className: cn(
+                "cursor-pointer px-3 py-1.5 font-mono text-label-caps uppercase tracking-wider hover:text-foreground",
+                part.state === "output-error" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: part.state === "output-error" ? "Error" : "Output"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "pre",
+            {
+              className: cn(
+                "overflow-x-auto px-3 py-2 text-code-sm",
+                part.state === "output-error" ? "bg-destructive/5" : "bg-muted/20"
+              ),
+              children: /* @__PURE__ */ jsx("code", { children: outputStr })
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+var ChatMessageRoot = forwardRef(
+  ({ className, from, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "group flex w-full max-w-[95%] flex-col gap-2",
+        from === "user" ? "is-user ml-auto justify-end" : from === "assistant" ? "is-assistant" : "is-system",
+        className
+      ),
+      "data-theo-chat-message": from,
+      ...props,
+      children
+    }
+  )
+);
+ChatMessageRoot.displayName = "ChatMessageRoot";
+var ChatMessageContent = forwardRef(
+  ({ className, variant, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-body-md",
+        // User bubble — secondary surface, right-aligned (within the `is-user` group)
+        "group-[.is-user]:ml-auto",
+        variant !== "flat" && "group-[.is-user]:rounded-2xl group-[.is-user]:rounded-tr-md group-[.is-user]:border group-[.is-user]:border-border/40 group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3",
+        // Assistant card — primary accent border-left
+        variant === "contained" && "group-[.is-assistant]:rounded-2xl group-[.is-assistant]:rounded-tl-md group-[.is-assistant]:border group-[.is-assistant]:border-border/40 group-[.is-assistant]:border-l-2 group-[.is-assistant]:border-l-primary group-[.is-assistant]:bg-card group-[.is-assistant]:px-5 group-[.is-assistant]:py-4 group-[.is-assistant]:shadow-sm",
+        // System callout — accent-deep border
+        "group-[.is-system]:rounded-lg group-[.is-system]:border group-[.is-system]:border-accent-deep/40 group-[.is-system]:border-l-4 group-[.is-system]:bg-accent/10 group-[.is-system]:px-4 group-[.is-system]:py-2 group-[.is-system]:text-body-sm",
+        "group-[.is-assistant]:text-foreground group-[.is-user]:text-secondary-foreground",
+        className
+      ),
+      "data-theo-chat-content": "",
+      ...props,
+      children
+    }
+  )
+);
+ChatMessageContent.displayName = "ChatMessageContent";
+function renderPart(part, opts = {}) {
+  const overrides = opts.partRenderers ?? {};
+  if (isTextUIPart(part)) {
+    return overrides.text?.(part) ?? /* @__PURE__ */ jsx(TextPart, { part });
+  }
+  if (isReasoningUIPart(part)) {
+    return overrides.reasoning?.(part) ?? /* @__PURE__ */ jsx(ReasoningPart, { part });
+  }
+  if (isReasoningFileUIPart(part)) {
+    return overrides["reasoning-file"]?.(part) ?? null;
+  }
+  if (isFileUIPart(part)) {
+    return overrides.file?.(part) ?? /* @__PURE__ */ jsx(FilePart, { part });
+  }
+  if (isSourceUrlUIPart(part)) {
+    return overrides["source-url"]?.(part) ?? /* @__PURE__ */ jsx(SourceUrlPart, { part });
+  }
+  if (isSourceDocumentUIPart(part)) {
+    return overrides["source-document"]?.(part) ?? /* @__PURE__ */ jsx(SourceDocumentPart, { part });
+  }
+  if (isToolUIPart(part)) {
+    return overrides.tool?.(part) ?? /* @__PURE__ */ jsx(ToolCallPart, { part });
+  }
+  if (isDataUIPart(part)) {
+    return overrides.data?.(part) ?? /* @__PURE__ */ jsx(DataPart, { part, renderers: opts.dataRenderers });
+  }
+  if (isStepStartUIPart(part)) {
+    return overrides["step-start"]?.() ?? /* @__PURE__ */ jsx("hr", { className: "my-3 border-border", "aria-label": "Step boundary" });
+  }
+  return null;
+}
+var ChatMessage = forwardRef(
+  ({ message, avatar, actions, variant, partRenderers, dataRenderers, className, ...props }, ref) => {
+    const inner = /* @__PURE__ */ jsxs(
+      ChatMessageContent,
+      {
+        variant: variant ?? (message.role === "assistant" ? "contained" : void 0),
+        children: [
+          message.parts.map((part, idx) => /* @__PURE__ */ jsx("div", { children: renderPart(part, { dataRenderers, partRenderers }) }, `${part.type}-${idx}`)),
+          actions
         ]
       }
     );
+    if (message.role === "user") {
+      return /* @__PURE__ */ jsxs(ChatMessageRoot, { ref, from: "user", className, ...props, children: [
+        inner,
+        avatar ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }) : null
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(ChatMessageRoot, { ref, from: message.role, className, ...props, children: [
+      avatar ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }) : null,
+      inner
+    ] });
   }
 );
 ChatMessage.displayName = "ChatMessage";
+function ChatMessageActions({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), "data-theo-chat-actions": "", ...props, children });
+}
+function ChatMessageAction({
+  tooltip,
+  label,
+  variant = "ghost",
+  size = "icon",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant,
+      size,
+      title: tooltip,
+      className: cn(className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label || tooltip })
+      ]
+    }
+  );
+}
+function ChatMessageToolbar({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("mt-3 flex w-full items-center justify-between gap-3", className),
+      "data-theo-chat-toolbar": "",
+      ...props,
+      children
+    }
+  );
+}
+var MessageBranchContext = createContext(null);
+function useMessageBranch() {
+  const ctx = useContext(MessageBranchContext);
+  if (!ctx) {
+    throw new Error("ChatMessageBranch* components must be wrapped in <ChatMessageBranch>.");
+  }
+  return ctx;
+}
+function ChatMessageBranch({
+  defaultBranch = 0,
+  onBranchChange,
+  className,
+  ...props
+}) {
+  const [currentBranch, setCurrentBranch] = useState(defaultBranch);
+  const [branches, setBranches] = useState([]);
+  const handleChange = useCallback(
+    (next) => {
+      setCurrentBranch(next);
+      onBranchChange?.(next);
+    },
+    [onBranchChange]
+  );
+  const goToPrevious = useCallback(() => {
+    handleChange(currentBranch > 0 ? currentBranch - 1 : branches.length - 1);
+  }, [currentBranch, branches.length, handleChange]);
+  const goToNext = useCallback(() => {
+    handleChange(currentBranch < branches.length - 1 ? currentBranch + 1 : 0);
+  }, [currentBranch, branches.length, handleChange]);
+  const value = useMemo(
+    () => ({
+      branches,
+      currentBranch,
+      goToNext,
+      goToPrevious,
+      setBranches,
+      totalBranches: branches.length
+    }),
+    [branches, currentBranch, goToNext, goToPrevious]
+  );
+  return /* @__PURE__ */ jsx(MessageBranchContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { className: cn("grid w-full gap-2", className), ...props }) });
+}
+function ChatMessageBranchContent({
+  children,
+  ...props
+}) {
+  const { currentBranch, setBranches, branches } = useMessageBranch();
+  const childrenArray = useMemo(
+    () => Array.isArray(children) ? children : [children],
+    [children]
+  );
+  useEffect(() => {
+    if (branches.length !== childrenArray.length) {
+      setBranches(childrenArray);
+    }
+  }, [childrenArray, branches, setBranches]);
+  return /* @__PURE__ */ jsx(Fragment, { children: childrenArray.map((branch, idx) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid gap-2 overflow-hidden", idx === currentBranch ? "block" : "hidden"),
+      ...props,
+      children: branch
+    },
+    // Prefer a stable element key; fall back to index
+    branch?.key ?? `branch-${idx}`
+  )) });
+}
+function ChatMessageBranchSelector({
+  className,
+  ...props
+}) {
+  const { totalBranches } = useMessageBranch();
+  if (totalBranches <= 1) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("inline-flex items-center gap-0.5 rounded-md border border-border", className),
+      role: "group",
+      "aria-label": "Branch selector",
+      ...props
+    }
+  );
+}
+function ChatMessageBranchPrevious({
+  children,
+  ...props
+}) {
+  const { goToPrevious, totalBranches } = useMessageBranch();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      "aria-label": "Previous branch",
+      disabled: totalBranches <= 1,
+      onClick: goToPrevious,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-3.5", "aria-hidden": "true" })
+    }
+  );
+}
+function ChatMessageBranchNext({
+  children,
+  ...props
+}) {
+  const { goToNext, totalBranches } = useMessageBranch();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon",
+      "aria-label": "Next branch",
+      disabled: totalBranches <= 1,
+      onClick: goToNext,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5", "aria-hidden": "true" })
+    }
+  );
+}
+function ChatMessageBranchPage({
+  className,
+  ...props
+}) {
+  const { currentBranch, totalBranches } = useMessageBranch();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center px-2 font-mono text-label-caps text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        currentBranch + 1,
+        " of ",
+        totalBranches
+      ]
+    }
+  );
+}
 var ChatThread = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(LiveRegionProvider, { value: true, children: /* @__PURE__ */ jsx(
     "div",
@@ -8582,6 +9517,6 @@ function CommandPalette({
   ] }) });
 }
 
-export { ALL_MODES, AgentComposer, AgentEditor, AgentErrorCard, AgentEvent, AgentHandoff, AgentProfile, AgentStartingState, AgentStream, AgentStreaming, AgentTimeline, ApprovalCard, ArtifactPreview, AttachmentChip, AuditLogEntry, AutoCompactNotice, Avatar, BadgeWithDot as Badge, BrowserControls, BuildLogStream, Button, CapabilityIndicator, Card, ChatComposer, ChatMessage, ChatThread, Checkbox, CommandPalette, ContextCard, ContextWindowBar, CostMeter, CreatedFilesCard, CronJobCard, CronJobsList, DeploymentRow, Dialog, DiffViewer, DomainConfig, EmptyState, EnvVarEditor, FolderContextCard, FolderSelector, FormField, HOOK_EVENTS, HookConfig, HookEventLog, Input, IntentSelector, Label, LaneBoard, LoginSplit, MCPServerCard, MCPServerList, MODE_LABEL, MemoryEditor, MentionMenu, MetricsPanel, ModelCard, ModelSelector, PermissionMatrix, PermissionModal, PreviewEnvCard, PreviewPanel, ProgressChecklist, ProjectCard, ProjectSwitcher, QuickActionChips, RadioGroup, RecentFoldersList, RollbackUI, RuleCard, RuleEditor, RunStats, RunningTasksPanel, ScrollArea, Select, SessionListItem, SessionTimeline, Sheet, Sidebar, Skeleton, SkillCard, SkillEditor, SkillsList, SocialAuthRow, StepsRail, SubAgentDispatch, Switch, SystemPromptEditor, Tabs, TaskHeader, TaskNode, TaskPlan, TerminalPanel, Textarea, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, Toast, Toaster, TokenUsageChart, ToolCall, ToolCallCard, ToolResult, ToolsList, TooltipWithStatics as Tooltip, TopNav, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, dracula, githubDark, hex, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
+export { ALL_MODES, AgentComposer, AgentEditor, AgentErrorCard, AgentEvent, AgentHandoff, AgentProfile, AgentStartingState, AgentStream, AgentStreaming, AgentTimeline, ApprovalCard, ArtifactPreview, AttachmentChip, AuditLogEntry, AutoCompactNotice, Avatar, BadgeWithDot as Badge, BrowserControls, BuildLogStream, Button, CapabilityIndicator, Card, ChatComposer, ChatMessage, ChatMessageAction, ChatMessageActions, ChatMessageBranch, ChatMessageBranchContent, ChatMessageBranchNext, ChatMessageBranchPage, ChatMessageBranchPrevious, ChatMessageBranchSelector, ChatMessageContent, ChatMessageResponse, ChatMessageRoot, ChatMessageToolbar, ChatThread, Checkbox, CommandPalette, ContextCard, ContextWindowBar, CostMeter, CreatedFilesCard, CronJobCard, CronJobsList, DataPart, DeploymentRow, Dialog, DiffViewer, DomainConfig, EmptyState, EnvVarEditor, FilePart, FolderContextCard, FolderSelector, FormField, HOOK_EVENTS, HookConfig, HookEventLog, Input, IntentSelector, Label, LaneBoard, LoginSplit, MCPServerCard, MCPServerList, MODE_LABEL, MemoryEditor, MentionMenu, MetricsPanel, ModelCard, ModelSelector, PermissionMatrix, PermissionModal, PreviewEnvCard, PreviewPanel, ProgressChecklist, ProjectCard, ProjectSwitcher, QuickActionChips, RadioGroup, ReasoningPart, RecentFoldersList, RollbackUI, RuleCard, RuleEditor, RunStats, RunningTasksPanel, ScrollArea, Select, SessionListItem, SessionTimeline, Sheet, Sidebar, Skeleton, SkillCard, SkillEditor, SkillsList, SocialAuthRow, SourceDocumentPart, SourceUrlPart, StepsRail, SubAgentDispatch, Switch, SystemPromptEditor, Tabs, TaskHeader, TaskNode, TaskPlan, TerminalPanel, TextPart, Textarea, ThemeProvider, ThemeScript, ThemeSwitcher, TheoUIProvider, Toast, Toaster, TokenUsageChart, ToolCall, ToolCallCard, ToolCallPart, ToolResult, ToolsList, TooltipWithStatics as Tooltip, TopNav, anthropicStyle, auroraTerminal, avatarVariants, badgeVariants, builtinThemes, buttonVariants, capabilityPresets, classicPaper, cn, defineTheme, dracula, githubDark, hex, isCustomContentUIPart, isDataUIPart, isFileUIPart, isReasoningFileUIPart, isReasoningUIPart, isSourceDocumentUIPart, isSourceUrlUIPart, isStepStartUIPart, isTextUIPart, isToolUIPart, linearGlass, modelCapabilityPresets, oneDark, openaiStyle, renderPart, rgb, sheetVariants, useDensity, useTheme, useToast, vercelMono, violetForge };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map