@tangle-network/sandbox-ui 0.5.2 → 0.6.1

package/dist/{chunk-NTSRY4GW.js → chunk-MJUDMVRU.js}

@@ -1,6 +1,6 @@
 import {
   CodeBlock
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -116,7 +116,7 @@ function ToolCallStep({
             onClick: () => hasExpandable && setExpanded(!expanded),
             disabled: !hasExpandable,
             className: cn(
-              "flex w-full items-center gap-3 px-3 py-3 text-left text-sm",
+              "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm",
               hasExpandable && "cursor-pointer"
             ),
             children: [
@@ -124,12 +124,12 @@ function ToolCallStep({
                 "div",
                 {
                   className: cn(
-                    "flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] border",
+                    "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border",
                     status === "running" && "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-[var(--brand-cool)]",
                     status === "success" && "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]",
                     status === "error" && "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]"
                   ),
-                  children: status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin shrink-0" }) : /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4 shrink-0", STATUS_COLORS[status]) })
+                  children: status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin shrink-0" }) : /* @__PURE__ */ jsx(Icon, { className: cn("h-3 w-3 shrink-0", STATUS_COLORS[status]) })
                 }
               ),
               /* @__PURE__ */ jsx("span", { className: "truncate flex-1 font-[var(--font-sans)] text-[var(--text-secondary)]", children: label }),
@@ -158,7 +158,7 @@ function ToolCallStep({
             ]
           }
         ),
-        expanded && (detail || output) && /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-[var(--border-subtle)] bg-[var(--bg-section)] px-4 py-4", children: [
+        expanded && (detail || output) && /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2.5", children: [
           detail && (isFilePath(detail) ? /* @__PURE__ */ jsx(FilePathChip, { path: detail }) : /* @__PURE__ */ jsx("div", { className: "text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: detail })),
           output && /* @__PURE__ */ jsx(
             CodeBlock,

package/dist/{chunk-5F4NX5R2.js → chunk-MXRQ4MJE.js}

@@ -1,6 +1,6 @@
 import {
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   bumpActiveSessionActivity,
   registerActiveSession,

package/dist/{chunk-VBWY44UU.js → chunk-OVNLOE3Y.js}

@@ -9,7 +9,7 @@ import {
 import {
   CodeBlock,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   Badge,
   Card,

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

@@ -6,20 +6,20 @@ import {
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-ZMWWE5RF.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import {
   getToolDisplayMetadata
 } from "./chunk-BX6AQMUS.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -96,18 +96,15 @@ function ThinkingIndicator({ className }) {
     const interval = window.setInterval(() => setElapsed((current) => current + 1), 1e3);
     return () => window.clearInterval(interval);
   }, []);
-  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__ */ 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"
-      ] })
+  return /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center gap-2 px-3 py-1.5", className), children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex gap-[3px]", children: [
+      /* @__PURE__ */ jsx3("span", { className: "h-1 w-1 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx3("span", { className: "h-1 w-1 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx3("span", { className: "h-1 w-1 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "300ms" } })
+    ] }),
+    elapsed > 3 && /* @__PURE__ */ jsxs2("span", { className: "text-[11px] tabular-nums text-[var(--text-dim)]", children: [
+      elapsed,
+      "s"
     ] })
   ] });
 }
@@ -227,7 +224,7 @@ function AgentTimeline({
   className
 }) {
   if (items.length === 0 && !isThinking) {
-    return emptyState ? /* @__PURE__ */ jsx4("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-4", className), children: emptyState }) : null;
   }
   const renderedItems = isThinking ? [...items, { id: "__thinking__", kind: "custom", content: /* @__PURE__ */ jsx4(ThinkingIndicator, {}) }] : items;
   const timelineItems = renderedItems.filter((item) => !(item.kind === "message" && item.role === "user"));
@@ -467,8 +464,8 @@ function ChatInput({
             f.id
           ))
         ] }),
