@tangle-network/sandbox-ui 0.5.1 → 0.6.0

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-7DVFZEVW.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-7DVFZEVW.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";