@tangle-network/sandbox-ui 0.5.2 → 0.6.0

package/dist/chat.js

@@ -1,6 +1,6 @@
 import {
   ChatMessage
-} from "./chunk-5CEMHKBP.js";
+} from "./chunk-GW4GRAWJ.js";
 import {
   AgentTimeline,
   ChatContainer,
@@ -8,15 +8,15 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-R3IU37AW.js";
+} from "./chunk-5F3VOGCT.js";
 import "./chunk-CNWVHQFY.js";
-import "./chunk-WC7QTWPN.js";
+import "./chunk-LY32SP6X.js";
 import "./chunk-HRMUF35V.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-VBWY44UU.js";
+import "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/dist/{chunk-XBR3IP7B.js → chunk-33W2TLUL.js}

@@ -1,10 +1,10 @@
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";

package/dist/{chunk-H5XYSFYE.js → chunk-3HW53XTH.js}

@@ -116,8 +116,8 @@ var CodeBlock = memo(
         className: cn("group relative overflow-hidden rounded-lg border font-mono", bg, className),
         ...props,
         children: [
-          language && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between border-b px-4 py-1.5", headerBg), children: [
-            /* @__PURE__ */ jsx("span", { className: cn("text-[11px] font-mono font-medium uppercase tracking-widest", langColor), children: language }),
+          language && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between border-b px-3 py-1", headerBg), children: [
+            /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-mono font-medium uppercase tracking-widest", langColor), children: language }),
             children
           ] }),
           !language && children && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 z-10 flex items-center gap-2 opacity-0 transition-opacity group-hover:opacity-100", children }),
@@ -134,10 +134,10 @@ var CodeBlock = memo(
               },
               customStyle: {
                 margin: 0,
-                padding: "1rem",
+                padding: "var(--code-padding-y, 0.625rem) var(--code-padding-x, 0.75rem)",
                 background: "transparent",
-                fontSize: "0.8125rem",
-                lineHeight: "1.65",
+                fontSize: "var(--code-font-size, 0.8125rem)",
+                lineHeight: "var(--code-line-height, 1.5)",
                 overflowX: "auto"
               },
               codeTagProps: { style: { fontFamily: "var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)" } },
@@ -165,7 +165,7 @@ var CopyButton = memo(({ text }) => {
     "button",
     {
       onClick: handleCopy,
-      className: "flex items-center justify-center w-7 h-7 rounded-md bg-[var(--bg-section)] border border-[var(--border-subtle)] hover:border-[var(--border-default)] transition-colors",
+      className: "flex items-center justify-center w-6 h-6 rounded-md bg-[var(--bg-section)] border border-[var(--border-subtle)] hover:border-[var(--border-default)] transition-colors",
       title: "Copy to clipboard",
       children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5 text-[var(--brand-emerald)]" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" })
     }

package/dist/{chunk-R3IU37AW.js → chunk-5F3VOGCT.js}

@@ -6,20 +6,20 @@ import {
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-LY32SP6X.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-STHB4N22.js → chunk-6V4XVKFY.js}