-        /* @__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: "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-[var(--chat-input-py)] transition-colors focus-within:border-[var(--border-accent)]", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mb-1.5 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" })
           ] }),
@@ -534,7 +531,7 @@ function ChatInput({
                 disabled: isStreaming || disabled,
                 rows: 1,
                 "aria-label": "Message input",
-                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"
+                className: "min-h-[32px] max-h-[120px] flex-1 resize-none bg-transparent text-[14px] leading-6 text-[var(--text-primary)] placeholder:text-[var(--text-muted)] disabled:opacity-50 focus-visible:outline-none"
               }
             ),
             isStreaming ? /* @__PURE__ */ jsx5(
@@ -865,8 +862,8 @@ var ChatContainer = memo3(
         "div",
         {
           ref: scrollRef,
-          className: "flex-1 overflow-y-auto px-4 py-4 [scrollbar-gutter:stable]",
-          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: [
+          className: "flex-1 overflow-y-auto px-4 py-2 [scrollbar-gutter:stable]",
+          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-5 py-5 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(

package/dist/{chunk-WC7QTWPN.js → chunk-ZMWWE5RF.js}

@@ -11,7 +11,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -43,15 +43,15 @@ function PreviewCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-4 py-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--radius-md)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: icon }),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: title }),
-            description ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: description }) : null
-          ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-[var(--tool-card-px)] py-[var(--tool-card-py)]", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-[var(--tool-icon-size)] w-[var(--tool-icon-size)] shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: icon }),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: title }),
+            description ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: description }) : null
+          ] }) }),
           meta ? /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: meta }) : null
         ] }),
-        children ? /* @__PURE__ */ jsx("div", { className: "space-y-3 px-4 py-4", children }) : null
+        children ? /* @__PURE__ */ jsx("div", { className: "space-y-2 px-[var(--tool-card-px)] py-[var(--tool-card-py)]", children }) : null
       ]
     }
   );
@@ -64,7 +64,7 @@ function PreviewEmpty({
     "div",
     {
       className: cn(
-        "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-4 text-sm text-[var(--text-muted)]",
+        "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2.5 text-xs text-[var(--text-muted)]",
         className
       ),
       children: label
@@ -75,7 +75,7 @@ function PreviewError({ error }) {
   return /* @__PURE__ */ jsx("div", { className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]", children: error });
 }
 function PreviewLoading({ label = "Running\u2026" }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-3 text-sm text-[var(--text-muted)]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2 text-xs text-[var(--text-muted)]", children: [
     /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-[var(--brand-cool)]" }),
     /* @__PURE__ */ jsx("span", { children: label })
   ] });
@@ -687,14 +687,14 @@ var ExpandedToolDetail = memo8(({ part }) => {
   }
   if (meta.displayVariant === "read-file") {
     return /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-[var(--shadow-card)]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-4 py-3", children: [
-        /* @__PURE__ */ jsx9("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--radius-md)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: /* @__PURE__ */ jsx9(FileText2, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx9("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Read file" }),
-          meta.targetPath ? /* @__PURE__ */ jsx9("div", { className: "mt-1 text-xs text-[var(--text-muted)]", children: meta.targetPath }) : null
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2.5 border-b border-[var(--border-subtle)] bg-[var(--depth-1)] px-3 py-2", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-[var(--bg-section)] text-[var(--brand-cool)]", children: /* @__PURE__ */ jsx9(FileText2, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: "Read file" }),
+          meta.targetPath ? /* @__PURE__ */ jsx9("span", { className: "truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: meta.targetPath }) : null
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "space-y-3 px-4 py-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2 px-3 py-2.5", children: [
         typeof output === "string" ? /* @__PURE__ */ jsx9(CodeBlock, { code: output, language: langFromPath(meta.targetPath) ?? "text", className: "rounded-[var(--radius-md)]" }) : /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-4 text-sm text-[var(--text-muted)]", children: "No readable file content was returned." }),
         error ? /* @__PURE__ */ jsx9("div", { className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]", children: error }) : null
       ] })
@@ -822,7 +822,7 @@ var InlineToolItem = memo9(
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2.5 px-3 py-2", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 px-2.5 py-1.5", children: [
                 /* @__PURE__ */ jsx11("div", { className: cn(
                   "shrink-0",
                   isRunning && "text-[var(--brand-cool)]",
@@ -830,18 +830,14 @@ var InlineToolItem = memo9(
                   isError && "text-[var(--surface-danger-text)]",
                   !isRunning && !isComplete && !isError && "text-[var(--text-muted)]"
                 ), children: isRunning ? /* @__PURE__ */ jsx11(Loader24, { className: "h-3.5 w-3.5 animate-spin" }) : isComplete ? /* @__PURE__ */ jsx11(CheckCircle2, { className: "h-3.5 w-3.5" }) : isError ? /* @__PURE__ */ jsx11(AlertCircle2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx11(DefaultIcon, { className: "h-3.5 w-3.5" }) }),
-                /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx11("span", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: meta.title }),
-                    isError ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-[var(--surface-danger-text)]", children: "Failed" }) : null,
-                    isRunning ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--brand-cool)]/10 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-[var(--brand-cool)]", children: "Running" }) : null
-                  ] }),
-                  meta.description ? /* @__PURE__ */ jsx11("div", { className: "mt-1 truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)]", children: meta.description }) : null
-                ] }),
-                /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx11("span", { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: meta.title }),
+                meta.description ? /* @__PURE__ */ jsx11("span", { className: "hidden truncate text-xs font-[var(--font-mono)] text-[var(--text-muted)] sm:inline", children: meta.description }) : null,
+                /* @__PURE__ */ jsxs10("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
                   isRunning && startTime ? /* @__PURE__ */ jsx11(LiveDuration, { startTime }) : null,
-                  !isRunning && durationMs != null ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] font-[var(--font-mono)] text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
-                  open ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" })
+                  !isRunning && durationMs != null ? /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-[var(--font-mono)] tabular-nums text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
+                  isError ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-1.5 py-px text-[10px] font-semibold uppercase text-[var(--surface-danger-text)]", children: "Failed" }) : null,
+                  isRunning ? /* @__PURE__ */ jsx11("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--brand-cool)]/10 px-1.5 py-px text-[10px] font-semibold uppercase text-[var(--brand-cool)]", children: "Running" }) : null,
+                  open ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-3 w-3 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx11(ChevronRight2, { className: "h-3 w-3 text-[var(--text-muted)]" })
                 ] })
               ] }),
               errorText && !open ? /* @__PURE__ */ jsx11("div", { className: "border-t border-[var(--border-subtle)] px-3 py-2 text-xs text-red-200", children: errorText }) : null
