@tangle-network/sandbox-ui 0.116.2 → 0.116.4

package/dist/globals.css

@@ -5152,17 +5152,17 @@
 [data-sandbox-ui],
 [data-theme="dark"],
 .dark {
-  --md3-surface: #151523;
-  --md3-surface-dim: #0f0f1a;
-  --md3-surface-bright: #393957;
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-surface-variant: #32324e;
-  --md3-on-surface: #e3e6ed;
-  --md3-on-surface-variant: #b2b4c7;
+  --md3-surface: #161616;
+  --md3-surface-dim: #101010;
+  --md3-surface-bright: #3b3b3b;
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-surface-variant: #353535;
+  --md3-on-surface: #e6e6e6;
+  --md3-on-surface-variant: #b5b5b5;
   --md3-primary: #A5B4FC;
   --md3-primary-dim: #7C6CF6;
   --md3-primary-container: #4C3FC5;
@@ -5176,8 +5176,8 @@
   --md3-on-secondary: #E8E5FF;
   --md3-on-secondary-container: #E8E5FF;
   --md3-tertiary: #10B981;
-  --md3-outline: #898da9;
-  --md3-outline-variant: #474a6b;
+  --md3-outline: #8e8e8e;
+  --md3-outline-variant: #4c4c4c;
   --md3-error: #ff5277;
   --md3-error-dim: #eb2855;
   --md3-error-container: #82042b;
@@ -5187,24 +5187,24 @@
   --md3-inverse-primary: #4C3FC5;
   --md3-inverse-on-surface: #000000;
   --md3-surface-tint: #A5B4FC;
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
   --hsl-success: 160 84% 39%;
   --hsl-warning: 40 94% 56%;
@@ -5232,18 +5232,18 @@
   --warning: var(--hsl-warning);
   --error: var(--hsl-destructive);
   --info: var(--hsl-info);
-  --sidebar-background: 242 26% 8%;
-  --sidebar-foreground: 225 22% 91%;
+  --sidebar-background: 0 0% 6.2745%;
+  --sidebar-foreground: 0 0% 90.1961%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 239 22% 25%;
-  --sidebar-accent-foreground: 225 22% 91%;
-  --sidebar-border: 236 20% 35%;
+  --sidebar-accent: 0 0% 20.7843%;
+  --sidebar-accent-foreground: 0 0% 90.1961%;
+  --sidebar-border: 0 0% 29.8039%;
   --sidebar-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
   --status-running: #10B981;
   --status-creating: #A5B4FC;
   --status-stopped: #FFB800;
@@ -5294,7 +5294,7 @@
   --accent-surface-soft: rgba(165, 180, 252, 0.07);
   --accent-surface-strong: rgba(76, 63, 197, 0.30);
   --accent-text: #A5B4FC;
-  --bg-root: #151523;
+  --bg-root: #161616;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5302,10 +5302,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(165, 180, 252, 0.07);
   --bg-selection: rgba(124, 108, 246, 0.28);
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
   --brand-primary: #7C6CF6;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5316,9 +5316,9 @@
   --brand-purple: #C7D2FE;
   --brand-vibrant: #6366F1;
   --brand-emerald: #10B981;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --border-accent: rgba(129, 140, 248, 0.35);
   --border-accent-hover: rgba(129, 140, 248, 0.50);
   --btn-primary-bg: #4C3FC5;
@@ -5404,17 +5404,17 @@
 [data-sandbox-theme="vault"],
 [data-theme="light"],
 .light {
-  --md3-surface: #e9e9f1;
-  --md3-surface-dim: #d9d9e6;
+  --md3-surface: #eaeaea;
+  --md3-surface-dim: #dadada;
   --md3-surface-bright: #ffffff;
   --md3-surface-container-lowest: #ffffff;
-  --md3-surface-container-low: #f7f7fa;
+  --md3-surface-container-low: #f7f7f7;
   --md3-surface-container: #ffffff;
-  --md3-surface-container-high: #f2f2f7;
+  --md3-surface-container-high: #f2f2f2;
   --md3-surface-container-highest: #ffffff;
-  --md3-surface-variant: #f2f2f7;
-  --md3-on-surface: #2b2c3e;
-  --md3-on-surface-variant: #494b5d;
+  --md3-surface-variant: #f2f2f2;
+  --md3-on-surface: #2d2d2d;
+  --md3-on-surface-variant: #4c4c4c;
   --md3-primary: #3E349E;
   --md3-primary-dim: #352B88;
   --md3-primary-container: #352B88;
@@ -5429,8 +5429,8 @@
   --md3-on-secondary-container: #524A78;
   --md3-tertiary: #065F46;
   --md3-tertiary-container: #D1FAE5;
-  --md3-outline: #737696;
-  --md3-outline-variant: #cecfde;
+  --md3-outline: #787878;
+  --md3-outline-variant: #d0d0d0;
   --md3-error: #ba1a1a;
   --md3-error-dim: #93000a;
   --md3-error-container: #ffdad6;
@@ -5440,31 +5440,31 @@
   --md3-inverse-primary: #A5AAFC;
   --md3-inverse-on-surface: #f0f1f4;
   --md3-surface-tint: #6366F1;
-  --hsl-background: 240 24% 93%;
-  --hsl-foreground: 235 18% 20.5%;
+  --hsl-background: 0 0% 91.7647%;
+  --hsl-foreground: 0 0% 17.6471%;
   --hsl-card: 0 0% 100%;
-  --hsl-card-foreground: 235 18% 20.5%;
+  --hsl-card-foreground: 0 0% 17.6471%;
   --hsl-popover: 0 0% 100%;
-  --hsl-popover-foreground: 235 18% 20.5%;
+  --hsl-popover-foreground: 0 0% 17.6471%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 240 26% 96%;
-  --hsl-secondary-foreground: 235 18% 20.5%;
-  --hsl-muted: 240 26% 96%;
-  --hsl-muted-foreground: 235 12% 32.5%;
-  --hsl-accent: 240 26% 96%;
-  --hsl-accent-foreground: 235 18% 20.5%;
+  --hsl-secondary: 0 0% 94.902%;
+  --hsl-secondary-foreground: 0 0% 17.6471%;
+  --hsl-muted: 0 0% 94.902%;
+  --hsl-muted-foreground: 0 0% 29.8039%;
+  --hsl-accent: 0 0% 94.902%;
+  --hsl-accent-foreground: 0 0% 17.6471%;
   --hsl-destructive: 0 72% 41%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 238 20% 84%;
-  --hsl-input: 240 30% 97%;
+  --hsl-border: 0 0% 81.5686%;
+  --hsl-input: 0 0% 96.0784%;
   --hsl-ring: 246 54% 51%;
   --hsl-success: 160 84% 30%;
   --hsl-warning: 41 96% 50%;
   --hsl-info: 212 80% 50%;
-  --depth-1: #e9e9f1;
+  --depth-1: #eaeaea;
   --depth-2: #ffffff;
-  --depth-3: #f2f2f7;
+  --depth-3: #f2f2f2;
   --depth-4: #ffffff;
   --status-running: #059669;
   --status-creating: #3E349E;
@@ -5507,17 +5507,17 @@
   --surface-neutral-border: var(--border-subtle);
   --surface-neutral-text: var(--text-muted);
   --sidebar-background: 0 0% 100%;
-  --sidebar-foreground: 235 18% 20.5%;
+  --sidebar-foreground: 0 0% 17.6471%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 26% 96%;
-  --sidebar-accent-foreground: 235 18% 20.5%;
-  --sidebar-border: 238 20% 84%;
+  --sidebar-accent: 0 0% 94.902%;
+  --sidebar-accent-foreground: 0 0% 17.6471%;
+  --sidebar-border: 0 0% 81.5686%;
   --sidebar-ring: 246 54% 51%;
   --mesh-teal: transparent;
   --mesh-violet: transparent;
   --mesh-blue: transparent;
-  --bg-root: #e9e9f1;
+  --bg-root: #eaeaea;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5525,10 +5525,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(76, 63, 198, 0.06);
   --bg-selection: rgba(76, 63, 198, 0.16);
-  --text-primary: #2b2c3e;
-  --text-secondary: #3d3e52;
-  --text-muted: #494b5d;
-  --text-dim: #65677b;
+  --text-primary: #2d2d2d;
+  --text-secondary: #3f3f3f;
+  --text-muted: #4c4c4c;
+  --text-dim: #686868;
   --brand-primary: #6366F1;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5539,9 +5539,9 @@
   --brand-purple: #6366F1;
   --brand-vibrant: #6366F1;
   --brand-emerald: #059669;
-  --border-subtle: rgba(60, 52, 140, 0.10);
-  --border-default: rgba(60, 52, 140, 0.14);
-  --border-hover: rgba(60, 52, 140, 0.24);
+  --border-subtle: rgba(0, 0, 0, 0.10);
+  --border-default: rgba(0, 0, 0, 0.14);
+  --border-hover: rgba(0, 0, 0, 0.24);
   --border-accent: rgba(91, 78, 212, 0.18);
   --border-accent-hover: rgba(91, 78, 212, 0.35);
   --btn-primary-bg: #4C3FC5;
@@ -5844,48 +5844,48 @@
   --text-dim: #82a699;
 }
 [data-theme="tangle-dark"] {
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
-  --bg-root: #151523;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
+  --bg-root: #161616;
   --bg-card: var(--depth-2);
   --bg-input: hsl(var(--hsl-input));
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-outline-variant: #474a6b;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-outline-variant: #4c4c4c;
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --accent-text: #A5B4FC;
   --brand-primary: #7C6CF6;
   --brand-glow: #A5AAFC;
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
 }
 [data-theme="tangle-light"] {
   --hsl-background: 240 33% 98%;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import { $ as InputProps, $t as ToastProvider, A as DropZoneProps, At as Table,
 import { $ as TerminalProps, A as ShellShouldRevalidateArgs, B as SessionSidebarLink, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebar, G as SessionOptimisticController, H as SessionSidebarVariant, I as SessionSidebarBadge, J as useOptimisticSessionItems, K as UseOptimisticSessionItemsOptions, L as SessionSidebarFilter, M as createShellShouldRevalidate, N as shellShouldRevalidate, O as SessionActivityMonitor, P as formatRelativeAge, Q as TerminalPanel, R as SessionSidebarGroupBy, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SESSION_CREATED_EVENT, V as SessionSidebarProps, W as SessionCreatedDetail, X as RuntimePaneProps, Y as RuntimePane, Z as TerminalLine, _ as FormAudit, a as ApprovalQueue, at as StatusBannerProps, b as SandboxWorkbenchArtifact, c as CalendarView, ct as WorkspacePaneHeader, d as TaskBoardColumn, dt as WorkspaceLayoutProps, et as ContextBadge, f as TaskBoardItem, g as AuditResultsProps, h as AuditResults, i as ApprovalItem, it as StatusBanner, j as ShellShouldRevalidateOptions, k as SessionActivityMonitorProps, l as CalendarViewProps, lt as WorkspacePaneHeaderProps, m as AuditCheck, n as ArtifactPaneProps, nt as StatusBarProps, o as ApprovalQueueProps, ot as DirectoryPane, p as TaskBoardProps, q as dispatchSessionCreated, r as ApprovalConfidenceStat, rt as BannerType, s as CalendarEvent, st as DirectoryPaneProps, t as ArtifactPane, tt as StatusBar, u as TaskBoard, ut as WorkspaceLayout, v as AgentWorkbench, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarItem } from "./index-iDiLnSoo.js";
 import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-D_G-wF6u.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
-import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from "./openui.js";
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISchemaIssue, OpenUISchemaValidation, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from "./run.js";
 import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, ChatSession, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, connectSession, disconnectSession, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores.js";
 import { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from "./types.js";
@@ -20,4 +20,4 @@ import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focus
 import { TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine } from "@tangle-network/ui/primitives";
 import { CodeBlock as CodeBlockDisplay, Markdown, MarkdownProps } from "@tangle-network/ui/markdown";
 import { CommandPreview, CommandPreviewProps, DiffPreview, DiffPreviewProps, GlobResultsPreview, GlobResultsPreviewProps, GrepResultsPreview, GrepResultsPreviewProps, QuestionPreview, QuestionPreviewProps, WebSearchPreview, WebSearchPreviewProps, WriteFilePreview, WriteFilePreviewProps } from "@tangle-network/ui/tool-previews";
-export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AgentBranding, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, type AgentStreamEvent, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, AgentWorkbench, type AppearanceController, type AppendUserMessageOptions, type ApplySdkEventOptions, type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, ArtifactPane, type ArtifactPaneProps, type ArtifactScope, type ArtifactView, type AuditCheck, AuditResults, type AuditResultsProps, AuthHeader, type AuthHeaderProps, type AuthUser, type AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, BRAND_PRISM_THEME, type Backend, BackendConfig, type BackendConfigProps, BackendSelector, type BackendSelectorProps, type BackendStatusData, Badge, type BadgeProps, type BannerType, type BeginAssistantMessageOptions, type BillingBalance, BillingDashboard, type BillingDashboardProps, type BillingSubscription, type BillingUsage, type BotStreamEvent, Button, type ButtonProps, CSV_PREVIEW_ROW_LIMIT, type CalendarEvent, CalendarView, type CalendarViewProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChangedFile, ChangesPane, type ChangesPaneProps, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, ChatSession, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CodeBlock, CodeBlockDisplay, type CodeBlockProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, CommandPreview, type CommandPreviewProps, type CompleteAssistantMessageOptions, type ContextBadge, CopyButton, CreditBalance, type CreditBalanceProps, type CustomToolRenderer, DEFAULT_REASONING_LEVEL_OPTIONS, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, type DiffPreviewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, DirectoryPane, type DirectoryPaneProps, type DisplayVariant, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, EmptyState, type EmptyStateProps, ExpandedToolDetail, type ExpandedToolDetailProps, type ExposedPort, type FeedSegment, FileArtifactPane, type FileArtifactPaneProps, FileBreadcrumb, type FileBreadcrumbProps, type FileFormat, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, FilterField, type FilterFieldProps, type FinalTextPart, type FormAudit, type GitCommitData, GitHubLoginButton, type GitHubLoginButtonProps, GitPanel, type GitPanelProps, GitStatusBadge, type GitStatusData, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, type GroupedMessage, HARNESS_BRAND, HARNESS_OPTIONS, HARNESS_REASONING_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, type HarnessType, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownProps, type McpServer, MessageList, type MessageListProps, type MessageRole, type MessageRun, type MessageUser, Metric, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type MetricProps, MetricStrip, type MetricStripProps, type ModelBrandIdentity, ModelBrandStack, type ModelInfo, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, OutOfCreditsModal, type OutOfCreditsModalProps, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, PortsList, type PortsListProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, PricingPage, type PricingPageProps, type PricingTier, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, Progress, PromoBanner, type PromoBannerProps, QuestionPreview, type QuestionPreviewProps, RailButton, type RailButtonProps, RailCollapseToggle, type RailCollapseToggleProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailThemeToggle, RailTooltip, type RailTooltipProps, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, type ReasoningPart, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, type Run, RunGroup, type RunGroupProps, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStats, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, type SSEEvent, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxMetrics, type SandboxStatus, SandboxTable, type SandboxTableProps, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Session, SessionActivityMonitor, type SessionActivityMonitorProps, type SessionCreatedDetail, type SessionDegradation, type SessionInfo, type SessionMessage, type SessionOptimisticController, type SessionPart, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, type SessionUser, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, Sidebar, SidebarContent, type SidebarContentProps, SidebarDropZone, type SidebarDropZoneProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, type SidecarAuth, type SidecarMetricsPayload, Skeleton, SkeletonCard, SkeletonTable, SnapshotList, type SnapshotListProps, StatCard, type StatCardProps, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, StatusPill, type StatusPillProps, type StatusTone, Switch, SystemLogsViewer, type SystemLogsViewerProps, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TangleLoginButton, type TangleLoginButtonProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TaskStreamEvent, type TeamRole, TemplateCard, type TemplateCardData, type TemplateCardProps, TerminalDisplay, TerminalDisplayCursor, TerminalDisplayInput, TerminalDisplayLine, type TerminalLine, TerminalPanel, type TerminalProps, type TerminalStreamEvent, type TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, type Toast, ToastContainer, ToastProvider, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type ToolCategory, type ToolDisplayMetadata, type ToolPart, type ToolState, type ToolStatus, type ToolTime, Toolbar, type ToolbarProps, type UploadFile, UploadProgress, type UploadProgressProps, UsageChart, type UsageChartProps, type UsageDataPoint, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type UseAuthOptions, type UseAuthResult, type UseOptimisticSessionItemsOptions, type UsePtySessionOptions, type UsePtySessionReturn, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSandboxMetricsOptions, type UseSandboxMetricsResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, UserMenu, type UserMenuProps, UserMessage, type UserMessageProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, WebSearchPreview, type WebSearchPreviewProps, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, WriteFilePreview, type WriteFilePreviewProps, activeSessionsAtom, addMessage, addParts, badgeVariants, buildUnifiedPatch, bumpActiveSessionActivity, buttonVariants, canAdminSandbox, canonicalModelId, chatCapableHarnesses, clearChat, cn, computeDiffStats, connectSession, copyText, createAuthFetcher, createFetchTransport, createShellShouldRevalidate, detectFileFormat, disconnectSession, dispatchSessionCreated, fileExtension, filterFileTree, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatPrice, formatRelativeAge, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, modelBrandFor, modelProvider, parseCsv, parseInsufficientBalance, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, resolveLanguage, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, shellShouldRevalidate, snapHarnessToModel, timeAgo, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useOptimisticSessionItems, useProjectActivity, useProjectSessions, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessionStream, useSessions, useSessionsByActivity, useSidebar, useSidecarAuth, useTheme, useToast, useToolCallStream, useTotalRunningSessions };
+export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AgentBranding, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, type AgentStreamEvent, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, AgentWorkbench, type AppearanceController, type AppendUserMessageOptions, type ApplySdkEventOptions, type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, ArtifactPane, type ArtifactPaneProps, type ArtifactScope, type ArtifactView, type AuditCheck, AuditResults, type AuditResultsProps, AuthHeader, type AuthHeaderProps, type AuthUser, type AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, BRAND_PRISM_THEME, type Backend, BackendConfig, type BackendConfigProps, BackendSelector, type BackendSelectorProps, type BackendStatusData, Badge, type BadgeProps, type BannerType, type BeginAssistantMessageOptions, type BillingBalance, BillingDashboard, type BillingDashboardProps, type BillingSubscription, type BillingUsage, type BotStreamEvent, Button, type ButtonProps, CSV_PREVIEW_ROW_LIMIT, type CalendarEvent, CalendarView, type CalendarViewProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChangedFile, ChangesPane, type ChangesPaneProps, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, ChatSession, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CodeBlock, CodeBlockDisplay, type CodeBlockProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, CommandPreview, type CommandPreviewProps, type CompleteAssistantMessageOptions, type ContextBadge, CopyButton, CreditBalance, type CreditBalanceProps, type CustomToolRenderer, DEFAULT_REASONING_LEVEL_OPTIONS, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, type DiffPreviewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, DirectoryPane, type DirectoryPaneProps, type DisplayVariant, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, EmptyState, type EmptyStateProps, ExpandedToolDetail, type ExpandedToolDetailProps, type ExposedPort, type FeedSegment, FileArtifactPane, type FileArtifactPaneProps, FileBreadcrumb, type FileBreadcrumbProps, type FileFormat, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, FilterField, type FilterFieldProps, type FinalTextPart, type FormAudit, type GitCommitData, GitHubLoginButton, type GitHubLoginButtonProps, GitPanel, type GitPanelProps, GitStatusBadge, type GitStatusData, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, type GroupedMessage, HARNESS_BRAND, HARNESS_OPTIONS, HARNESS_REASONING_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, type HarnessType, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownProps, type McpServer, MessageList, type MessageListProps, type MessageRole, type MessageRun, type MessageUser, Metric, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type MetricProps, MetricStrip, type MetricStripProps, type ModelBrandIdentity, ModelBrandStack, type ModelInfo, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, OutOfCreditsModal, type OutOfCreditsModalProps, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, PortsList, type PortsListProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, PricingPage, type PricingPageProps, type PricingTier, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, Progress, PromoBanner, type PromoBannerProps, QuestionPreview, type QuestionPreviewProps, RailButton, type RailButtonProps, RailCollapseToggle, type RailCollapseToggleProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailThemeToggle, RailTooltip, type RailTooltipProps, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, type ReasoningPart, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, type Run, RunGroup, type RunGroupProps, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStats, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, type SSEEvent, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxMetrics, type SandboxStatus, SandboxTable, type SandboxTableProps, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Session, SessionActivityMonitor, type SessionActivityMonitorProps, type SessionCreatedDetail, type SessionDegradation, type SessionInfo, type SessionMessage, type SessionOptimisticController, type SessionPart, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, type SessionUser, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, Sidebar, SidebarContent, type SidebarContentProps, SidebarDropZone, type SidebarDropZoneProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, type SidecarAuth, type SidecarMetricsPayload, Skeleton, SkeletonCard, SkeletonTable, SnapshotList, type SnapshotListProps, StatCard, type StatCardProps, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, StatusPill, type StatusPillProps, type StatusTone, Switch, SystemLogsViewer, type SystemLogsViewerProps, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TangleLoginButton, type TangleLoginButtonProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TaskStreamEvent, type TeamRole, TemplateCard, type TemplateCardData, type TemplateCardProps, TerminalDisplay, TerminalDisplayCursor, TerminalDisplayInput, TerminalDisplayLine, type TerminalLine, TerminalPanel, type TerminalProps, type TerminalStreamEvent, type TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, type Toast, ToastContainer, ToastProvider, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type ToolCategory, type ToolDisplayMetadata, type ToolPart, type ToolState, type ToolStatus, type ToolTime, Toolbar, type ToolbarProps, type UploadFile, UploadProgress, type UploadProgressProps, UsageChart, type UsageChartProps, type UsageDataPoint, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type UseAuthOptions, type UseAuthResult, type UseOptimisticSessionItemsOptions, type UsePtySessionOptions, type UsePtySessionReturn, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSandboxMetricsOptions, type UseSandboxMetricsResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, UserMenu, type UserMenuProps, UserMessage, type UserMessageProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, WebSearchPreview, type WebSearchPreviewProps, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, WriteFilePreview, type WriteFilePreviewProps, activeSessionsAtom, addMessage, addParts, badgeVariants, buildUnifiedPatch, bumpActiveSessionActivity, buttonVariants, canAdminSandbox, canonicalModelId, chatCapableHarnesses, clearChat, cn, computeDiffStats, connectSession, copyText, createAuthFetcher, createFetchTransport, createShellShouldRevalidate, detectFileFormat, disconnectSession, dispatchSessionCreated, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatPrice, formatRelativeAge, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, modelBrandFor, modelProvider, parseCsv, parseInsufficientBalance, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, resolveLanguage, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, shellShouldRevalidate, snapHarnessToModel, timeAgo, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useOptimisticSessionItems, useProjectActivity, useProjectSessions, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessionStream, useSessions, useSessionsByActivity, useSidebar, useSidecarAuth, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/index.js

@@ -8,7 +8,7 @@ import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDash
 import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";
 import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CoiS_kfY.js";
-import { OpenUIArtifactRenderer } from "./openui.js";
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { a as ThinkingIndicator, c as createFetchTransport, d as AgentProfilePicker, f as DEFAULT_REASONING_LEVEL_OPTIONS, i as MessageList, l as modelProvider, m as ReasoningLevelPicker, n as ChatContainer, o as UserMessage, p as HARNESS_REASONING_OPTIONS, r as ChatMessage, s as ArtifactAgentDock, t as AgentTimeline, u as snapHarnessToModel } from "./chat-BOvFAe6p.js";
 import { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent } from "./run.js";
 import { a as TangleLoginButton, i as UserMenu, n as GitHubLoginButton, r as LoginLayout, t as AuthHeader } from "./auth-CWe17Hly.js";
@@ -20,4 +20,4 @@ import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focus
 import { TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine } from "@tangle-network/ui/primitives";
 import { CodeBlock as CodeBlockDisplay, Markdown } from "@tangle-network/ui/markdown";
 import { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview } from "@tangle-network/ui/tool-previews";
-export { ActivityFeed, AgentProfilePicker, AgentTimeline, AgentWorkbench, ApprovalQueue, ArtifactAgentDock, ArtifactPane, AuditResults, AuthHeader, Avatar, AvatarFallback, AvatarImage, BRAND_PRISM_THEME, BackendConfig, BackendSelector, Badge, BillingDashboard, Button, CSV_PREVIEW_ROW_LIMIT, CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChangesPane, ChatContainer, ChatMessage, ClusterStatusBar, CodeBlock, CodeBlockDisplay, CodeSurface, CodeView, CommandPreview, CopyButton, CreditBalance, DEFAULT_REASONING_LEVEL_OPTIONS, DashboardLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DiffStatsBadge, DiffView, DirectoryPane, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbeddedAppView, EmptyState, ExpandedToolDetail, FileArtifactPane, FileBreadcrumb, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GitPanel, GitStatusBadge, GlobResultsPreview, GrepResultsPreview, HARNESS_BRAND, HARNESS_OPTIONS, HARNESS_REASONING_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, InfoPanel, InlineCode, InlineThinkingItem, InlineToolItem, Input, InvoiceTable, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageList, Metric, MetricAreaChart, MetricStrip, ModelBrandStack, NetworkConfig, NewSandboxCard, OpenUIArtifactRenderer, OutOfCreditsModal, PanelHeader, PillTabs, PlanCards, PortsList, PreviewView, PricingPage, ProcessList, ProfileAvatar, ProfileComparison, ProfileSelector, Progress, PromoBanner, QuestionPreview, RailButton, RailCollapseToggle, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailThemeToggle, RailTooltip, RealtimeSessionRegistry, ReasoningLevelPicker, ResourceMeter, ResourceSnapshot, RichFileTree, RunGroup, RunRowShell, RunRowStatusDot, RuntimePane, SESSION_CREATED_EVENT, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxArtifactPane, SandboxCard, SandboxTable, SandboxWorkbench, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionActivityMonitor, SessionSidebar, Sidebar, SidebarContent, SidebarDropZone, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailHeader, SidebarRailNav, Skeleton, SkeletonCard, SkeletonTable, SnapshotList, StatCard, StatusBanner, StatusBar, StatusPill, Switch, SystemLogsViewer, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TangleLoginButton, TaskBoard, TemplateCard, TerminalDisplay, TerminalDisplayCursor, TerminalDisplayInput, TerminalDisplayLine, TerminalPanel, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, UploadProgress, UsageChart, UsageSummary, UserMenu, UserMessage, VariantList, WebSearchPreview, WorkspaceLayout, WorkspacePaneHeader, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, buildUnifiedPatch, bumpActiveSessionActivity, buttonVariants, canAdminSandbox, canonicalModelId, chatCapableHarnesses, clearChat, cn, computeDiffStats, connectSession, copyText, createAuthFetcher, createFetchTransport, createShellShouldRevalidate, detectFileFormat, disconnectSession, dispatchSessionCreated, fileExtension, filterFileTree, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatPrice, formatRelativeAge, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, modelBrandFor, modelProvider, parseCsv, parseInsufficientBalance, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, resolveLanguage, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, shellShouldRevalidate, snapHarnessToModel, timeAgo, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useOptimisticSessionItems, useProjectActivity, useProjectSessions, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessionStream, useSessions, useSessionsByActivity, useSidebar, useSidecarAuth, useTheme, useToast, useToolCallStream, useTotalRunningSessions };
+export { ActivityFeed, AgentProfilePicker, AgentTimeline, AgentWorkbench, ApprovalQueue, ArtifactAgentDock, ArtifactPane, AuditResults, AuthHeader, Avatar, AvatarFallback, AvatarImage, BRAND_PRISM_THEME, BackendConfig, BackendSelector, Badge, BillingDashboard, Button, CSV_PREVIEW_ROW_LIMIT, CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChangesPane, ChatContainer, ChatMessage, ClusterStatusBar, CodeBlock, CodeBlockDisplay, CodeSurface, CodeView, CommandPreview, CopyButton, CreditBalance, DEFAULT_REASONING_LEVEL_OPTIONS, DashboardLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DiffStatsBadge, DiffView, DirectoryPane, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbeddedAppView, EmptyState, ExpandedToolDetail, FileArtifactPane, FileBreadcrumb, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GitPanel, GitStatusBadge, GlobResultsPreview, GrepResultsPreview, HARNESS_BRAND, HARNESS_OPTIONS, HARNESS_REASONING_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, InfoPanel, InlineCode, InlineThinkingItem, InlineToolItem, Input, InvoiceTable, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageList, Metric, MetricAreaChart, MetricStrip, ModelBrandStack, NetworkConfig, NewSandboxCard, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, OutOfCreditsModal, PanelHeader, PillTabs, PlanCards, PortsList, PreviewView, PricingPage, ProcessList, ProfileAvatar, ProfileComparison, ProfileSelector, Progress, PromoBanner, QuestionPreview, RailButton, RailCollapseToggle, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailThemeToggle, RailTooltip, RealtimeSessionRegistry, ReasoningLevelPicker, ResourceMeter, ResourceSnapshot, RichFileTree, RunGroup, RunRowShell, RunRowStatusDot, RuntimePane, SESSION_CREATED_EVENT, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxArtifactPane, SandboxCard, SandboxTable, SandboxWorkbench, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionActivityMonitor, SessionSidebar, Sidebar, SidebarContent, SidebarDropZone, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailHeader, SidebarRailNav, Skeleton, SkeletonCard, SkeletonTable, SnapshotList, StatCard, StatusBanner, StatusBar, StatusPill, Switch, SystemLogsViewer, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TangleLoginButton, TaskBoard, TemplateCard, TerminalDisplay, TerminalDisplayCursor, TerminalDisplayInput, TerminalDisplayLine, TerminalPanel, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, UploadProgress, UsageChart, UsageSummary, UserMenu, UserMessage, VariantList, WebSearchPreview, WorkspaceLayout, WorkspacePaneHeader, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, buildUnifiedPatch, bumpActiveSessionActivity, buttonVariants, canAdminSandbox, canonicalModelId, chatCapableHarnesses, clearChat, cn, computeDiffStats, connectSession, copyText, createAuthFetcher, createFetchTransport, createShellShouldRevalidate, detectFileFormat, disconnectSession, dispatchSessionCreated, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatPrice, formatRelativeAge, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, modelBrandFor, modelProvider, parseCsv, parseInsufficientBalance, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, resolveLanguage, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, shellShouldRevalidate, snapHarnessToModel, timeAgo, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useOptimisticSessionItems, useProjectActivity, useProjectSessions, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessionStream, useSessions, useSessionsByActivity, useSidebar, useSidecarAuth, useTheme, useToast, useToolCallStream, useTotalRunningSessions, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.d.ts

@@ -1,2 +1,2 @@
-import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from "@tangle-network/ui/openui";
-export { type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode };
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISchemaIssue, OpenUISchemaValidation, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "@tangle-network/ui/openui";
+export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.js

@@ -1,2 +1,2 @@
-import { OpenUIArtifactRenderer } from "@tangle-network/ui/openui";
-export { OpenUIArtifactRenderer };
+import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "@tangle-network/ui/openui";
+export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/styles.css

@@ -5152,17 +5152,17 @@
 [data-sandbox-ui],
 [data-theme="dark"],
 .dark {
-  --md3-surface: #151523;
-  --md3-surface-dim: #0f0f1a;
-  --md3-surface-bright: #393957;
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-surface-variant: #32324e;
-  --md3-on-surface: #e3e6ed;
-  --md3-on-surface-variant: #b2b4c7;
+  --md3-surface: #161616;
+  --md3-surface-dim: #101010;
+  --md3-surface-bright: #3b3b3b;
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-surface-variant: #353535;
+  --md3-on-surface: #e6e6e6;
+  --md3-on-surface-variant: #b5b5b5;
   --md3-primary: #A5B4FC;
   --md3-primary-dim: #7C6CF6;
   --md3-primary-container: #4C3FC5;
@@ -5176,8 +5176,8 @@
   --md3-on-secondary: #E8E5FF;
   --md3-on-secondary-container: #E8E5FF;
   --md3-tertiary: #10B981;
-  --md3-outline: #898da9;
-  --md3-outline-variant: #474a6b;
+  --md3-outline: #8e8e8e;
+  --md3-outline-variant: #4c4c4c;
   --md3-error: #ff5277;
   --md3-error-dim: #eb2855;
   --md3-error-container: #82042b;
@@ -5187,24 +5187,24 @@
   --md3-inverse-primary: #4C3FC5;
   --md3-inverse-on-surface: #000000;
   --md3-surface-tint: #A5B4FC;
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
   --hsl-success: 160 84% 39%;
   --hsl-warning: 40 94% 56%;
@@ -5232,18 +5232,18 @@
   --warning: var(--hsl-warning);
   --error: var(--hsl-destructive);
   --info: var(--hsl-info);
-  --sidebar-background: 242 26% 8%;
-  --sidebar-foreground: 225 22% 91%;
+  --sidebar-background: 0 0% 6.2745%;
+  --sidebar-foreground: 0 0% 90.1961%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 239 22% 25%;
-  --sidebar-accent-foreground: 225 22% 91%;
-  --sidebar-border: 236 20% 35%;
+  --sidebar-accent: 0 0% 20.7843%;
+  --sidebar-accent-foreground: 0 0% 90.1961%;
+  --sidebar-border: 0 0% 29.8039%;
   --sidebar-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
   --status-running: #10B981;
   --status-creating: #A5B4FC;
   --status-stopped: #FFB800;
@@ -5294,7 +5294,7 @@
   --accent-surface-soft: rgba(165, 180, 252, 0.07);
   --accent-surface-strong: rgba(76, 63, 197, 0.30);
   --accent-text: #A5B4FC;
-  --bg-root: #151523;
+  --bg-root: #161616;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5302,10 +5302,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(165, 180, 252, 0.07);
   --bg-selection: rgba(124, 108, 246, 0.28);
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
   --brand-primary: #7C6CF6;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5316,9 +5316,9 @@
   --brand-purple: #C7D2FE;
   --brand-vibrant: #6366F1;
   --brand-emerald: #10B981;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --border-accent: rgba(129, 140, 248, 0.35);
   --border-accent-hover: rgba(129, 140, 248, 0.50);
   --btn-primary-bg: #4C3FC5;
@@ -5404,17 +5404,17 @@
 [data-sandbox-theme="vault"],
 [data-theme="light"],
 .light {
-  --md3-surface: #e9e9f1;
-  --md3-surface-dim: #d9d9e6;
+  --md3-surface: #eaeaea;
+  --md3-surface-dim: #dadada;
   --md3-surface-bright: #ffffff;
   --md3-surface-container-lowest: #ffffff;
-  --md3-surface-container-low: #f7f7fa;
+  --md3-surface-container-low: #f7f7f7;
   --md3-surface-container: #ffffff;
-  --md3-surface-container-high: #f2f2f7;
+  --md3-surface-container-high: #f2f2f2;
   --md3-surface-container-highest: #ffffff;
-  --md3-surface-variant: #f2f2f7;
-  --md3-on-surface: #2b2c3e;
-  --md3-on-surface-variant: #494b5d;
+  --md3-surface-variant: #f2f2f2;
+  --md3-on-surface: #2d2d2d;
+  --md3-on-surface-variant: #4c4c4c;
   --md3-primary: #3E349E;
   --md3-primary-dim: #352B88;
   --md3-primary-container: #352B88;
@@ -5429,8 +5429,8 @@
   --md3-on-secondary-container: #524A78;
   --md3-tertiary: #065F46;
   --md3-tertiary-container: #D1FAE5;
-  --md3-outline: #737696;
-  --md3-outline-variant: #cecfde;
+  --md3-outline: #787878;
+  --md3-outline-variant: #d0d0d0;
   --md3-error: #ba1a1a;
   --md3-error-dim: #93000a;
   --md3-error-container: #ffdad6;
@@ -5440,31 +5440,31 @@
   --md3-inverse-primary: #A5AAFC;
   --md3-inverse-on-surface: #f0f1f4;
   --md3-surface-tint: #6366F1;
-  --hsl-background: 240 24% 93%;
-  --hsl-foreground: 235 18% 20.5%;
+  --hsl-background: 0 0% 91.7647%;
+  --hsl-foreground: 0 0% 17.6471%;
   --hsl-card: 0 0% 100%;
-  --hsl-card-foreground: 235 18% 20.5%;
+  --hsl-card-foreground: 0 0% 17.6471%;
   --hsl-popover: 0 0% 100%;
-  --hsl-popover-foreground: 235 18% 20.5%;
+  --hsl-popover-foreground: 0 0% 17.6471%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 240 26% 96%;
-  --hsl-secondary-foreground: 235 18% 20.5%;
-  --hsl-muted: 240 26% 96%;
-  --hsl-muted-foreground: 235 12% 32.5%;
-  --hsl-accent: 240 26% 96%;
-  --hsl-accent-foreground: 235 18% 20.5%;
+  --hsl-secondary: 0 0% 94.902%;
+  --hsl-secondary-foreground: 0 0% 17.6471%;
+  --hsl-muted: 0 0% 94.902%;
+  --hsl-muted-foreground: 0 0% 29.8039%;
+  --hsl-accent: 0 0% 94.902%;
+  --hsl-accent-foreground: 0 0% 17.6471%;
   --hsl-destructive: 0 72% 41%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 238 20% 84%;
-  --hsl-input: 240 30% 97%;
+  --hsl-border: 0 0% 81.5686%;
+  --hsl-input: 0 0% 96.0784%;
   --hsl-ring: 246 54% 51%;
   --hsl-success: 160 84% 30%;
   --hsl-warning: 41 96% 50%;
   --hsl-info: 212 80% 50%;
-  --depth-1: #e9e9f1;
+  --depth-1: #eaeaea;
   --depth-2: #ffffff;
-  --depth-3: #f2f2f7;
+  --depth-3: #f2f2f2;
   --depth-4: #ffffff;
   --status-running: #059669;
   --status-creating: #3E349E;
@@ -5507,17 +5507,17 @@
   --surface-neutral-border: var(--border-subtle);
   --surface-neutral-text: var(--text-muted);
   --sidebar-background: 0 0% 100%;
-  --sidebar-foreground: 235 18% 20.5%;
+  --sidebar-foreground: 0 0% 17.6471%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 26% 96%;
-  --sidebar-accent-foreground: 235 18% 20.5%;
-  --sidebar-border: 238 20% 84%;
+  --sidebar-accent: 0 0% 94.902%;
+  --sidebar-accent-foreground: 0 0% 17.6471%;
+  --sidebar-border: 0 0% 81.5686%;
   --sidebar-ring: 246 54% 51%;
   --mesh-teal: transparent;
   --mesh-violet: transparent;
   --mesh-blue: transparent;
-  --bg-root: #e9e9f1;
+  --bg-root: #eaeaea;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5525,10 +5525,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(76, 63, 198, 0.06);
   --bg-selection: rgba(76, 63, 198, 0.16);
-  --text-primary: #2b2c3e;
-  --text-secondary: #3d3e52;
-  --text-muted: #494b5d;
-  --text-dim: #65677b;
+  --text-primary: #2d2d2d;
+  --text-secondary: #3f3f3f;
+  --text-muted: #4c4c4c;
+  --text-dim: #686868;
   --brand-primary: #6366F1;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5539,9 +5539,9 @@
   --brand-purple: #6366F1;
   --brand-vibrant: #6366F1;
   --brand-emerald: #059669;
-  --border-subtle: rgba(60, 52, 140, 0.10);
-  --border-default: rgba(60, 52, 140, 0.14);
-  --border-hover: rgba(60, 52, 140, 0.24);
+  --border-subtle: rgba(0, 0, 0, 0.10);
+  --border-default: rgba(0, 0, 0, 0.14);
+  --border-hover: rgba(0, 0, 0, 0.24);
   --border-accent: rgba(91, 78, 212, 0.18);
   --border-accent-hover: rgba(91, 78, 212, 0.35);
   --btn-primary-bg: #4C3FC5;
@@ -5844,48 +5844,48 @@
   --text-dim: #82a699;
 }
 [data-theme="tangle-dark"] {
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
-  --bg-root: #151523;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
+  --bg-root: #161616;
   --bg-card: var(--depth-2);
   --bg-input: hsl(var(--hsl-input));
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-outline-variant: #474a6b;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-outline-variant: #4c4c4c;
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --accent-text: #A5B4FC;
   --brand-primary: #7C6CF6;
   --brand-glow: #A5AAFC;
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
 }
 [data-theme="tangle-light"] {
   --hsl-background: 240 33% 98%;

package/dist/tokens.css

@@ -3,7 +3,7 @@
  * The surface ladder is NEUTRAL GREY and the indigo is trim — accent, never
  * field. It steps in even lightness increments so a card, a nested panel and an
  * overlay each read as a distinct plane by their own fill, and carries a crisp
- * hairline (1.6:1 against the card in dark) because shadow does no work on a dark
+ * hairline (1.5:1 against the card in dark) because shadow does no work on a dark
  * canvas. Light mirrors it: white paper on a grey canvas, never white-on-white.
  *
  * Apps consume this spine as-is. If a product needs its own accent identity,
@@ -22,35 +22,34 @@
  * an indigo page, and the eye stops finding them. Neutral planes give the brand
  * a field to sit on, so a single accent does all the signalling.
  *
- * The canvas sits OFF pure black (#151523). A near-black page under near-white
- * ink is the glare end of the range, and it is the reading surface for long
- * sessions.
+ * The canvas stays above pure black (#161616). Near-white ink on it is the
+ * glare end of the range, so its luminance leaves room for distinct text tiers.
  *
  * Elevation is carried by surface lightness plus a hairline that can actually be
  * seen — a black shadow on a dark canvas renders as nothing, so shadow does no
- * work here. The hairline is 1.6:1 against the resting card — quiet by design,
+ * work here. The hairline is about 1.5:1 against the resting card — quiet by design,
  * enough to state an edge without drawing a box around every panel.
  */
 :root,
 [data-sandbox-ui],
 [data-theme="dark"],
 .dark {
-  --md3-surface: #151523;                   /* L0 page canvas */
-  --md3-surface-dim: #0f0f1a;               /* recessed page */
-  --md3-surface-bright: #393957;
+  --md3-surface: #161616;                   /* L0 page canvas */
+  --md3-surface-dim: #101010;               /* recessed page */
+  --md3-surface-bright: #3b3b3b;
   /* Same value as --md3-surface-dim by design, not by drift: both name the floor
    * of the ladder, and dark has no plane below it to give them. They stay two
    * tokens because the roles diverge in light, where the well is paper (#ffffff)
-   * and the recessed page is grey (#d9d9e6) — a consumer binding to the wrong one
+   * and the recessed page is grey (#dadada) — a consumer binding to the wrong one
    * there gets the wrong surface. */
-  --md3-surface-container-lowest: #0f0f1a;  /* L-1 terminal/code well */
-  --md3-surface-container-low: #222235;     /* L1 chrome, field wells */
-  --md3-surface-container: #2d2e43;         /* L2 resting card */
-  --md3-surface-container-high: #32324e;    /* L3 nested / hover */
-  --md3-surface-container-highest: #393957; /* L4 overlay */
-  --md3-surface-variant: #32324e;
-  --md3-on-surface: #e3e6ed;
-  --md3-on-surface-variant: #b2b4c7;
+  --md3-surface-container-lowest: #101010;  /* L-1 terminal/code well */
+  --md3-surface-container-low: #242424;     /* L1 chrome, field wells */
+  --md3-surface-container: #303030;         /* L2 resting card */
+  --md3-surface-container-high: #353535;    /* L3 nested / hover */
+  --md3-surface-container-highest: #3b3b3b; /* L4 overlay */
+  --md3-surface-variant: #353535;
+  --md3-on-surface: #e6e6e6;
+  --md3-on-surface-variant: #b5b5b5;
 
   --md3-primary: #A5B4FC;
   --md3-primary-dim: #7C6CF6;
@@ -67,8 +66,8 @@
   --md3-on-secondary-container: #E8E5FF;
 
   --md3-tertiary: #10B981;
-  --md3-outline: #898da9;
-  --md3-outline-variant: #474a6b;
+  --md3-outline: #8e8e8e;
+  --md3-outline-variant: #4c4c4c;
 
   --md3-error: #ff5277;
   --md3-error-dim: #eb2855;
@@ -82,37 +81,37 @@
   --md3-surface-tint: #A5B4FC;
 
   /* Semantic HSL bridge — the neutral-grey surface ladder */
-  --hsl-background: 240 24% 11%;     /* L0 canvas #151523 */
-  /* 92% L, not pure white: near-white ink on the canvas is the glare end of the
-   * range, and the tiers below it need room to separate. 91% holds 10.6:1 on the
-   * card — AAA with headroom — and leaves four ink steps the eye can tell apart. */
-  --hsl-foreground: 225 22% 91%;     /* #e3e6ed */
-  --hsl-card: 238 20% 22%;           /* L2 card #2d2e43 */
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;        /* L3 #32324e — the NESTED plane despite
+  --hsl-background: 0 0% 8.6275%;     /* L0 canvas #161616 */
+  /* Near-white ink on the canvas is the glare end of the range, and the tiers
+   * below it need room to separate. This neutral ink keeps the original 10.6:1
+   * contrast on the card and leaves four steps the eye can tell apart. */
+  --hsl-foreground: 0 0% 90.1961%;     /* #e6e6e6 */
+  --hsl-card: 0 0% 18.8235%;           /* L2 card #303030 */
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;        /* L3 #353535 — the NESTED plane despite
      the name; the overlay plane is --md3-surface-container-highest. A popover
      carries body text, and the ladder above L3 is reserved for planes that lift
      by shadow, so it sits on L3 and the ink ramp reaches it. */
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   /* The fill indigo, NOT the bright one: `.btn-primary` puts white on this, and
    * #6366F1 carries white at only 4.47:1. This clears the floor at 7.4:1. The
    * bright indigo stays available for accent TEXT via --accent-text. */
   --hsl-primary: 246 54% 51%;       /* #4c3fc6 */
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;      /* L3 #32324e */
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;          /* L3 hover well */
-  --hsl-muted-foreground: 234 16% 74%;  /* #b2b4c7 — high enough that the
+  --hsl-secondary: 0 0% 20.7843%;      /* L3 #353535 */
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;          /* L3 hover well */
+  --hsl-muted-foreground: 0 0% 70.9804%;  /* #b5b5b5 — high enough that the
      reduced-opacity caption derivatives (/70, /60) still clear the large-text
      contrast floor against the L2 card. */
-  --hsl-accent: 239 22% 25%;         /* neutral hover (indigo lives in accent-surface-strong) */
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-accent: 0 0% 20.7843%;         /* neutral hover (indigo lives in accent-surface-strong) */
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  /* Quiet on purpose: 1.6:1 against the resting card. Shadow does no work on a
+  /* Quiet on purpose: 1.5:1 against the resting card. Shadow does no work on a
    * dark canvas, so the hairline is what states where a plane ends. */
-  --hsl-border: 236 20% 35%;         /* #474a6b = --md3-outline-variant */
-  --hsl-input: 240 24% 15%;          /* recessed field well */
+  --hsl-border: 0 0% 29.8039%;         /* #4c4c4c = --md3-outline-variant */
+  --hsl-input: 0 0% 12.1569%;          /* recessed field well #1f1f1f */
   /* Brighter than --primary on purpose: the ring is NON-TEXT and has to clear
    * 3:1 against BOTH canvas and card. The fill indigo is tuned to carry white
    * text instead, so the two cannot be the same value. */
@@ -153,20 +152,20 @@
 
   /* Sidebar tokens — L1 chrome: one step BELOW the canvas here, so the nav reads
    * as chrome the content sits in front of rather than as another card. */
-  --sidebar-background: 242 26% 8%;   /* L1 chrome #0f0f1a */
-  --sidebar-foreground: 225 22% 91%;
+  --sidebar-background: 0 0% 6.2745%;   /* L1 chrome #101010 */
+  --sidebar-foreground: 0 0% 90.1961%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 239 22% 25%;      /* L3 hover well */
-  --sidebar-accent-foreground: 225 22% 91%;
-  --sidebar-border: 236 20% 35%;
+  --sidebar-accent: 0 0% 20.7843%;      /* L3 hover well */
+  --sidebar-accent-foreground: 0 0% 90.1961%;
+  --sidebar-border: 0 0% 29.8039%;
   --sidebar-ring: 233 100% 87%;
 
   /* Depth scale — tracks the MD3 ladder (canvas / card / nested / overlay) */
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
 
   /* Status colors */
   --status-running: #10B981;
@@ -252,7 +251,7 @@
   --accent-text: #A5B4FC;
 
   /* Surfaces — solid fills off the ladder (no radial mesh) */
-  --bg-root: #151523;
+  --bg-root: #161616;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -262,7 +261,7 @@
   --bg-selection: rgba(124, 108, 246, 0.28);
 
   /* Text — neutral */
-  /* Four steps the eye can actually separate: 10.6 / 7.8 / 6.5 / 5.4 against the
+  /* Four steps the eye can actually separate: 10.6 / 7.8 / 6.4 / 5.4 against the
    * L2 card. --text-dim is the faintest tier but it is still TEXT, so it clears
    * the 4.5:1 body floor rather than only the 3:1 large-text one.
    *
@@ -274,10 +273,10 @@
    * card, the chrome and the canvas are fixed points. tokens.test.ts asserts
    * every tier on every plane, so a retune cannot open a gap on one plane while
    * looking correct on another. */
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
 
   /* Brand accents — Tangle */
   --brand-primary: #7C6CF6;
@@ -292,9 +291,9 @@
   --brand-emerald: #10B981;
 
   /* Borders — neutral hairlines */
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --border-accent: rgba(129, 140, 248, 0.35);
   --border-accent-hover: rgba(129, 140, 248, 0.50);
 
@@ -420,26 +419,26 @@
 [data-sandbox-theme="vault"],
 [data-theme="light"],
 .light {
-  /* Light theme — clean professional, warm purple accents */
+  /* Light theme — neutral surfaces with purple accents */
 
   /* MD3 surface hierarchy */
   /* The light ladder ALTERNATES; it is not monotonic, and that is deliberate.
-   * On a tinted canvas, a raised plane is PAPER (white) and a recessed one is a
-   * tinted WELL. So card and overlay are both white and separate from each other
+   * On a neutral canvas, a raised plane is PAPER (white) and a recessed one is a
+   * neutral WELL. So card and overlay are both white and separate from each other
    * by shadow and ring, not by fill — which is how light-mode elevation actually
    * reads. Forcing a strictly-darkening ladder here is what produced the
    * white-on-white flatness this palette replaced. Pinned in tokens.test.ts. */
-  --md3-surface: #e9e9f1;                   /* L0 page canvas — neutral grey, BELOW the wells */
-  --md3-surface-dim: #d9d9e6;
+  --md3-surface: #eaeaea;                   /* L0 page canvas — neutral grey, BELOW the wells */
+  --md3-surface-dim: #dadada;
   --md3-surface-bright: #ffffff;
   --md3-surface-container-lowest: #ffffff;  /* insets read as paper */
-  --md3-surface-container-low: #f7f7fa;     /* L1 chrome, field wells — well */
+  --md3-surface-container-low: #f7f7f7;     /* L1 chrome, field wells — well */
   --md3-surface-container: #ffffff;         /* L2 resting card — paper */
-  --md3-surface-container-high: #f2f2f7;    /* L3 nested / hover — well */
+  --md3-surface-container-high: #f2f2f2;    /* L3 nested / hover — well */
   --md3-surface-container-highest: #ffffff; /* L4 overlay — paper + shadow */
-  --md3-surface-variant: #f2f2f7;
-  --md3-on-surface: #2b2c3e;
-  --md3-on-surface-variant: #494b5d;
+  --md3-surface-variant: #f2f2f2;
+  --md3-on-surface: #2d2d2d;
+  --md3-on-surface-variant: #4c4c4c;
 
   --md3-primary: #3E349E;
   --md3-primary-dim: #352B88;
@@ -457,8 +456,8 @@
 
   --md3-tertiary: #065F46;
   --md3-tertiary-container: #D1FAE5;
-  --md3-outline: #737696;
-  --md3-outline-variant: #cecfde;
+  --md3-outline: #787878;
+  --md3-outline-variant: #d0d0d0;
 
   --md3-error: #ba1a1a;
   --md3-error-dim: #93000a;
@@ -471,35 +470,30 @@
   --md3-inverse-on-surface: #f0f1f4;
   --md3-surface-tint: #6366F1;
 
-  /* Semantic HSL bridge — white paper on a neutral-grey canvas */
-  --hsl-background: 240 24% 93%;     /* L0 canvas #e9e9f1 */
-  /* Ink, not black. Pure #0d0d0d on white paper measures 19.5:1 — a hair off the
-   * 21:1 ceiling — and that maximum is what reads as glare rather than as
-   * legibility. 20.5% L lands 13.7:1 on the card and 11.4:1 on the canvas: AAA with
-   * headroom in both places, and a step the eye reads as text instead of as a
-   * hole. */
-  --hsl-foreground: 235 18% 20.5%;     /* #2b2c3e */
+  /* Semantic HSL bridge — white paper on an achromatic canvas */
+  --hsl-background: 0 0% 91.7647%;     /* L0 canvas #eaeaea */
+  /* Neutral ink rather than pure black keeps the original 13.7:1 contrast on
+   * white paper and 11.4:1 on the canvas: AAA with headroom in both places. */
+  --hsl-foreground: 0 0% 17.6471%;     /* #2d2d2d */
   --hsl-card: 0 0% 100%;            /* L2 card = white paper */
-  --hsl-card-foreground: 235 18% 20.5%;
+  --hsl-card-foreground: 0 0% 17.6471%;
   --hsl-popover: 0 0% 100%;
-  --hsl-popover-foreground: 235 18% 20.5%;
+  --hsl-popover-foreground: 0 0% 17.6471%;
   --hsl-primary: 246 54% 51%;       /* #4c3fc6 — carries white at 7.4:1 */
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 240 26% 96%;      /* L3 #f2f2f7 */
-  --hsl-secondary-foreground: 235 18% 20.5%;
-  --hsl-muted: 240 26% 96%;          /* L3 hover well */
-  /* 34% L: the shared components fade captions with /70 and /60, and a
-   * translucent foreground renders as the token COMPOSITED over the plane behind
-   * it. Against white paper that compositing is brutal — a lighter value puts the
-   * /60 caption under the 3:1 large-text floor. This holds 3.0:1 there and 8.6:1
-   * at full strength, still a clear step below the 13.7:1 body ink. */
-  --hsl-muted-foreground: 235 12% 32.5%;  /* #494b5d text-muted */
-  --hsl-accent: 240 26% 96%;         /* neutral hover */
-  --hsl-accent-foreground: 235 18% 20.5%;
+  --hsl-secondary: 0 0% 94.902%;      /* L3 #f2f2f2 */
+  --hsl-secondary-foreground: 0 0% 17.6471%;
+  --hsl-muted: 0 0% 94.902%;          /* L3 hover well */
+  /* The shared components fade captions with /70 and /60, so a translucent
+   * foreground renders composited over the surface behind it. This neutral value
+   * keeps 3.0:1 at /60 and 8.6:1 at full strength on paper. */
+  --hsl-muted-foreground: 0 0% 29.8039%;  /* #4c4c4c text-muted */
+  --hsl-accent: 0 0% 94.902%;         /* neutral hover */
+  --hsl-accent-foreground: 0 0% 17.6471%;
   --hsl-destructive: 0 72% 41%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 238 20% 84%;         /* #cecfde = --md3-outline-variant */
-  --hsl-input: 240 30% 97%;          /* field well */
+  --hsl-border: 0 0% 81.5686%;         /* #d0d0d0 = --md3-outline-variant */
+  --hsl-input: 0 0% 96.0784%;          /* field well #f5f5f5 */
   --hsl-ring: 246 54% 51%;
   --hsl-success: 160 84% 30%;
   --hsl-warning: 41 96% 50%;
@@ -508,9 +502,9 @@
   /* depth-2 (card) and depth-4 (elevated) are BOTH paper, on purpose: in light,
    * a popover does not out-lighten a white card — it lifts by shadow. See the
    * ladder note above. */
-  --depth-1: #e9e9f1;  /* canvas */
+  --depth-1: #eaeaea;  /* canvas */
   --depth-2: #ffffff;  /* card — paper */
-  --depth-3: #f2f2f7;  /* nested well */
+  --depth-3: #f2f2f2;  /* nested well */
   --depth-4: #ffffff;  /* elevated — paper, separated by shadow */
 
   --status-running: #059669;
@@ -579,12 +573,12 @@
 
   /* Sidebar — light, flat surface + hairline */
   --sidebar-background: 0 0% 100%;     /* white paper */
-  --sidebar-foreground: 235 18% 20.5%;
+  --sidebar-foreground: 0 0% 17.6471%;
   --sidebar-primary: 246 54% 51%;     /* #4c3fc6 */
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 26% 96%;       /* L3 hover well */
-  --sidebar-accent-foreground: 235 18% 20.5%;
-  --sidebar-border: 238 20% 84%;   /* = --md3-outline-variant */
+  --sidebar-accent: 0 0% 94.902%;       /* L3 hover well */
+  --sidebar-accent-foreground: 0 0% 17.6471%;
+  --sidebar-border: 0 0% 81.5686%;   /* = --md3-outline-variant */
   --sidebar-ring: 246 54% 51%;
 
   --mesh-teal: transparent;
@@ -592,7 +586,7 @@
   --mesh-blue: transparent;
 
   /* Surfaces — flat single-neutral light */
-  --bg-root: #e9e9f1;
+  --bg-root: #eaeaea;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   /* Paper, exactly like --bg-card: in light you cannot raise a plane by making it
@@ -606,19 +600,18 @@
   --bg-hover: rgba(76, 63, 198, 0.06);
   --bg-selection: rgba(76, 63, 198, 0.16);
 
-  /* Mirrors the dark ramp's spacing: 13.7 / 10.5 / 8.6 / 5.6 against white paper.
-   * Every step carries the 240 cast so the ink belongs to the palette.
+  /* Mirrors the dark ramp's spacing against white paper. The ink uses neutral
+   * grays so purple stays reserved for interaction accents.
    *
-   * --text-dim is pinned from the CANVAS (#e9e9f1), not the white card: it is
-   * the faintest tier, so the tinted L0 is the surface that binds it, and a
-   * value chosen against paper alone sits under the 4.5:1 body floor there.
-   * 4.6 on the canvas, 5.6 on the card — both floors are asserted in
+   * --text-dim is pinned from the CANVAS (#eaeaea), not the white card: it is
+   * the faintest tier, so the lighter L0 is the surface that binds it. Its 4.6:1
+   * canvas and 5.6:1 card contrasts clear the body-text floor, as asserted in
    * tokens.test.ts, because a ratio quoted in a comment drifts the moment a
    * surface moves and nothing catches it. */
-  --text-primary: #2b2c3e;
-  --text-secondary: #3d3e52;
-  --text-muted: #494b5d;
-  --text-dim: #65677b;
+  --text-primary: #2d2d2d;
+  --text-secondary: #3f3f3f;
+  --text-muted: #4c4c4c;
+  --text-dim: #686868;
 
   --brand-primary: #6366F1;
   --brand-strong: #2E2A5E;
@@ -631,9 +624,9 @@
   --brand-vibrant: #6366F1;
   --brand-emerald: #059669;
 
-  --border-subtle: rgba(60, 52, 140, 0.10);
-  --border-default: rgba(60, 52, 140, 0.14);
-  --border-hover: rgba(60, 52, 140, 0.24);
+  --border-subtle: rgba(0, 0, 0, 0.10);
+  --border-default: rgba(0, 0, 0, 0.14);
+  --border-hover: rgba(0, 0, 0, 0.24);
   --border-accent: rgba(91, 78, 212, 0.18);
   --border-accent-hover: rgba(91, 78, 212, 0.35);
 
@@ -727,7 +720,7 @@
  * draws as a --chart-muted outline, the same mark as an unsolved attempt. No
  * categorical palette ships: identity is carried by direct labels.
  *
- * Contrast against the dark canvas (#151523) and white paper, checked with the
+ * Contrast against the dark canvas (#161616) and white paper, checked with the
  * dataviz palette validator and WCAG ratios:
  *   ink 14.45 / 13.70, ink-muted 7.34 / 5.56, accent 6.05 / 7.41,
  *   muted 5.54 / 4.41, grid 1.46 / 1.12 (recessive by design).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.116.2",
+  "version": "0.116.4",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -123,8 +123,8 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
-    "@tangle-network/brand": "^1.8.2",
-    "@tangle-network/ui": "^11.11.1",
+    "@tangle-network/brand": "^1.9.0",
+    "@tangle-network/ui": "^11.11.4",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -208,8 +208,8 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "^1.8.2",
-    "@tangle-network/ui": "^11.11.1",
+    "@tangle-network/brand": "^1.9.0",
+    "@tangle-network/ui": "^11.11.4",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",