@tangle-network/sandbox-ui 0.4.0 → 0.5.0

package/dist/{chunk-GVUW4VDD.js → chunk-R3IU37AW.js}

@@ -6,20 +6,20 @@ import {
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-72UEKFZ2.js";
+} from "./chunk-WC7QTWPN.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-CJ2RYVZH.js";
+} from "./chunk-NTSRY4GW.js";
 import {
   getToolDisplayMetadata
 } from "./chunk-BX6AQMUS.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-YDBXQQLC.js";
+} from "./chunk-VBWY44UU.js";
 import {
   Markdown
-} from "./chunk-LTFK464G.js";
+} from "./chunk-H5XYSFYE.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -31,7 +31,7 @@ var UserMessage = memo(({ message, parts, actions }) => {
   const textContent = parts.filter((p) => p.type === "text").map((p) => p.text).join("\n");
   if (!textContent.trim()) return null;
   return /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-[82%] flex-col items-end gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "w-full rounded-[calc(var(--radius-xl)+2px)] rounded-br-[var(--radius-sm)] border border-[var(--border-accent)] bg-[radial-gradient(circle_at_top_right,rgba(96,165,250,0.18),transparent_45%),linear-gradient(135deg,rgba(98,114,243,0.18),rgba(98,114,243,0.06)_55%,rgba(255,255,255,0.02))] px-4 py-3.5 shadow-[var(--shadow-accent)] backdrop-blur-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "w-full rounded-[var(--radius-xl)] rounded-br-[var(--radius-sm)] border border-[var(--border-accent)] bg-[var(--depth-3)] px-4 py-3.5", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--brand-cool)]", children: "You" }),
       /* @__PURE__ */ jsx("div", { className: "text-[15px] leading-7 text-[var(--text-primary)]", children: /* @__PURE__ */ jsx(Markdown, { className: "tangle-prose", children: textContent }) })
     ] }),
@@ -87,77 +87,24 @@ var MessageList = memo2(
 );
 MessageList.displayName = "MessageList";
 