@@ -370,16 +370,16 @@ function CreditBalance({
   className
 }) {
   const [topUpValue, setTopUpValue] = React2.useState("50.00");
-  return /* @__PURE__ */ jsxs3("div", { className: cn("bg-[var(--depth-2)] p-8 rounded-xl flex flex-col justify-between border border-[var(--border-subtle)]", className), children: [
+  return /* @__PURE__ */ jsxs3("div", { className: cn("bg-[var(--depth-2)] p-5 rounded-xl flex flex-col justify-between border border-[var(--border-subtle)]", className), children: [
     /* @__PURE__ */ jsxs3("div", { children: [
       /* @__PURE__ */ jsx4("h3", { className: "text-sm font-semibold text-[var(--text-muted)] uppercase tracking-widest mb-2", children: "Available Credits" }),
-      /* @__PURE__ */ jsxs3("div", { className: "text-5xl font-extrabold text-[var(--brand-cool)] tracking-tighter mb-3", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "text-4xl font-extrabold text-[var(--brand-cool)] tracking-tighter mb-2", children: [
         "$",
         amount.toFixed(2)
       ] }),
       /* @__PURE__ */ jsx4("p", { className: "text-sm text-[var(--text-muted)] leading-relaxed", children: description })
     ] }),
-    onTopUp && /* @__PURE__ */ jsxs3("div", { className: "space-y-3 mt-8", children: [
+    onTopUp && /* @__PURE__ */ jsxs3("div", { className: "space-y-2.5 mt-5", children: [
       /* @__PURE__ */ jsxs3("div", { className: "bg-[var(--depth-1)] border border-[var(--border-subtle)] p-1 rounded-lg flex items-center", children: [
         /* @__PURE__ */ jsx4(
           "input",
@@ -465,17 +465,17 @@ import { Check } from "lucide-react";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function PlanCards({ plans, className }) {
   return /* @__PURE__ */ jsxs5("section", { className, children: [
-    /* @__PURE__ */ jsx6("h2", { className: "text-2xl font-bold text-[var(--text-primary)] tracking-tight mb-8 px-2", children: "Subscription Plans" }),
+    /* @__PURE__ */ jsx6("h2", { className: "text-2xl font-bold text-[var(--text-primary)] tracking-tight mb-5 px-2", children: "Subscription Plans" }),
     /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: plans.map((plan) => /* @__PURE__ */ jsxs5(
       "div",
       {
         className: cn(
-          "p-8 rounded-xl transition-all relative overflow-hidden border",
+          "p-5 rounded-xl transition-all relative overflow-hidden border",
           plan.popular ? "bg-[var(--depth-3)] border-[var(--border-accent)]" : "bg-[var(--depth-2)] border-[var(--border-subtle)] hover:bg-[var(--depth-3)] hover:border-[var(--border-default)]"
         ),
         children: [
           plan.popular && /* @__PURE__ */ jsx6("div", { className: "absolute top-0 right-0 bg-[var(--accent-surface-soft)] border-l border-b border-[var(--border-accent)] px-4 py-1 text-[10px] font-bold text-[var(--accent-text)] uppercase tracking-widest rounded-bl-lg", children: "Popular" }),
-          /* @__PURE__ */ jsxs5("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "mb-4", children: [
             /* @__PURE__ */ jsx6("div", { className: cn("text-xs font-mono uppercase tracking-widest mb-2", plan.popular ? "text-[var(--brand-cool)]" : "text-[var(--text-muted)]"), children: plan.name }),
             /* @__PURE__ */ jsxs5("div", { className: "text-3xl font-bold text-[var(--text-primary)]", children: [
               "$",
@@ -486,7 +486,7 @@ function PlanCards({ plans, className }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx6("ul", { className: "space-y-3 mb-8 text-sm text-[var(--text-muted)]", children: plan.features.map((f, i) => /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6("ul", { className: "space-y-2 mb-5 text-sm text-[var(--text-muted)]", children: plan.features.map((f, i) => /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx6(Check, { className: "h-3.5 w-3.5 text-[var(--brand-cool)] shrink-0" }),
             f.text
           ] }, i)) }),
@@ -688,8 +688,8 @@ function DashboardLayoutInner({
       }
     ),
     /* @__PURE__ */ jsx7(Sidebar, { className: cn("hidden lg:flex", sidebarClassName), children: sidebarContent }),
-    /* @__PURE__ */ jsx7(SidebarContent, { className: cn("pt-20 px-8 pb-12 hidden lg:block", contentClassName), children }),
-    /* @__PURE__ */ jsx7("main", { className: cn("pt-20 px-8 pb-12 min-h-screen lg:hidden", contentClassName), children }),
+    /* @__PURE__ */ jsx7(SidebarContent, { className: cn("pt-16 px-6 pb-8 hidden lg:block", contentClassName), children }),
+    /* @__PURE__ */ jsx7("main", { className: cn("pt-16 px-6 pb-8 min-h-screen lg:hidden", contentClassName), children }),
     footer
   ] });
 }
@@ -707,21 +707,19 @@ function getBarColor(percent) {
 function ResourceMeter({ label, value, max = 100, unit, icon, className }) {
   const percent = max > 0 ? Math.min(value / max * 100, 100) : 0;
   const barColor = getBarColor(percent);
-  return /* @__PURE__ */ jsxs7("div", { className: cn("space-y-1.5", className), children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex justify-between text-[10px] font-mono text-[var(--text-muted)] uppercase tracking-wide", children: [
-      /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1 text-[var(--text-secondary)]", children: [
-        icon,
-        label
-      ] }),
-      /* @__PURE__ */ jsx8("span", { className: "tabular-nums", children: unit ? `${value}${unit} / ${max}${unit}` : `${Math.round(percent)}%` })
+  return /* @__PURE__ */ jsxs7("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ jsxs7("span", { className: "flex shrink-0 items-center gap-1 text-[10px] font-mono text-[var(--text-secondary)] uppercase tracking-wide", children: [
+      icon,
+      label
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "h-1.5 w-full bg-[var(--depth-1)] rounded-full overflow-hidden", children: /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx8("div", { className: "h-1.5 min-w-0 flex-1 bg-[var(--depth-1)] rounded-full overflow-hidden", children: /* @__PURE__ */ jsx8(
       "div",
       {
         className: cn("h-full rounded-full transition-all duration-500", barColor),
         style: { width: `${percent}%` }
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-[10px] font-mono tabular-nums text-[var(--text-muted)]", children: unit ? `${value}${unit}/${max}${unit}` : `${Math.round(percent)}%` })
   ] });
 }
 
@@ -870,7 +868,7 @@ function NewSandboxCard({ onClick, className }) {
       type: "button",
       onClick,
       className: cn(
-        "border-2 border-dashed border-[var(--border-subtle)] rounded-xl p-6 flex flex-col items-center justify-center text-center group cursor-pointer hover:border-[var(--border-accent)] hover:bg-[var(--accent-surface-soft)] transition-all duration-300 w-full min-h-[200px]",
+        "border-2 border-dashed border-[var(--border-subtle)] rounded-xl p-5 flex flex-col items-center justify-center text-center group cursor-pointer hover:border-[var(--border-accent)] hover:bg-[var(--accent-surface-soft)] transition-all duration-300 w-full min-h-[160px]",
         className
       ),
       children: [
@@ -1278,7 +1276,7 @@ import {
   X,
   XCircle
 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var statusConfig2 = {
   pending: {
     icon: Clock,
@@ -1362,40 +1360,38 @@ function VariantList({
   isActioning,
   className
 }) {
-  return /* @__PURE__ */ jsx13("div", { className: `space-y-3 ${className || ""}`, children: variants.map((variant) => {
+  return /* @__PURE__ */ jsx13("div", { className: `space-y-2 ${className || ""}`, children: variants.map((variant) => {
     const status = statusConfig2[variant.status];
     const StatusIcon = status.icon;
     const isSelected = variant.id === selectedId;
     return /* @__PURE__ */ jsxs12(
       "div",
       {
-        className: `cursor-pointer rounded-lg border p-4 transition-colors ${isSelected ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)]" : "border-[var(--border-subtle)] bg-[var(--depth-2)] hover:border-[var(--border-default)] hover:bg-[var(--depth-3)]"}`,
+        className: `cursor-pointer rounded-lg border px-3 py-2.5 transition-colors ${isSelected ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)]" : "border-[var(--border-subtle)] bg-[var(--depth-2)] hover:border-[var(--border-default)] hover:bg-[var(--depth-3)]"}`,
         onClick: () => onSelect?.(variant.id),
         children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs12(Badge, { className: `${status.bg} ${status.border} ${status.color}`, children: [
-                /* @__PURE__ */ jsx13(
-                  StatusIcon,
-                  {
-                    className: `mr-1 h-3 w-3 ${status.animate ? "animate-spin" : ""}`
-                  }
-                ),
-                status.label
-              ] }),
-              /* @__PURE__ */ jsx13("span", { className: "font-medium text-[var(--text-primary)]", children: variant.label }),
-              variant.sublabel && /* @__PURE__ */ jsxs12("span", { className: "text-sm text-[var(--text-muted)]", children: [
-                "(",
-                variant.sublabel,
-                ")"
-              ] }),
-              variant.durationMs && /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-1 text-sm text-[var(--text-muted)]", children: [
-                /* @__PURE__ */ jsx13(Timer, { className: "h-3 w-3" }),
-                (variant.durationMs / 1e3).toFixed(2),
-                "s"
-              ] })
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs12(Badge, { className: `shrink-0 ${status.bg} ${status.border} ${status.color}`, children: [
+              /* @__PURE__ */ jsx13(
+                StatusIcon,
+                {
+                  className: `mr-1 h-3 w-3 ${status.animate ? "animate-spin" : ""}`
+                }
+              ),
+              status.label
+            ] }),
+            /* @__PURE__ */ jsx13("span", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: variant.label }),
+            variant.sublabel && /* @__PURE__ */ jsxs12("span", { className: "shrink-0 text-xs text-[var(--text-muted)]", children: [
+              "(",
+              variant.sublabel,
+              ")"
+            ] }),
+            variant.durationMs && /* @__PURE__ */ jsxs12("span", { className: "flex shrink-0 items-center gap-1 text-xs text-[var(--text-muted)]", children: [
+              /* @__PURE__ */ jsx13(Timer, { className: "h-3 w-3" }),
+              (variant.durationMs / 1e3).toFixed(1),
+              "s"
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs12("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
               variant.outcome && /* @__PURE__ */ jsx13(
                 Badge,
                 {
@@ -1403,20 +1399,20 @@ function VariantList({
                   children: outcomeConfig[variant.outcome].label
                 }
               ),
-              variant.status === "completed" && variant.outcome === "pending_review" && onAccept && onReject && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+              variant.status === "completed" && variant.outcome === "pending_review" && onAccept && onReject && /* @__PURE__ */ jsxs12(Fragment6, { children: [
                 /* @__PURE__ */ jsxs12(
                   Button,
                   {
                     variant: "outline",
                     size: "sm",
-                    className: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)] hover:bg-[var(--surface-success-border)]",
+                    className: "h-7 border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] px-2 text-xs text-[var(--surface-success-text)] hover:bg-[var(--surface-success-border)]",
                     onClick: (e) => {
                       e.stopPropagation();
                       onAccept(variant.id);
                     },
                     disabled: isActioning === variant.id,
                     children: [
-                      /* @__PURE__ */ jsx13(Check3, { className: "mr-1 h-4 w-4" }),
+                      /* @__PURE__ */ jsx13(Check3, { className: "mr-1 h-3 w-3" }),
                       "Accept"
                     ]
                   }
@@ -1426,14 +1422,14 @@ function VariantList({
                   {
                     variant: "outline",
                     size: "sm",
-                    className: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)] hover:bg-[var(--surface-danger-border)]",
+                    className: "h-7 border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-2 text-xs text-[var(--surface-danger-text)] hover:bg-[var(--surface-danger-border)]",
                     onClick: (e) => {
                       e.stopPropagation();
                       onReject(variant.id);
                     },
                     disabled: isActioning === variant.id,
                     children: [
-                      /* @__PURE__ */ jsx13(X, { className: "mr-1 h-4 w-4" }),
+                      /* @__PURE__ */ jsx13(X, { className: "mr-1 h-3 w-3" }),
                       "Reject"
                     ]
                   }
@@ -1444,18 +1440,18 @@ function VariantList({
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: "text-[var(--text-muted)] hover:text-[var(--text-primary)]",
+                  className: "h-7 w-7 p-0 text-[var(--text-muted)] hover:text-[var(--text-primary)]",
                   onClick: (e) => {
                     e.stopPropagation();
                     window.open(variant.detailsUrl, "_blank");
                   },
-                  children: /* @__PURE__ */ jsx13(ExternalLink2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx13(ExternalLink2, { className: "h-3.5 w-3.5" })
                 }
               )
             ] })
           ] }),
-          variant.error && /* @__PURE__ */ jsx13("p", { className: "mt-2 text-sm text-[var(--surface-danger-text)]", children: variant.error }),
-          variant.summary && /* @__PURE__ */ jsx13("p", { className: "mt-2 line-clamp-2 text-sm text-[var(--text-muted)]", children: variant.summary })
+          variant.error && /* @__PURE__ */ jsx13("p", { className: "mt-1.5 text-xs text-[var(--surface-danger-text)]", children: variant.error }),
+          variant.summary && /* @__PURE__ */ jsx13("p", { className: "mt-1.5 line-clamp-2 text-xs text-[var(--text-muted)]", children: variant.summary })
         ]
       },
       variant.id

package/dist/{chunk-FFOXUHOF.js → chunk-FNYJFCGU.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-W4LM3QYZ.js";
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -933,7 +933,7 @@ function MarkdownDocumentEditor({
     "div",
     {
       className: cn(
-        "flex min-h-[24rem] w-full flex-col overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-input)]",
+        "flex min-h-[14rem] w-full flex-col overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-input)]",
         className
       ),
       children: [
@@ -1213,7 +1213,7 @@ function CollaborativeDocumentSurface({
         placeholder,
         autoFocus,
         readOnly,
-        className: cn("h-full min-h-[28rem]", className),
+        className: cn("h-full min-h-[16rem]", className),
         onUpdate: (editor) => {
           onChange?.(normalizeMarkdown(htmlToMarkdown(editor.getHTML())));
         }

package/dist/{chunk-5CEMHKBP.js → chunk-GW4GRAWJ.js}

@@ -1,6 +1,6 @@
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -40,7 +40,8 @@ function ChatMessage({
           "div",
           {
             className: cn(
-              "min-w-0 max-w-[85%] space-y-1.5 rounded-[var(--radius-xl)] border px-4 py-3",
+              "min-w-0 max-w-[85%] space-y-1 rounded-[var(--radius-lg)] border",
+              "px-[var(--chat-message-px)] py-[var(--chat-message-py)]",
               isUser ? "border-[var(--border-accent)] bg-[var(--depth-3)]" : "border-[var(--border-subtle)] bg-[var(--depth-2)]"
             ),
             children: [

package/dist/{chunk-WQH233GF.js → chunk-KH5UDAJ2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-W4LM3QYZ.js";
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
@@ -484,7 +484,7 @@ import { lazy, Suspense } from "react";
 import { Download as Download2, X as X3 } from "lucide-react";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var LazyDocumentEditorPane = lazy(async () => {
-  const module = await import("./document-editor-pane-JNXPANWM.js");
+  const module = await import("./document-editor-pane-DWWUTTTZ.js");
   return { default: module.DocumentEditorPane };
 });
 function FileArtifactPane({
@@ -556,7 +556,7 @@ function FileArtifactPane({
             className,
             tabs: paneTabs,
             headerActions,
-            children: /* @__PURE__ */ jsx4("div", { className: "flex min-h-[20rem] items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] text-sm text-[var(--text-muted)]", children: "Loading editor\u2026" })
+            children: /* @__PURE__ */ jsx4("div", { className: "flex min-h-[12rem] items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[var(--border-subtle)] bg-[var(--bg-section)] text-sm text-[var(--text-muted)]", children: "Loading editor\u2026" })
           }
         ),
         children: /* @__PURE__ */ jsx4(

package/dist/{chunk-WC7QTWPN.js → chunk-LY32SP6X.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
@@ -1001,17 +997,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 +1070,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 +1110,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 +1145,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/{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-P24K22CV.js → chunk-WSR2NB2H.js}

@@ -10,21 +10,21 @@ import {
 } from "./chunk-BRBTD7RH.js";
 import {
   ChatContainer
-} from "./chunk-R3IU37AW.js";
+} from "./chunk-5F3VOGCT.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import {
   FileArtifactPane,
   FileTree,
   filterFileTree
-} from "./chunk-WQH233GF.js";
+} from "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
 import {
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   Badge
 } from "./chunk-TDYQBLL5.js";
@@ -958,7 +958,7 @@ function SessionSidebar({
       isActive: currentItemId === item.id
     })).length
   ])), [currentItemId, filters, orderedItems, sessionsById]);
-  return /* @__PURE__ */ jsxs7("aside", { className: cn("flex w-64 shrink-0 flex-col border-r border-[var(--border-subtle)] bg-[var(--depth-2)]", className), children: [
+  return /* @__PURE__ */ jsxs7("aside", { className: cn("flex w-64 shrink-0 flex-col border-r border-[var(--border-subtle)] bg-[var(--bg-card)]", className), children: [
     /* @__PURE__ */ jsxs7("div", { className: "border-b border-[var(--border-subtle)] px-3 py-3", children: [
       /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 min-w-0", children: [
@@ -1113,15 +1113,15 @@ import { Activity, AlertCircle as AlertCircle2, LoaderCircle, MessageSquareText
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function SessionStatusDot({ session }) {
   if (session.status === "error") {
-    return /* @__PURE__ */ jsx8(AlertCircle2, { className: "h-3.5 w-3.5 text-[var(--status-danger)]" });
+    return /* @__PURE__ */ jsx8(AlertCircle2, { className: "h-3 w-3 text-[var(--surface-danger-text)]" });
   }
   if (session.status === "running") {
-    return /* @__PURE__ */ jsx8(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin text-[var(--brand-cool)]" });
+    return /* @__PURE__ */ jsx8(LoaderCircle, { className: "h-3 w-3 animate-spin text-[var(--brand-cool)]" });
   }
   if (session.status === "attention-needed") {
-    return /* @__PURE__ */ jsx8(Activity, { className: "h-3.5 w-3.5 text-[var(--status-warning)]" });
+    return /* @__PURE__ */ jsx8(Activity, { className: "h-3 w-3 text-[var(--surface-warning-text)]" });
   }
-  return /* @__PURE__ */ jsx8("span", { className: "h-2 w-2 rounded-full bg-[var(--text-dim)]" });
+  return /* @__PURE__ */ jsx8("span", { className: "h-1.5 w-1.5 rounded-full bg-[var(--text-dim)]" });
 }
 function navigateToSession(session) {
   if (!session.href || typeof window === "undefined") return;
@@ -1141,41 +1141,38 @@ function SessionActivityMonitor({
   const sessionLookup = Object.keys(sessionsById).length > 0 ? sessionsById : Object.fromEntries(trackedSessions.map((session) => [session.sessionId, session]));
   if (projectActivity.length === 0) {
     if (compact) return null;
-    return /* @__PURE__ */ jsx8("div", { className: cn("rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] p-3 text-sm text-[var(--text-muted)]", className), children: emptyMessage });
+    return /* @__PURE__ */ jsx8("div", { className: cn("rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--depth-2)] px-3 py-2 text-xs text-[var(--text-muted)]", className), children: emptyMessage });
   }
-  return /* @__PURE__ */ jsxs8("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.16em] text-[var(--text-muted)]", children: [
-        /* @__PURE__ */ jsx8(Activity, { className: "h-3.5 w-3.5" }),
-        "Active Sessions"
+  return /* @__PURE__ */ jsxs8("div", { className: cn("space-y-1.5", className), children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-0.5", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-[0.14em] text-[var(--text-muted)]", children: [
+        /* @__PURE__ */ jsx8(Activity, { className: "h-3 w-3" }),
+        "Active"
       ] }),
-      totalRunning > 0 && /* @__PURE__ */ jsxs8("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2 py-0.5 text-[11px] font-medium text-[var(--accent-text)]", children: [
-        totalRunning,
-        " running"
-      ] })
+      totalRunning > 0 && /* @__PURE__ */ jsx8("span", { className: "rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-1.5 py-px text-[10px] font-medium text-[var(--accent-text)]", children: totalRunning })
     ] }),
-    /* @__PURE__ */ jsx8("div", { className: "space-y-2", children: projectActivity.map((project) => {
+    /* @__PURE__ */ jsx8("div", { className: "space-y-1", children: projectActivity.map((project) => {
       const label = resolveProjectLabel?.(project.projectId, project.projectLabel) ?? project.projectLabel ?? String(project.projectId);
       return /* @__PURE__ */ jsxs8(
         "div",
         {
-          className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] p-3 shadow-[var(--shadow-card)]",
+          className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--depth-2)]",
           children: [
-            /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: label }),
-                /* @__PURE__ */ jsxs8("div", { className: "text-xs text-[var(--text-muted)]", children: [
+            /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-2 px-2.5 py-1.5", children: [
+              /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx8("div", { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: label }),
+                /* @__PURE__ */ jsxs8("div", { className: "text-[10px] text-[var(--text-muted)]", children: [
                   project.activeSessionCount,
-                  " tracked session",
+                  " session",
                   project.activeSessionCount === 1 ? "" : "s"
                 ] })
               ] }),
-              project.runningSessionIds.length > 0 && /* @__PURE__ */ jsxs8("span", { className: "rounded-full border border-[var(--border-subtle)] bg-[var(--bg-section)] px-2 py-0.5 text-[11px] text-[var(--text-secondary)]", children: [
+              project.runningSessionIds.length > 0 && /* @__PURE__ */ jsxs8("span", { className: "shrink-0 text-[10px] text-[var(--text-muted)]", children: [
                 project.runningSessionIds.length,
                 " live"
               ] })
             ] }),
-            !compact && project.runningSessionIds.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-3 space-y-2", children: project.runningSessionIds.map((sessionId) => {
+            !compact && project.runningSessionIds.length > 0 && /* @__PURE__ */ jsx8("div", { className: "border-t border-[var(--border-subtle)] px-1.5 py-1", children: project.runningSessionIds.map((sessionId) => {
               const session = sessionLookup[sessionId];
               if (!session) return null;
               return /* @__PURE__ */ jsxs8(
@@ -1189,16 +1186,11 @@ function SessionActivityMonitor({
                     }
                     navigateToSession(session);
                   },
-                  className: "flex w-full items-center justify-between rounded-[var(--radius-md)] border border-[var(--border-subtle)] bg-[var(--bg-section)] px-3 py-2 text-left transition-colors hover:border-[var(--border-accent)] hover:bg-[var(--bg-elevated)]",
+                  className: "flex w-full items-center gap-2 rounded-[var(--radius-sm)] px-2 py-1 text-left transition-colors hover:bg-[var(--bg-hover)]",
                   children: [
-                    /* @__PURE__ */ jsxs8("div", { className: "flex min-w-0 items-center gap-2", children: [
-                      /* @__PURE__ */ jsx8(SessionStatusDot, { session }),
-                      /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx8("div", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: session.title ?? "Untitled Session" }),
-                        /* @__PURE__ */ jsx8("div", { className: "truncate text-xs text-[var(--text-muted)]", children: session.href ?? session.sessionId })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx8(MessageSquareText2, { className: "h-4 w-4 shrink-0 text-[var(--text-dim)]" })
+                    /* @__PURE__ */ jsx8(SessionStatusDot, { session }),
+                    /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate text-xs text-[var(--text-primary)]", children: session.title ?? "Untitled" }),
+                    /* @__PURE__ */ jsx8(MessageSquareText2, { className: "ml-auto h-3 w-3 shrink-0 text-[var(--text-dim)]" })
                   ]
                 },
                 sessionId

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/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.js

@@ -15,7 +15,7 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-FFOXUHOF.js";
+} from "./chunk-FNYJFCGU.js";
 import {
   AuthHeader,
   GitHubLoginButton,
@@ -39,7 +39,7 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5F4NX5R2.js";
+} from "./chunk-MXRQ4MJE.js";
 import {
   DropZone,
   Label,
@@ -85,11 +85,11 @@ import {
 } from "./chunk-Q56BYXQF.js";
 import {
   ChatMessage
-} from "./chunk-5CEMHKBP.js";
+} from "./chunk-GW4GRAWJ.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   AgentWorkbench,
   AuditResults,
@@ -102,7 +102,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-P24K22CV.js";
+} from "./chunk-WSR2NB2H.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -116,7 +116,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-R3IU37AW.js";
+} from "./chunk-5F3VOGCT.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -134,7 +134,7 @@ import {
   RunGroup,
   WebSearchPreview,
   WriteFilePreview
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-LY32SP6X.js";
 import {
   formatDuration,
   truncateText
@@ -142,7 +142,7 @@ import {
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import {
   TOOL_CATEGORY_ICONS,
   getToolCategory,
@@ -152,7 +152,7 @@ import {
 import {
   InlineCode,
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import {
   Table,
   TableBody,
@@ -169,7 +169,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-WQH233GF.js";
+} from "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
@@ -177,7 +177,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import {
   BackendSelector,
   ClusterStatusBar,
@@ -210,7 +210,7 @@ import {
   SidebarRailNav,
   VariantList,
   useSidebar
-} from "./chunk-STHB4N22.js";
+} from "./chunk-6V4XVKFY.js";
 import {
   BillingDashboard,
   PricingPage,

package/dist/markdown.js

@@ -2,7 +2,7 @@ import {
   CodeBlock,
   CopyButton,
   Markdown
-} from "./chunk-H5XYSFYE.js";
+} from "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   CodeBlock,

package/dist/openui.js

@@ -1,8 +1,8 @@
 import {
   OpenUIArtifactRenderer
-} from "./chunk-VBWY44UU.js";
+} from "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/dist/run.js

@@ -1,21 +1,21 @@
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
   RunGroup
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-LY32SP6X.js";
 import "./chunk-HRMUF35V.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   ExpandedToolDetail,

package/dist/sdk-hooks.js

@@ -7,17 +7,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";
 export {
   RealtimeSessionRegistry,

package/dist/tokens.css

@@ -227,6 +227,19 @@
   --panel-padding: 1rem;
   --content-max-width: 80rem;
 
+  /* Component sizing — override per-app for tighter/looser layouts */
+  --code-padding-x: 0.75rem;
+  --code-padding-y: 0.625rem;
+  --code-font-size: 0.8125rem;
+  --code-line-height: 1.5;
+  --chat-message-px: 0.875rem;
+  --chat-message-py: 0.5rem;
+  --chat-input-py: 0.625rem;
+  --card-padding: 1.25rem;
+  --tool-card-px: 0.75rem;
+  --tool-card-py: 0.5rem;
+  --tool-icon-size: 1.75rem;
+
   /* Transitions */
   --transition-fast: 0.1s ease;
   --transition-default: 0.16s ease;
@@ -412,4 +425,16 @@
   --radius-xl: 12px;
   --control-height: 2rem;
   --panel-padding: 0.625rem;
+
+  --code-padding-x: 0.625rem;
+  --code-padding-y: 0.5rem;
+  --code-font-size: 0.75rem;
+  --code-line-height: 1.4;
+  --chat-message-px: 0.75rem;
+  --chat-message-py: 0.375rem;
+  --chat-input-py: 0.5rem;
+  --card-padding: 1rem;
+  --tool-card-px: 0.625rem;
+  --tool-card-py: 0.375rem;
+  --tool-icon-size: 1.5rem;
 }

package/dist/workspace.js

@@ -10,22 +10,22 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-P24K22CV.js";
+} from "./chunk-WSR2NB2H.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-BRBTD7RH.js";
-import "./chunk-R3IU37AW.js";
+import "./chunk-5F3VOGCT.js";
 import "./chunk-CNWVHQFY.js";
-import "./chunk-WC7QTWPN.js";
+import "./chunk-LY32SP6X.js";
 import "./chunk-HRMUF35V.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-VBWY44UU.js";
+import "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-WQH233GF.js";
+import "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",