@@ -902,44 +898,32 @@ var InlineThinkingItem = memo10(
         "button",
         {
           className: cn(
-            "w-full rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] text-left transition-colors",
-            "hover:border-[var(--border-accent-hover)] hover:bg-[var(--bg-hover)]/35",
-            open && "border-[var(--border-accent)] bg-[var(--bg-hover)]/30",
+            "w-full rounded-[var(--radius-lg)] border text-left transition-colors",
+            isActive ? "border-primary/30 bg-primary/10" : "border-border bg-muted hover:bg-accent",
+            open && !isActive && "bg-accent",
             className
           ),
-          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 px-3 py-3", children: [
-            /* @__PURE__ */ jsx12(
-              "div",
-              {
-                className: cn(
-                  "flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--radius-md)] border",
-                  isActive ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-[var(--accent-text)] shadow-[var(--shadow-glow)]" : "border-[var(--border-subtle)] bg-[var(--bg-section)] text-[var(--text-muted)]"
-                ),
-                children: /* @__PURE__ */ jsx12(Brain, { className: cn("h-4 w-4", isActive && "animate-pulse") })
-              }
-            ),
-            /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: isActive ? "Thinking\u2026" : "Reasoning" }),
-                !isActive && durationMs != null ? /* @__PURE__ */ jsx12("span", { className: "rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] font-[var(--font-mono)] text-[var(--text-muted)]", children: formatDuration(durationMs) }) : null,
-                isActive && startTime ? /* @__PURE__ */ jsx12(LiveDuration, { startTime }) : null
-              ] }),
-              preview && !open ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-[var(--text-muted)]", children: preview }) : null
-            ] }),
-            open ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "h-3.5 w-3.5 shrink-0 text-[var(--text-muted)]" })
+          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2.5 px-3 py-2", children: [
+            /* @__PURE__ */ jsx12(Brain, { className: cn("h-4 w-4 shrink-0", isActive ? "text-primary animate-pulse" : "text-muted-foreground") }),
+            /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-foreground", children: preview ?? (isActive ? "Thinking\u2026" : "Reasoning") }) }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex shrink-0 items-center gap-2", children: [
+              isActive && startTime ? /* @__PURE__ */ jsx12(LiveDuration, { startTime }) : null,
+              !isActive && durationMs != null ? /* @__PURE__ */ jsx12("span", { className: "text-[10px] font-mono tabular-nums text-muted-foreground", children: formatDuration(durationMs) }) : null,
+              open ? /* @__PURE__ */ jsx12(ChevronDown3, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ jsx12(ChevronRight3, { className: "h-3 w-3 text-muted-foreground" })
+            ] })
           ] })
         }
       ) }),