-// src/chat/chat-message.tsx
-import { User, Bot } from "lucide-react";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function ChatMessage({
-  role,
-  content,
-  toolCalls,
-  isStreaming,
-  timestamp,
-  className
-}) {
-  const isUser = role === "user";
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "flex gap-4 rounded-[calc(var(--radius-xl)+2px)] border px-4 py-4 shadow-[var(--shadow-card)] backdrop-blur-sm",
-        isUser ? "border-[var(--border-accent)] bg-[radial-gradient(circle_at_top_right,rgba(96,165,250,0.18),transparent_42%),linear-gradient(135deg,rgba(98,114,243,0.18),rgba(98,114,243,0.06)_55%,rgba(255,255,255,0.02))]" : "border-[var(--border-subtle)] bg-[radial-gradient(circle_at_top_left,rgba(96,165,250,0.12),transparent_34%),linear-gradient(180deg,rgba(255,255,255,0.03),transparent_32%),var(--bg-card)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx3(
-          "div",
-          {
-            className: cn(
-              "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-[calc(var(--radius-md)+2px)] border shadow-[var(--shadow-accent)]",
-              isUser ? "border-[var(--border-accent)] bg-[linear-gradient(135deg,rgba(82,164,255,0.24),rgba(82,164,255,0.08))] text-[var(--brand-cool)]" : "border-[var(--border-subtle)] bg-[linear-gradient(135deg,rgba(77,203,255,0.24),rgba(77,203,255,0.08))] text-[var(--brand-glow)]"
-            ),
-            children: isUser ? /* @__PURE__ */ jsx3(User, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx3(Bot, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx3("span", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-[var(--text-secondary)]", children: isUser ? "You" : "Agent" }),
-            timestamp && /* @__PURE__ */ jsx3("span", { className: "text-[11px] text-[var(--text-muted)]", children: formatTime(timestamp) })
-          ] }),
-          isUser ? /* @__PURE__ */ jsx3("div", { className: "whitespace-pre-wrap text-[15px] leading-7 text-[var(--text-primary)]", children: content }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-            content && /* @__PURE__ */ jsx3(Markdown, { className: "tangle-prose text-[15px] leading-7", children: content }),
-            isStreaming && /* @__PURE__ */ jsx3("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
-          ] }),
-          toolCalls
-        ] })
-      ]
-    }
-  );
-}
-function formatTime(date) {
-  return date.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-
 // src/chat/thinking-indicator.tsx
 import { useEffect, useState } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ThinkingIndicator({ className }) {
   const [elapsed, setElapsed] = useState(0);
   useEffect(() => {
     const interval = window.setInterval(() => setElapsed((current) => current + 1), 1e3);
     return () => window.clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ jsxs3("div", { className: cn("flex gap-3 px-4 py-3", className), children: [
-    /* @__PURE__ */ jsx4("div", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-[var(--brand-glow)]/15 text-[var(--brand-glow)]", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-0.5", children: [
-      /* @__PURE__ */ jsx4("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx4("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx4("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "300ms" } })
+  return /* @__PURE__ */ jsxs2("div", { className: cn("flex gap-3 px-4 py-3", className), children: [
+    /* @__PURE__ */ jsx3("div", { className: "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-[var(--brand-glow)]/15 text-[var(--brand-glow)]", children: /* @__PURE__ */ jsxs2("div", { className: "flex gap-0.5", children: [
+      /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current", style: { animationDelay: "300ms" } })
     ] }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx4("span", { className: "text-sm text-[var(--text-muted)]", children: elapsed < 10 ? "Thinking..." : elapsed < 60 ? "Thinking deeply..." : "Still working..." }),
-      elapsed > 5 && /* @__PURE__ */ jsxs3("span", { className: "text-xs tabular-nums text-[var(--text-muted)]", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx3("span", { className: "text-sm text-[var(--text-muted)]", children: elapsed < 10 ? "Thinking..." : elapsed < 60 ? "Thinking deeply..." : "Still working..." }),
+      elapsed > 5 && /* @__PURE__ */ jsxs2("span", { className: "text-xs tabular-nums text-[var(--text-muted)]", children: [
         elapsed,
         "s"
       ] })
@@ -173,7 +120,7 @@ import {
   FileText,
   Info
 } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var TONE_STYLES = {
   default: {
     dot: "bg-[var(--border-hover)]",
@@ -182,63 +129,81 @@ var TONE_STYLES = {
     icon: CircleDot
   },
   info: {
-    dot: "bg-sky-400",
-    card: "border-sky-500/20 bg-sky-500/5",
-    text: "text-sky-200",
+    dot: "bg-[var(--surface-info-text)]",
+    card: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)]",
+    text: "text-[var(--surface-info-text)]",
     icon: Info
   },
   success: {
-    dot: "bg-[var(--code-success)]",
-    card: "border-emerald-500/20 bg-emerald-500/5",
-    text: "text-emerald-200",
+    dot: "bg-[var(--surface-success-text)]",
+    card: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)]",
+    text: "text-[var(--surface-success-text)]",
     icon: CheckCircle2
   },
   warning: {
-    dot: "bg-amber-400",
-    card: "border-amber-500/20 bg-amber-500/5",
-    text: "text-amber-100",
+    dot: "bg-[var(--surface-warning-text)]",
+    card: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)]",
+    text: "text-[var(--surface-warning-text)]",
     icon: AlertTriangle
   },
   error: {
-    dot: "bg-[var(--code-error)]",
-    card: "border-red-500/20 bg-red-500/5",
-    text: "text-red-200",
+    dot: "bg-[var(--surface-danger-text)]",
+    card: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)]",
+    text: "text-[var(--surface-danger-text)]",
     icon: AlertTriangle
   }
 };
+function formatTime(date) {
+  return date.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+}
 function AgentTimelineRow({ isLast, accentClassName, children }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] gap-4", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "relative flex justify-center", children: [
-      !isLast && /* @__PURE__ */ jsx5("span", { className: "absolute top-4 bottom-[-1rem] left-1/2 w-px -translate-x-1/2 bg-[var(--border-subtle)]" }),
-      /* @__PURE__ */ jsx5("span", { className: cn("relative mt-2 h-2.5 w-2.5 rounded-full ring-4 ring-[var(--bg-root)]", accentClassName) })
+  return /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] gap-x-4", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "relative flex justify-center", children: [
+      !isLast && /* @__PURE__ */ jsx4("span", { className: "absolute top-4 bottom-[-0.75rem] left-1/2 w-px -translate-x-1/2 bg-[var(--border-subtle)]" }),
+      /* @__PURE__ */ jsx4("span", { className: cn("relative mt-2 h-2.5 w-2.5 rounded-full ring-4 ring-[var(--bg-root)]", accentClassName) })
     ] }),
-    /* @__PURE__ */ jsx5("div", { className: "min-w-0 pb-4", children })
+    /* @__PURE__ */ jsx4("div", { className: "min-w-0 pb-3", children })
+  ] });
+}
+function UserMessage2({ item }) {
+  return /* @__PURE__ */ jsx4("div", { className: "mb-3 flex justify-end", children: /* @__PURE__ */ jsx4("div", { className: "max-w-[72%]", children: /* @__PURE__ */ jsxs3("div", { className: "rounded-2xl border border-[var(--border-accent)] bg-[var(--depth-3)] px-4 py-3", children: [
+    item.timestamp && /* @__PURE__ */ jsx4("div", { className: "mb-1.5 text-right text-[11px] text-[var(--text-muted)]", children: formatTime(item.timestamp) }),
+    /* @__PURE__ */ jsx4("div", { className: "whitespace-pre-wrap text-[15px] leading-7 text-[var(--text-primary)]", children: item.content })
+  ] }) }) });
+}
+function AssistantMessage({ item }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "-mt-0.5", children: [
+    item.timestamp && /* @__PURE__ */ jsx4("div", { className: "mb-2 text-[11px] text-[var(--text-muted)]", children: formatTime(item.timestamp) }),
+    item.content && /* @__PURE__ */ jsx4(Markdown, { className: "tangle-prose text-[15px] leading-7", children: item.content }),
+    item.isStreaming && /* @__PURE__ */ jsx4("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" }),
+    item.toolCalls && /* @__PURE__ */ jsx4("div", { className: "mt-3", children: item.toolCalls }),
+    item.after && /* @__PURE__ */ jsx4("div", { className: "mt-3 border-t border-[var(--border-subtle)] pt-3", children: item.after })
   ] });
 }
 function StatusCard({ item }) {
   const tone = TONE_STYLES[item.tone ?? "default"];
   const Icon = tone.icon;
-  return /* @__PURE__ */ jsx5("div", { className: cn("rounded-[var(--radius-lg)] border px-4 py-3 shadow-[var(--shadow-card)]", tone.card), children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx5(Icon, { className: cn("mt-0.5 h-4 w-4 shrink-0", tone.text) }),
-    /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx5("div", { className: cn("text-sm font-medium", tone.text), children: item.label }),
-      item.detail && /* @__PURE__ */ jsx5("div", { className: "mt-1 text-sm text-[var(--text-muted)]", children: item.detail })
+  return /* @__PURE__ */ jsx4("div", { className: cn("rounded-[var(--radius-lg)] border px-4 py-3", tone.card), children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx4(Icon, { className: cn("mt-0.5 h-4 w-4 shrink-0", tone.text) }),
+    /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx4("div", { className: cn("text-sm font-medium", tone.text), children: item.label }),
+      item.detail && /* @__PURE__ */ jsx4("div", { className: "mt-0.5 text-sm text-[var(--text-muted)]", children: item.detail })
     ] })
   ] }) });
 }
 function ArtifactCard({ item }) {
   const tone = TONE_STYLES[item.tone ?? "default"];
-  const content = /* @__PURE__ */ jsx5("div", { className: cn("rounded-[var(--radius-lg)] border px-4 py-3 shadow-[var(--shadow-card)]", tone.card), children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx5("div", { className: cn("mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] bg-[var(--bg-elevated)] text-[var(--text-secondary)]"), children: item.icon ?? /* @__PURE__ */ jsx5(FileText, { className: "h-4 w-4" }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium text-[var(--text-primary)]", children: item.title }),
-      item.description && /* @__PURE__ */ jsx5("div", { className: "mt-1 text-sm text-[var(--text-muted)]", children: item.description }),
-      item.meta && /* @__PURE__ */ jsx5("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-[var(--text-muted)]", children: item.meta })
+  const content = /* @__PURE__ */ jsx4("div", { className: cn("rounded-[var(--radius-lg)] border px-4 py-3", tone.card), children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx4("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] bg-[var(--bg-elevated)] text-[var(--text-secondary)]", children: item.icon ?? /* @__PURE__ */ jsx4(FileText, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx4("div", { className: "text-sm font-medium text-[var(--text-primary)]", children: item.title }),
+      item.description && /* @__PURE__ */ jsx4("div", { className: "mt-1 text-sm text-[var(--text-muted)]", children: item.description }),
+      item.meta && /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-[var(--text-muted)]", children: item.meta })
     ] }),
-    item.action && /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: item.action })
+    item.action && /* @__PURE__ */ jsx4("div", { className: "shrink-0", children: item.action })
   ] }) });
   if (!item.onClick) return content;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       role: "button",