-      /* @__PURE__ */ jsx12(Collapsible2.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: part.text ? /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx12(Collapsible2.Content, { className: "overflow-hidden rounded-b-[var(--radius-lg)] data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: part.text ? /* @__PURE__ */ jsx12(
         "div",
         {
           className: cn(
-            "border-t border-[var(--border-subtle)] px-4 py-4 text-sm text-[var(--text-secondary)]",
+            "max-h-60 overflow-y-auto border-t border-border bg-card px-3 py-3 text-sm leading-relaxed text-foreground",
             contentClassName
           ),
           children: /* @__PURE__ */ jsx12(Markdown, { children: part.text })
         }
-      ) : /* @__PURE__ */ jsx12("div", { className: "border-t border-[var(--border-subtle)] px-4 py-3 text-sm text-[var(--text-muted)]", children: "No reasoning text was provided." }) })
+      ) : /* @__PURE__ */ jsx12("div", { className: "border-t border-border px-3 py-2.5 text-xs text-muted-foreground", children: "No reasoning text provided." }) })
     ] });
   }
 );
@@ -1001,17 +985,14 @@ function CategoryBadges({ categories }) {
     [categories]
   );
   if (sorted.length === 0) return null;
-  return /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-1.5", children: sorted.map((cat) => {
+  return /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-1", children: sorted.map((cat) => {
     const Icon = CATEGORY_ICON_MAP[cat] ?? Settings2;
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsx13(
       "span",
       {
         title: cat,
-        className: "flex h-7 items-center gap-1 rounded-full border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] px-2 text-[11px] uppercase tracking-[0.12em] text-[var(--text-muted)]",
-        children: [
-          /* @__PURE__ */ jsx13(Icon, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsx13("span", { children: cat })
-        ]
+        className: "flex h-5 w-5 items-center justify-center rounded border border-[var(--border-subtle)] text-[var(--text-muted)]",
+        children: /* @__PURE__ */ jsx13(Icon, { className: "h-3 w-3" })
       },
       cat
     );
@@ -1077,40 +1058,36 @@ var RunGroup = memo11(
           "button",
           {
             className: cn(
-              "w-full rounded-[var(--radius-xl)] border px-4 py-3.5 text-left transition-colors",
+              "w-full rounded-[var(--radius-lg)] border px-3 py-2 text-left transition-colors",
               "bg-[var(--depth-2)] hover:bg-[var(--depth-3)]",
               collapsed ? branding.borderClass : "border-[var(--border-subtle)]",
               branding.bgClass
             ),
-            children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
+            children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2.5", children: [
               /* @__PURE__ */ jsx13(
                 "div",
                 {
                   className: cn(
-                    "flex h-11 w-11 shrink-0 items-center justify-center rounded-[calc(var(--radius-lg)+2px)] border bg-[var(--accent-surface-soft)] shadow-[var(--shadow-accent)]",
+                    "flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--radius-md)] border bg-[var(--accent-surface-soft)]",
                     branding.borderClass
                   ),
-                  children: /* @__PURE__ */ jsx13(Bot2, { className: cn("h-4 w-4", branding.accentClass) })
+                  children: /* @__PURE__ */ jsx13(Bot2, { className: cn("h-3.5 w-3.5", branding.accentClass) })
                 }
               ),
-              /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center gap-2", children: [
-                  /* @__PURE__ */ jsx13("span", { className: cn("text-sm font-semibold tracking-[0.01em]", branding.textClass), children: branding.label }),
-                  isStreaming ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2.5 py-0.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--accent-text)]", children: [
-                    /* @__PURE__ */ jsx13(Loader25, { className: "h-3 w-3 animate-spin" }),
-                    "Running"
-                  ] }) : /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] px-2.5 py-0.5 text-[11px] font-semibold uppercase tracking-[0.08em] text-[var(--text-muted)]", children: [
-                    /* @__PURE__ */ jsx13(Sparkles, { className: "h-3 w-3" }),
-                    "Complete"
-                  ] })
+              /* @__PURE__ */ jsx13("span", { className: cn("text-xs font-semibold", branding.textClass), children: branding.label }),
+              renderSummary(run) ? /* @__PURE__ */ jsx13("span", { className: "text-[11px] text-[var(--text-muted)]", children: renderSummary(run) }) : null,
+              collapsed && run.summaryText ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-[11px] text-[var(--text-secondary)]", children: run.summaryText }) : null,
+              /* @__PURE__ */ jsxs12("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx13(CategoryBadges, { categories: stats.toolCategories }),
+                isStreaming ? /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--accent-text)]", children: [
+                  /* @__PURE__ */ jsx13(Loader25, { className: "h-2.5 w-2.5 animate-spin" }),
+                  "Running"
+                ] }) : /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-subtle)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--text-muted)]", children: [
+                  /* @__PURE__ */ jsx13(Sparkles, { className: "h-2.5 w-2.5" }),
+                  "Done"
                 ] }),