@@ -262,108 +227,76 @@ function AgentTimeline({
   className
 }) {
   if (items.length === 0 && !isThinking) {
-    return emptyState ? /* @__PURE__ */ jsx5("div", { className: cn("flex h-full items-center justify-center p-8", className), children: emptyState }) : null;
+    return emptyState ? /* @__PURE__ */ jsx4("div", { className: cn("flex h-full items-center justify-center p-8", className), children: emptyState }) : null;
   }
-  const renderedItems = isThinking ? [...items, { id: "__thinking__", kind: "custom", content: /* @__PURE__ */ jsx5(ThinkingIndicator, {}) }] : items;
-  return /* @__PURE__ */ jsx5("div", { className: cn("mx-auto w-full max-w-5xl px-4 py-4", className), children: renderedItems.map((item, index) => {
-    const isLast = index === renderedItems.length - 1;
+  const renderedItems = isThinking ? [...items, { id: "__thinking__", kind: "custom", content: /* @__PURE__ */ jsx4(ThinkingIndicator, {}) }] : items;
+  const timelineItems = renderedItems.filter((item) => !(item.kind === "message" && item.role === "user"));
+  return /* @__PURE__ */ jsx4("div", { className: cn("mx-auto w-full max-w-5xl px-4 py-4", className), children: renderedItems.map((item, index) => {
+    if (item.kind === "message" && item.role === "user") {
+      return /* @__PURE__ */ jsx4(UserMessage2, { item }, item.id);
+    }
+    const timelineIndex = timelineItems.indexOf(item);
+    const isLast = timelineIndex === timelineItems.length - 1;
     if (item.kind === "message") {
-      const accentClassName = item.role === "user" ? "bg-[var(--brand-cool)]" : "bg-[var(--brand-glow)]";
-      return /* @__PURE__ */ jsx5(AgentTimelineRow, { isLast, accentClassName, children: /* @__PURE__ */ jsxs4("div", { className: "rounded-[var(--radius-xl)] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsx5(
-          ChatMessage,
-          {
-            role: item.role,
-            content: item.content,
-            toolCalls: item.toolCalls,
-            isStreaming: item.isStreaming,
-            timestamp: item.timestamp
-          }
-        ),
-        item.after && /* @__PURE__ */ jsx5("div", { className: "border-t border-[var(--border-subtle)] px-4 py-3", children: item.after })
-      ] }) }, item.id);
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--brand-glow)]", children: /* @__PURE__ */ jsx4(AssistantMessage, { item }) }, item.id);
     }
     if (item.kind === "tool") {
-      return /* @__PURE__ */ jsx5(
-        AgentTimelineRow,
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(
+        ToolCallStep,
         {
-          isLast,
-          accentClassName: "bg-[var(--brand-cool)]/80",
-          children: /* @__PURE__ */ jsx5(
-            ToolCallStep,
-            {
-              type: item.call.type,
-              label: item.call.label,
-              status: item.call.status,
-              detail: item.call.detail,
-              output: item.call.output,
-              duration: item.call.duration
-            }
-          )
-        },
-        item.id
-      );
+          type: item.call.type,
+          label: item.call.label,
+          status: item.call.status,
+          detail: item.call.detail,
+          output: item.call.output,
+          duration: item.call.duration
+        }
+      ) }, item.id);
     }
     if (item.kind === "tool_group") {
-      return /* @__PURE__ */ jsx5(
-        AgentTimelineRow,
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(ToolCallGroup, { title: item.title, children: item.calls.map((call) => /* @__PURE__ */ jsx4(
+        ToolCallStep,
         {
-          isLast,
-          accentClassName: "bg-[var(--brand-cool)]/80",
-          children: /* @__PURE__ */ jsx5(ToolCallGroup, { title: item.title, children: item.calls.map((call) => /* @__PURE__ */ jsx5(
-            ToolCallStep,
-            {
-              type: call.type,
-              label: call.label,
-              status: call.status,
-              detail: call.detail,
-              output: call.output,
-              duration: call.duration
-            },
-            call.id
-          )) })
+          type: call.type,
+          label: call.label,
+          status: call.status,
+          detail: call.detail,
+          output: call.output,
+          duration: call.duration
         },
-        item.id
-      );
+        call.id
+      )) }) }, item.id);
     }
     if (item.kind === "status") {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(
         AgentTimelineRow,
         {
           isLast,
           accentClassName: TONE_STYLES[item.tone ?? "default"].dot,
-          children: /* @__PURE__ */ jsx5(StatusCard, { item })
+          children: /* @__PURE__ */ jsx4(StatusCard, { item })
         },
         item.id
       );
     }
     if (item.kind === "artifact") {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(
         AgentTimelineRow,
         {
           isLast,
           accentClassName: TONE_STYLES[item.tone ?? "default"].dot,
-          children: /* @__PURE__ */ jsx5(ArtifactCard, { item })
+          children: /* @__PURE__ */ jsx4(ArtifactCard, { item })
         },
         item.id
       );
     }