-                /* @__PURE__ */ jsxs12("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[var(--text-muted)]", children: [
-                  renderSummary(run) ? /* @__PURE__ */ jsx13("span", { children: renderSummary(run) }) : null,
-                  collapsed && run.summaryText ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-[var(--text-secondary)]", children: run.summaryText }) : null
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx13(CategoryBadges, { categories: stats.toolCategories }),
-              !collapsed ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "h-4 w-4 shrink-0 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "h-4 w-4 shrink-0 text-[var(--text-muted)]" })
+                !collapsed ? /* @__PURE__ */ jsx13(ChevronDown4, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }) : /* @__PURE__ */ jsx13(ChevronRight4, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" })
+              ] })
             ] })
           }
         ) }),
@@ -1121,7 +1098,7 @@ var RunGroup = memo11(
         "div",
         {
           className: cn(
-            "mt-2 space-y-3 rounded-[calc(var(--radius-xl)+2px)] border border-[var(--border-subtle)] p-3.5 shadow-[var(--shadow-card)]",
+            "mt-1.5 space-y-1.5 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] p-2 shadow-[var(--shadow-card)]",
             branding.containerBgClass
           ),
           children: allParts.map(({ part, msgId, index }, partIndex) => {
@@ -1156,7 +1133,7 @@ var RunGroup = memo11(
               return /* @__PURE__ */ jsx13(
                 "div",
                 {
-                  className: "rounded-[calc(var(--radius-lg)+2px)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-4 py-4",
+                  className: "rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-3 py-2.5",
                   children: /* @__PURE__ */ jsx13(Markdown, { children: part.text })
                 },
                 key

package/dist/dashboard.js

@@ -30,7 +30,7 @@ import {
   SidebarRailNav,
   VariantList,
   useSidebar
-} from "./chunk-STHB4N22.js";
+} from "./chunk-6V4XVKFY.js";
 import {
   BillingDashboard,
   PricingPage,

package/dist/{document-editor-pane-JNXPANWM.js → document-editor-pane-DWWUTTTZ.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   DocumentEditorPane
-} from "./chunk-FFOXUHOF.js";
+} from "./chunk-FNYJFCGU.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   DocumentEditorPane

package/dist/editor.js

@@ -11,10 +11,10 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-FFOXUHOF.js";
+} from "./chunk-FNYJFCGU.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   CollaboratorsList,

package/dist/{expanded-tool-detail-DM5M_T9h.d.ts → expanded-tool-detail-Dh99mcbY.d.ts}

@@ -48,10 +48,6 @@ interface InlineThinkingItemProps {
     className?: string;
     contentClassName?: string;
 }
-/**
- * Minimal collapsible display for thinking/reasoning parts.
- * Shows "Thinking..." with optional preview text and duration.
- */
 declare const InlineThinkingItem: React.MemoExoticComponent<({ part, defaultOpen, autoCollapse, className, contentClassName, }: InlineThinkingItemProps) => react_jsx_runtime.JSX.Element>;
 
 interface ExpandedToolDetailProps {

package/dist/files.js

@@ -4,9 +4,9 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-WQH233GF.js";
+} from "./chunk-KH5UDAJ2.js";
 import "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   FileArtifactPane,

package/dist/hooks.js

@@ -15,17 +15,17 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5F4NX5R2.js";
-import "./chunk-XBR3IP7B.js";
+} from "./chunk-MXRQ4MJE.js";
+import "./chunk-33W2TLUL.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-CNWVHQFY.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 
 // src/hooks/use-session-crud.ts

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { C as ChatContainer, a as ChatContainerProps, b as ChatInput, c as ChatI
 export { C as Collaborator, a as ConnectionState, D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorUser, u as useEditorContext } from './document-editor-pane-A70-EhdQ.js';
 export { CollaboratorsList, EditorToolbar, TiptapEditor, TiptapEditorProps, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useYjsState } from './editor.js';
 export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-Bs3MyQMT.js';
-export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-DM5M_T9h.js';
+export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-Dh99mcbY.js';
 import * as React$1 from 'react';
 import { b as ToolPart } from './parts-CyGkM6Fp.js';
 export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';