-    return /* @__PURE__ */ jsx5(
-      AgentTimelineRow,
-      {
-        isLast,
-        accentClassName: "bg-[var(--border-hover)]",
-        children: item.content
-      },
-      item.id
-    );
+    return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: item.content }, item.id);
   }) });
 }
 
 // src/chat/chat-input.tsx
 import { useState as useState2, useRef, useCallback } from "react";
 import { Send, Square, Paperclip, FolderUp, X, Upload } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChatInput({
   onSend,
   onCancel,
@@ -459,7 +392,7 @@ function ChatInput({
   }, [onAttach]);
   const fileChips = pendingFiles.filter((f) => f.type === "file" || !f.type);
   const folderChips = pendingFiles.filter((f) => f.type === "folder");
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn("px-4 py-3 relative", className),
@@ -468,65 +401,65 @@ function ChatInput({
       onDragOver: onAttach ? handleDragOver : void 0,
       onDrop: onAttach ? handleDrop : void 0,
       children: [
-        dragOver && /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 z-10 flex items-center justify-center rounded-[28px] border-2 border-dashed border-[var(--brand-cool)] bg-[var(--brand-cool)]/8 backdrop-blur-sm pointer-events-none", children: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx6("div", { className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--brand-cool)]/15", children: /* @__PURE__ */ jsx6(Upload, { className: "h-6 w-6 text-[var(--brand-cool)]" }) }),
-          /* @__PURE__ */ jsx6("p", { className: "text-sm font-semibold text-[var(--text-primary)]", children: dropTitle }),
-          /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: dropDescription })
+        dragOver && /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 z-10 flex items-center justify-center rounded-[var(--radius-xl)] border-2 border-dashed border-[var(--border-accent)] bg-[var(--depth-2)] pointer-events-none", children: /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx5("div", { className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--accent-surface-soft)]", children: /* @__PURE__ */ jsx5(Upload, { className: "h-6 w-6 text-[var(--brand-cool)]" }) }),
+          /* @__PURE__ */ jsx5("p", { className: "text-sm font-semibold text-[var(--text-primary)]", children: dropTitle }),
+          /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: dropDescription })
         ] }) }),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "mb-3 flex flex-wrap gap-2", children: [
-          folderChips.map((f) => /* @__PURE__ */ jsxs5(
+        pendingFiles.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "mb-3 flex flex-wrap gap-2", children: [
+          folderChips.map((f) => /* @__PURE__ */ jsxs4(
             "span",
             {
               className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs shadow-[var(--shadow-card)] backdrop-blur-sm",
-                "border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]",
+                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
+                "border-[var(--border-subtle)] bg-[var(--depth-3)]",
                 f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
                 f.status !== "error" && "text-[var(--text-secondary)]"
               ),
               children: [
-                /* @__PURE__ */ jsx6(FolderUp, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx6("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.fileCount !== void 0 && /* @__PURE__ */ jsxs5("span", { className: "text-[var(--text-muted)]", children: [
+                /* @__PURE__ */ jsx5(FolderUp, { className: "h-3 w-3 shrink-0" }),
+                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
+                f.fileCount !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "text-[var(--text-muted)]", children: [
                   "(",
                   f.fileCount,
                   ")"
                 ] }),
-                f.status === "uploading" && /* @__PURE__ */ jsx6("span", { className: "w-3 h-3 border-2 border-[var(--brand-cool)] border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx6(
+                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-[var(--brand-cool)] border-t-transparent rounded-full animate-spin" }),
+                onRemoveFile && /* @__PURE__ */ jsx5(
                   "button",
                   {
                     type: "button",
                     "aria-label": `Remove ${f.name}`,
                     onClick: () => onRemoveFile(f.id),
                     className: "rounded p-0.5 transition-colors hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
-                    children: /* @__PURE__ */ jsx6(X, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
                   }
                 )
               ]
             },
             f.id
           )),
-          fileChips.map((f) => /* @__PURE__ */ jsxs5(
+          fileChips.map((f) => /* @__PURE__ */ jsxs4(
             "span",
             {
               className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs shadow-[var(--shadow-card)] backdrop-blur-sm",
-                "border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]",
+                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
+                "border-[var(--border-subtle)] bg-[var(--depth-3)]",
                 f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
                 f.status !== "error" && "text-[var(--text-secondary)]"
               ),
               children: [
-                /* @__PURE__ */ jsx6(Paperclip, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx6("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.status === "uploading" && /* @__PURE__ */ jsx6("span", { className: "w-3 h-3 border-2 border-[var(--brand-cool)] border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx5(Paperclip, { className: "h-3 w-3 shrink-0" }),
+                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
+                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-[var(--brand-cool)] border-t-transparent rounded-full animate-spin" }),
+                onRemoveFile && /* @__PURE__ */ jsx5(
                   "button",
                   {
                     type: "button",
                     "aria-label": `Remove ${f.name}`,
                     onClick: () => onRemoveFile(f.id),
                     className: "rounded p-0.5 transition-colors hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
-                    children: /* @__PURE__ */ jsx6(X, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
                   }
                 )
               ]
@@ -534,14 +467,14 @@ function ChatInput({
             f.id
           ))
         ] }),
-        /* @__PURE__ */ jsx6("div", { className: "rounded-[28px] border border-[var(--border-subtle)] bg-[radial-gradient(circle_at_top,rgba(96,165,250,0.16),transparent_42%),linear-gradient(135deg,rgba(98,114,243,0.12),rgba(255,255,255,0.03)_42%,transparent)] p-[1px] shadow-[var(--shadow-accent)]", children: /* @__PURE__ */ jsxs5("div", { className: "rounded-[26px] border border-white/5 bg-[linear-gradient(180deg,rgba(255,255,255,0.03),transparent_35%),var(--bg-card)] px-3 py-3.5 transition-colors focus-within:border-[var(--border-accent)]", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center justify-between gap-3 px-1", children: [
-            /* @__PURE__ */ jsx6("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-[var(--text-muted)]", children: "Agent Command Deck" }),
-            /* @__PURE__ */ jsx6("div", { className: "text-[11px] text-[var(--text-muted)]", children: isStreaming ? "Streaming response" : "Ready for next instruction" })
+        /* @__PURE__ */ jsx5("div", { className: "rounded-[var(--radius-xl)] border border-[var(--border-default)] bg-[var(--depth-2)] shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsxs4("div", { className: "rounded-[var(--radius-xl)] px-3 py-3.5 transition-colors focus-within:border-[var(--border-accent)]", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mb-2 flex items-center justify-between gap-3 px-1", children: [
+            /* @__PURE__ */ jsx5("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-[var(--text-muted)]", children: "Agent Command Deck" }),
+            /* @__PURE__ */ jsx5("div", { className: "text-[11px] text-[var(--text-muted)]", children: isStreaming ? "Streaming response" : "Ready for next instruction" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2", children: [
-            onAttach && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-              /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2", children: [
+            onAttach && /* @__PURE__ */ jsxs4(Fragment, { children: [
+              /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
@@ -550,10 +483,10 @@ function ChatInput({
                   "aria-label": "Attach files",
                   title: "Attach files",
                   className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-[var(--text-muted)] transition-colors hover:border-[var(--border-subtle)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-secondary)] disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
-                  children: /* @__PURE__ */ jsx6(Paperclip, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx5(Paperclip, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx5(
                 "input",
                 {
                   ref: fileInputRef,
@@ -565,8 +498,8 @@ function ChatInput({
                 }
               )
             ] }),
-            (onAttachFolder ?? onAttach) && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-              /* @__PURE__ */ jsx6(
+            (onAttachFolder ?? onAttach) && /* @__PURE__ */ jsxs4(Fragment, { children: [
+              /* @__PURE__ */ jsx5(
                 "button",
                 {
                   type: "button",
@@ -575,10 +508,10 @@ function ChatInput({
                   "aria-label": "Attach folder",
                   title: "Attach folder",
                   className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-[var(--text-muted)] transition-colors hover:border-[var(--border-subtle)] hover:bg-[var(--bg-hover)] hover:text-[var(--text-secondary)] disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
-                  children: /* @__PURE__ */ jsx6(FolderUp, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx5(FolderUp, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx5(
                 "input",
                 {
                   ref: folderInputRef,
@@ -590,7 +523,7 @@ function ChatInput({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx5(
               "textarea",
               {
                 ref: textareaRef,
@@ -604,30 +537,30 @@ function ChatInput({
                 className: "min-h-[36px] max-h-[160px] flex-1 resize-none bg-transparent text-[15px] leading-7 text-[var(--text-primary)] placeholder:text-[var(--text-muted)] disabled:opacity-50 focus-visible:outline-none"
               }
             ),
-            isStreaming ? /* @__PURE__ */ jsx6(
+            isStreaming ? /* @__PURE__ */ jsx5(
               "button",
               {
                 type: "button",
                 onClick: onCancel,
                 "aria-label": "Stop response",
                 className: "mb-0.5 shrink-0 rounded-[var(--radius-lg)] border border-[var(--code-error)]/20 bg-[var(--code-error)]/14 p-2.5 text-[var(--code-error)] transition-colors hover:bg-[var(--code-error)]/24 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--code-error)]/50",
-                children: /* @__PURE__ */ jsx6(Square, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx5(Square, { className: "h-4 w-4" })
               }
-            ) : /* @__PURE__ */ jsx6(
+            ) : /* @__PURE__ */ jsx5(
               "button",
               {
                 type: "button",
                 onClick: handleSend,
                 disabled: !value.trim() || disabled,
                 "aria-label": "Send message",
-                className: "mb-0.5 shrink-0 rounded-[var(--radius-lg)] border border-[var(--border-accent)] bg-[linear-gradient(135deg,rgba(82,164,255,0.24),rgba(82,164,255,0.08))] p-2.5 text-[var(--brand-cool)] transition-colors hover:translate-y-[-1px] hover:bg-[linear-gradient(135deg,rgba(82,164,255,0.28),rgba(82,164,255,0.12))] disabled:opacity-30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
-                children: /* @__PURE__ */ jsx6(Send, { className: "h-4 w-4" })
+                className: "mb-0.5 shrink-0 rounded-[var(--radius-lg)] border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] p-2.5 text-[var(--accent-text)] transition-colors hover:translate-y-[-1px] hover:bg-[var(--accent-surface-strong)] disabled:opacity-30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--border-accent)]",
+                children: /* @__PURE__ */ jsx5(Send, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex items-center justify-between px-1", children: [
-          /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-2", children: modelLabel && /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex items-center justify-between px-1", children: [
+          /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2", children: modelLabel && /* @__PURE__ */ jsxs4(
             "button",
             {
               type: "button",
@@ -635,15 +568,15 @@ function ChatInput({
               "aria-label": `Select model, current model ${modelLabel}`,
               className: "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] px-2.5 py-1 text-xs text-[var(--text-muted)] transition-colors hover:border-[var(--border-accent)] hover:text-[var(--text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60",
               children: [
-                /* @__PURE__ */ jsx6("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--code-success)]" }),
+                /* @__PURE__ */ jsx5("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--code-success)]" }),
                 modelLabel
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs5("span", { className: "text-xs text-[var(--text-muted)]", children: [
-            /* @__PURE__ */ jsx6("kbd", { className: "px-1 py-0.5 bg-[var(--bg-input)] rounded border border-[var(--border-subtle)] text-[10px]", children: "Cmd" }),
-            /* @__PURE__ */ jsx6("kbd", { className: "px-1 py-0.5 bg-[var(--bg-input)] rounded border border-[var(--border-subtle)] text-[10px] ml-0.5", children: "L" }),
-            /* @__PURE__ */ jsx6("span", { className: "ml-1", children: "to focus" })
+          /* @__PURE__ */ jsxs4("span", { className: "text-xs text-[var(--text-muted)]", children: [
+            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-[var(--bg-input)] rounded border border-[var(--border-subtle)] text-[10px]", children: "Cmd" }),
+            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-[var(--bg-input)] rounded border border-[var(--border-subtle)] text-[10px] ml-0.5", children: "L" }),
+            /* @__PURE__ */ jsx5("span", { className: "ml-1", children: "to focus" })
           ] })
         ] })
       ]
@@ -659,7 +592,7 @@ import {
   useRef as useRef2
 } from "react";
 import { ArrowDown } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var OPENUI_NODE_TYPES = /* @__PURE__ */ new Set([
   "heading",
   "text",
@@ -809,7 +742,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
           items.push({
             id: `${message.id}-openui-${part.id}`,
             kind: "custom",
-            content: /* @__PURE__ */ jsx7("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx7(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+            content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
           });
         }
       }
@@ -841,7 +774,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
               items.push({
                 id: `${itemId}-openui`,
                 kind: "custom",
-                content: /* @__PURE__ */ jsx7("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx7(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+                content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
               });
               const afterJson = part.text.slice(part.text.lastIndexOf("```") + 3).trim();
               if (afterJson) {
@@ -871,7 +804,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
         items.push({
           id: itemId,
           kind: "custom",
-          content: /* @__PURE__ */ jsx7(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
+          content: /* @__PURE__ */ jsx6(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
         });
         return;
       }
@@ -927,16 +860,16 @@ var ChatContainer = memo3(
       },
       [onSend]
     );
-    return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col h-full", className), children: [
-      /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsxs5("div", { className: cn("flex flex-col h-full", className), children: [
+      /* @__PURE__ */ jsx6(
         "div",
         {
           ref: scrollRef,
           className: "flex-1 overflow-y-auto px-4 py-4 [scrollbar-gutter:stable]",
-          children: messages.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs6("div", { className: "max-w-md rounded-[var(--radius-xl)] border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.03),transparent)] px-6 py-8 text-center shadow-[var(--shadow-card)]", children: [
-            /* @__PURE__ */ jsx7("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Start the filing workflow" }),
-            /* @__PURE__ */ jsx7("div", { className: "mt-2 text-sm leading-relaxed text-[var(--text-muted)]", children: "Ask the agent to analyze documents, generate forms, explain a calculation, or review the current filing package." })
-          ] }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx7(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) : /* @__PURE__ */ jsx7("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-3", children: /* @__PURE__ */ jsx7(
+          children: messages.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs5("div", { className: "max-w-md rounded-[var(--radius-xl)] border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.03),transparent)] px-6 py-8 text-center shadow-[var(--shadow-card)]", children: [
+            /* @__PURE__ */ jsx6("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Start the filing workflow" }),
+            /* @__PURE__ */ jsx6("div", { className: "mt-2 text-sm leading-relaxed text-[var(--text-muted)]", children: "Ask the agent to analyze documents, generate forms, explain a calculation, or review the current filing package." })
+          ] }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx6(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) : /* @__PURE__ */ jsx6("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-3", children: /* @__PURE__ */ jsx6(
             MessageList,
             {
               groups,
@@ -952,7 +885,7 @@ var ChatContainer = memo3(
           ) })
         }
       ),
-      !isAtBottom && /* @__PURE__ */ jsx7("div", { className: "flex justify-center -mt-10 relative z-10", children: /* @__PURE__ */ jsxs6(
+      !isAtBottom && /* @__PURE__ */ jsx6("div", { className: "flex justify-center -mt-10 relative z-10", children: /* @__PURE__ */ jsxs5(
         "button",
         {
           onClick: scrollToBottom,
@@ -963,12 +896,12 @@ var ChatContainer = memo3(
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--brand-cool)]/60"
           ),
           children: [
-            /* @__PURE__ */ jsx7(ArrowDown, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx6(ArrowDown, { className: "w-3 h-3" }),
             "Scroll to bottom"
           ]
         }
       ) }),
-      !hideInput && onSend && /* @__PURE__ */ jsx7(
+      !hideInput && onSend && /* @__PURE__ */ jsx6(
         ChatInput,
         {
           onSend: handleSend,
@@ -992,7 +925,6 @@ ChatContainer.displayName = "ChatContainer";
 export {
   UserMessage,
   MessageList,
-  ChatMessage,
   ThinkingIndicator,
   AgentTimeline,
   ChatInput,