@tangle-network/sandbox-ui 0.123.1 → 0.123.3

package/dist/{WorkflowGraph-B4mkYGe3.js → WorkflowGraph-i6XZ90Ae.js}

@@ -1,4 +1,4 @@
-import { D as triggerNodeIndex, F as fmtCost, I as fmtDuration, L as fmtTokens, N as shortModel, O as wfEdgeId, P as clampPreview, T as isStructuralKind, _ as problemSurface, a as NodeMark, b as COMPACT_NODE_SIZE, c as STATUS_COLOR, d as StatusFooter, f as StatusPill, g as problemBorder, h as emptySlotLabel, k as worstSeverity, l as STATUS_LABEL, m as edgeColor, n as classifyOutput, o as ProblemMarker, p as TONE_ACCENT, s as ProblemMessages, t as NodeOutputBody, v as problemTitle, w as buildWorkflowGraph, y as statusBorder } from "./node-output-D-fYilAu.js";
+import { A as worstSeverity, E as isStructuralKind, F as clampPreview, I as fmtCost, L as fmtDuration, O as triggerNodeIndex, P as shortModel, R as fmtTokens, T as buildWorkflowGraph, _ as problemBorder, a as NodeMark, b as statusBorder, c as RESTING_SHADOW, f as StatusFooter, g as kindAccent, h as emptySlotLabel, k as wfEdgeId, l as STATUS_COLOR, m as edgeColor, n as classifyOutput, o as ProblemMarker, p as StatusPill, s as ProblemMessages, t as NodeOutputBody, u as STATUS_LABEL, v as problemSurface, x as COMPACT_NODE_SIZE, y as problemTitle } from "./node-output-D_m-vmHB.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Maximize2, Minimize2, Plus, X } from "lucide-react";
@@ -591,7 +591,7 @@ function WorkflowNode({ id, data, sourcePosition, targetPosition }) {
 	const isLR = direction === "LR";
 	const targetPos = targetPosition ?? (isLR ? Position.Left : Position.Top);
 	const sourcePos = sourcePosition ?? (isLR ? Position.Right : Position.Bottom);
-	const accent = TONE_ACCENT[d.tone];
+	const accent = kindAccent(d.tone, d.kind);
 	const isAgent = d.kind === "agent.run";
 	const subtitle = isAgent && state?.model ? shortModel(state.model) : d.subtitle;
 	const markModel = isAgent && state?.model ? state.model : d.model;
@@ -667,7 +667,10 @@ function WorkflowNode({ id, data, sourcePosition, targetPosition }) {
 				style: {
 					width: 76,
 					height: 76,
-					...state ? statusBorder(state.status) : problemSeverity ? problemBorder(problemSeverity) : { borderColor: `color-mix(in srgb, ${accent} 40%, hsl(var(--border)))` },
+					...state ? statusBorder(state.status) : problemSeverity ? problemBorder(problemSeverity) : {
+						borderColor: `color-mix(in srgb, ${accent} 45%, hsl(var(--border)))`,
+						boxShadow: RESTING_SHADOW
+					},
 					...selected ? SELECTION_OUTLINE : {}
 				},
 				children: [
@@ -729,7 +732,10 @@ function WorkflowNode({ id, data, sourcePosition, targetPosition }) {
 		"data-testid": "wf-node-card",
 		className: "relative flex h-full w-full flex-col overflow-hidden rounded-xl border bg-card shadow-sm transition-colors",
 		style: {
-			...runStatus ? statusBorder(runStatus) : problemSeverity ? problemBorder(problemSeverity) : { borderColor: `color-mix(in srgb, ${accent} 40%, hsl(var(--border)))` },
+			...runStatus ? statusBorder(runStatus) : problemSeverity ? problemBorder(problemSeverity) : {
+				borderColor: `color-mix(in srgb, ${accent} 45%, hsl(var(--border)))`,
+				boxShadow: RESTING_SHADOW
+			},
 			...selected ? SELECTION_OUTLINE : {}
 		},
 		children: [handles, children]
@@ -1407,7 +1413,11 @@ function WorkflowGraph({ yaml, variant = "full", direction = "LR", defaultCompac
 												preventScrolling: false,
 												minZoom: .2,
 												maxZoom: 1.5,
-												children: [/* @__PURE__ */ jsx(Background, { gap: 18 }), !isPreview && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Controls, {
+												children: [/* @__PURE__ */ jsx(Background, {
+													gap: 18,
+													size: 1.4,
+													color: "hsl(var(--muted-foreground) / 0.38)"
+												}), !isPreview && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Controls, {
 													showInteractive: false,
 													position: "bottom-right",
 													fitViewOptions: { padding: FIT_VIEW.padding }

package/dist/{dashboard-C2VXLIQC.js → dashboard-2z8THYrD.js}

@@ -2632,6 +2632,13 @@ function HarnessPicker({ value, onChange, available, optionsOverride, label = "A
 * control flipped it — so apps no longer each reimplement this sync. Observing
 * the `class` attribute (rather than reading `useTheme`) catches every writer,
 * including an app's pre-React no-flash script.
+*
+* A Brand NAMED theme (`data-theme="aubergine"`, `"intelligence"`,
+* `"tangle-light"`, …) belongs to the app that selected it. The hook still
+* mirrors `.light`, but it never rewrites a named `data-theme` to plain
+* `dark`/`light`: doing so drops the named scope's tokens and renders the app in
+* the default palette. It writes `data-theme` only when the attribute is absent
+* or already `dark`/`light`.
 */
 function useBrandThemeSync() {
 	React$1.useEffect(() => {
@@ -2640,8 +2647,10 @@ function useBrandThemeSync() {
 		const sync = () => {
 			const dark = el.classList.contains("dark");
 			el.classList.toggle("light", !dark);
+			const current = el.getAttribute("data-theme");
+			if (!isPlainTheme(current)) return;
 			const next = dark ? "dark" : "light";
-			if (el.getAttribute("data-theme") !== next) el.setAttribute("data-theme", next);
+			if (current !== next) el.setAttribute("data-theme", next);
 		};
 		sync();
 		const observer = new MutationObserver(sync);
@@ -2652,6 +2661,9 @@ function useBrandThemeSync() {
 		return () => observer.disconnect();
 	}, []);
 }
+function isPlainTheme(value) {
+	return value === null || value === "" || value === "dark" || value === "light";
+}
 //#endregion
 //#region src/dashboard/dashboard-layout.tsx
 function MenuIcon$1({ className }) {

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as SidebarRailHeader, A as ResourceSnapshot, B as RailExpandable, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as parseInsufficientBalance, G as RailThemeToggle, H as RailHeader, I as CreditBalance, J as SidebarPanel, K as Sidebar, L as ProfileAvatar, M as ClusterStatusBar, N as INSUFFICIENT_BALANCE_CODE, O as canAdminSandbox, P as OutOfCreditsModal, Q as SidebarRailFooter, R as RailButton, S as BackendSelector, T as SandboxTable, U as RailModeButton, V as RailFlyout, W as RailSeparator, X as SidebarPanelHeader, Y as SidebarPanelContent, Z as SidebarRail, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_RAIL_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as useSidebar, d as VariantList, et as SidebarRailNav, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as SIDEBAR_RAIL_LABELED_WIDTH, j as ResourceMeter, k as ActivityFeed, l as UsageSummary, m as ProfileSelector, n as PromoBanner, nt as SIDEBAR_MOBILE_WIDTH, o as ProcessList, ot as SIDEBAR_TOTAL_WIDTH, p as ProfileComparison, q as SidebarContent, r as SnapshotList, rt as SIDEBAR_PANEL_WIDTH, s as PortsList, st as SidebarProvider, t as InfoPanel, tt as RailTooltip, u as SystemLogsViewer, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as RailCollapseToggle } from "./dashboard-C2VXLIQC.js";
+import { $ as SidebarRailHeader, A as ResourceSnapshot, B as RailExpandable, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as parseInsufficientBalance, G as RailThemeToggle, H as RailHeader, I as CreditBalance, J as SidebarPanel, K as Sidebar, L as ProfileAvatar, M as ClusterStatusBar, N as INSUFFICIENT_BALANCE_CODE, O as canAdminSandbox, P as OutOfCreditsModal, Q as SidebarRailFooter, R as RailButton, S as BackendSelector, T as SandboxTable, U as RailModeButton, V as RailFlyout, W as RailSeparator, X as SidebarPanelHeader, Y as SidebarPanelContent, Z as SidebarRail, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_RAIL_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as useSidebar, d as VariantList, et as SidebarRailNav, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as SIDEBAR_RAIL_LABELED_WIDTH, j as ResourceMeter, k as ActivityFeed, l as UsageSummary, m as ProfileSelector, n as PromoBanner, nt as SIDEBAR_MOBILE_WIDTH, o as ProcessList, ot as SIDEBAR_TOTAL_WIDTH, p as ProfileComparison, q as SidebarContent, r as SnapshotList, rt as SIDEBAR_PANEL_WIDTH, s as PortsList, st as SidebarProvider, t as InfoPanel, tt as RailTooltip, u as SystemLogsViewer, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as RailCollapseToggle } from "./dashboard-2z8THYrD.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as PricingPage, i as UsageChart, n as SandboxPageShell, o as formatPrice, r as TemplateCard, s as BillingDashboard, t as DashboardPageHeader } from "./page-layout-DJV7cbxx.js";
 export { ActivityFeed, BackendConfig, BackendSelector, BillingDashboard, ClusterStatusBar, CreditBalance, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, InfoPanel, InvoiceTable, MetricAreaChart, ModelBrandStack, NetworkConfig, NewSandboxCard, OutOfCreditsModal, PlanCards, PortsList, PricingPage, ProcessList, ProfileAvatar, ProfileComparison, ProfileSelector, PromoBanner, RailButton, RailCollapseToggle, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailThemeToggle, RailTooltip, ResourceMeter, ResourceSnapshot, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxPageShell, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailHeader, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, VariantList, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, useSidebar };

package/dist/globals.css

@@ -5592,8 +5592,8 @@
   --surface-warning-bg: #4b4232;
   --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #533f3e;
-  --surface-danger-border: #86524e;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;

package/dist/index.js

@@ -1,8 +1,8 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-BAPaCOCB.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-HbWxUqrR.js";
 import { $ as Select, A as DropdownMenuItem, B as DropdownMenuTrigger, Bt as buttonVariants, C as DialogTitle, Ct as TableRow, D as DropdownMenuCheckboxItem, Dt as TabsTrigger, E as DropdownMenu, Et as TabsList, F as DropdownMenuSeparator, Ft as ToastContainer, G as Input, Gt as TangleKnot, H as FilterField, Ht as useToast, I as DropdownMenuShortcut, It as ToastProvider, J as MetricStrip, K as Label, L as DropdownMenuSub, Lt as Toolbar, M as DropdownMenuPortal, Mt as TextShimmer, N as DropdownMenuRadioGroup, Nt as Textarea, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as ThemeToggle, Q as SegmentedControl, R as DropdownMenuSubContent, Rt as UploadProgress, S as DialogPortal, St as TableHeader, T as DropZone, Tt as TabsContent, U as Heading, Ut as SectionTitle, V as EmptyState, Vt as useTheme, W as InlineCode, Wt as Logo, X as PageShell, Y as PageHeader, Z as Progress, _ as DialogContent, _t as TableBody, a as Badge, at as SelectScrollUpButton, b as DialogHeader, bt as TableFooter, c as CardContent, ct as SelectValue, d as CardHeader, dt as SkeletonCard, et as SelectContent, f as CardTitle, ft as SkeletonTable, g as DialogClose, gt as Table, h as Dialog, ht as Switch, i as AvatarImage, it as SelectScrollDownButton, j as DropdownMenuLabel, k as DropdownMenuGroup, kt as TerminalDisplay, l as CardDescription, lt as SidebarDropZone, m as CopyButton, mt as StatusPill, n as Avatar, nt as SelectItem, o as Button, ot as SelectSeparator, p as CodeBlock, pt as StatCard, q as Metric, r as AvatarFallback, rt as SelectLabel, s as Card, st as SelectTrigger, tt as SelectGroup, u as CardFooter, ut as Skeleton, v as DialogDescription, vt as TableCaption, w as DialogTrigger, wt as Tabs, x as DialogOverlay, xt as TableHead, y as DialogFooter, yt as TableCell, z as DropdownMenuSubTrigger, zt as badgeVariants } from "./primitives-Db_ASpuT.js";
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
 import { C as WorkspaceLayout, S as DirectoryPane, _ as formatRelativeAge, a as TaskBoard, b as StatusBar, c as SandboxWorkbench, d as createShellShouldRevalidate, f as shellShouldRevalidate, g as useOptimisticSessionItems, h as dispatchSessionCreated, i as CalendarView, l as WorkspaceArtifactView, m as SESSION_CREATED_EVENT, n as WorkspaceFilesPane, o as AuditResults, p as SessionSidebar, r as ApprovalQueue, s as AgentWorkbench, t as ArtifactPane, u as SessionActivityMonitor, v as RuntimePane, x as StatusBanner, y as TerminalPanel } from "./workspace-CjeZTLPQ.js";
-import { $ as SidebarRailHeader, A as ResourceSnapshot, B as RailExpandable, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as parseInsufficientBalance, G as RailThemeToggle, H as RailHeader, I as CreditBalance, J as SidebarPanel, K as Sidebar, L as ProfileAvatar, M as ClusterStatusBar, N as INSUFFICIENT_BALANCE_CODE, O as canAdminSandbox, P as OutOfCreditsModal, Q as SidebarRailFooter, R as RailButton, S as BackendSelector, T as SandboxTable, U as RailModeButton, V as RailFlyout, W as RailSeparator, X as SidebarPanelHeader, Y as SidebarPanelContent, Z as SidebarRail, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_RAIL_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as useSidebar, d as VariantList, et as SidebarRailNav, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as SIDEBAR_RAIL_LABELED_WIDTH, j as ResourceMeter, k as ActivityFeed, l as UsageSummary, m as ProfileSelector, n as PromoBanner, nt as SIDEBAR_MOBILE_WIDTH, o as ProcessList, ot as SIDEBAR_TOTAL_WIDTH, p as ProfileComparison, q as SidebarContent, r as SnapshotList, rt as SIDEBAR_PANEL_WIDTH, s as PortsList, st as SidebarProvider, t as InfoPanel, tt as RailTooltip, u as SystemLogsViewer, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as RailCollapseToggle } from "./dashboard-C2VXLIQC.js";
+import { $ as SidebarRailHeader, A as ResourceSnapshot, B as RailExpandable, C as PlanCards, D as SandboxCard, E as NewSandboxCard, F as parseInsufficientBalance, G as RailThemeToggle, H as RailHeader, I as CreditBalance, J as SidebarPanel, K as Sidebar, L as ProfileAvatar, M as ClusterStatusBar, N as INSUFFICIENT_BALANCE_CODE, O as canAdminSandbox, P as OutOfCreditsModal, Q as SidebarRailFooter, R as RailButton, S as BackendSelector, T as SandboxTable, U as RailModeButton, V as RailFlyout, W as RailSeparator, X as SidebarPanelHeader, Y as SidebarPanelContent, Z as SidebarRail, _ as HARNESS_OPTIONS, a as NetworkConfig, at as SIDEBAR_RAIL_WIDTH, b as HARNESS_BRAND, c as GitPanel, ct as useSidebar, d as VariantList, et as SidebarRailNav, f as MetricAreaChart, g as DashboardLayout, h as SidebarLayout, i as BackendConfig, it as SIDEBAR_RAIL_LABELED_WIDTH, j as ResourceMeter, k as ActivityFeed, l as UsageSummary, m as ProfileSelector, n as PromoBanner, nt as SIDEBAR_MOBILE_WIDTH, o as ProcessList, ot as SIDEBAR_TOTAL_WIDTH, p as ProfileComparison, q as SidebarContent, r as SnapshotList, rt as SIDEBAR_PANEL_WIDTH, s as PortsList, st as SidebarProvider, t as InfoPanel, tt as RailTooltip, u as SystemLogsViewer, v as HarnessPicker, w as InvoiceTable, x as HarnessLogo, y as chatCapableHarnesses, z as RailCollapseToggle } from "./dashboard-2z8THYrD.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as PricingPage, i as UsageChart, n as SandboxPageShell, o as formatPrice, r as TemplateCard, s as BillingDashboard, t as DashboardPageHeader } from "./page-layout-DJV7cbxx.js";
 import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";

package/dist/{node-output-D-fYilAu.js → node-output-D_m-vmHB.js}

@@ -1279,6 +1279,35 @@ const TONE_ACCENT = {
 	structural: "var(--surface-warning-text)",
 	action: "hsl(var(--muted-foreground))"
 };
+/** Per-KIND resting accents. A tone is layout vocabulary; a kind is identity:
+*  without this map every action node rests in the same neutral gray, and a
+*  pipeline of agent steps reads as one flat field against the canvas. Each
+*  accent is a semantic token (theme-reactive, defined by the host app), never
+*  a palette literal:
+*    agent.run          primary indigo — the workhorse carries the brand
+*    script.run         info           — code/compute
+*    sandbox.*          success        — provisioned infrastructure
+*    integration/notify info           — the outside world
+*  Run state still wins when a run is live: statusBorder recolors the border
+*  and the glow, so the resting identity never competes with the run's front. */
+const KIND_ACCENT = {
+	"agent.run": "hsl(var(--primary))",
+	"script.run": "var(--surface-info-text)",
+	"sandbox.spawn": "var(--surface-success-text)",
+	"sandbox.snapshot": "var(--surface-success-text)",
+	"integration.invoke": "var(--surface-info-text)",
+	"line.send": "var(--surface-info-text)",
+	notify: "var(--surface-info-text)"
+};
+/** The accent a node presents at rest: its kind's identity when it has one,
+*  its tone otherwise (trigger/structural keep their tone-driven accents). */
+function kindAccent(tone, kind) {
+	return (kind !== void 0 ? KIND_ACCENT[kind] : void 0) ?? TONE_ACCENT[tone];
+}
+/** Resting elevation: the quiet card still sits ON the canvas rather than in
+*  it. Foreground-token shadows so both themes get depth without a dark-mode
+*  black box. */
+const RESTING_SHADOW = "0 1px 2px hsl(var(--foreground) / 0.08), 0 10px 28px -16px hsl(var(--foreground) / 0.28)";
 const STATUS_QUEUED = "hsl(var(--muted-foreground))";
 const STATUS_COLOR = {
 	queued: STATUS_QUEUED,
@@ -1577,7 +1606,7 @@ function NodeMark({ kind, provider, model, accent, tile }) {
 		style: {
 			width: tile,
 			height: tile,
-			background: `color-mix(in srgb, ${accent} 10%, hsl(var(--card)))`
+			background: `color-mix(in srgb, ${accent} 14%, hsl(var(--card)))`
 		},
 		children: provider ? /* @__PURE__ */ jsx(ProviderIcon, {
 			id: provider,
@@ -1772,4 +1801,4 @@ function NodeOutputBody({ shape, rows = 2, tone = "default" }) {
 	});
 }
 //#endregion
-export { actionPathLabel as A, branchNodeId as C, triggerNodeIndex as D, triggerNodeId as E, fmtCost as F, fmtDuration as I, fmtTokens as L, parseActionPath as M, shortModel as N, wfEdgeId as O, clampPreview as P, actionNodeId as S, isStructuralKind as T, problemSurface as _, NodeMark as a, COMPACT_NODE_SIZE as b, STATUS_COLOR as c, StatusFooter as d, StatusPill as f, problemBorder as g, emptySlotLabel as h, KIND_ICON as i, humanizeIdentifier as j, worstSeverity as k, STATUS_LABEL as l, edgeColor as m, classifyOutput as n, ProblemMarker as o, TONE_ACCENT as p, condenseText as r, ProblemMessages as s, NodeOutputBody as t, STATUS_PILL as u, problemTitle as v, buildWorkflowGraph as w, TRIGGER_NODE_ID as x, statusBorder as y };
+export { worstSeverity as A, actionNodeId as C, triggerNodeId as D, isStructuralKind as E, clampPreview as F, fmtCost as I, fmtDuration as L, humanizeIdentifier as M, parseActionPath as N, triggerNodeIndex as O, shortModel as P, fmtTokens as R, TRIGGER_NODE_ID as S, buildWorkflowGraph as T, problemBorder as _, NodeMark as a, statusBorder as b, RESTING_SHADOW as c, STATUS_PILL as d, StatusFooter as f, kindAccent as g, emptySlotLabel as h, KIND_ICON as i, actionPathLabel as j, wfEdgeId as k, STATUS_COLOR as l, edgeColor as m, classifyOutput as n, ProblemMarker as o, StatusPill as p, condenseText as r, ProblemMessages as s, NodeOutputBody as t, STATUS_LABEL as u, problemSurface as v, branchNodeId as w, COMPACT_NODE_SIZE as x, problemTitle as y };

package/dist/styles.css

@@ -5592,8 +5592,8 @@
   --surface-warning-bg: #4b4232;
   --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #533f3e;
-  --surface-danger-border: #86524e;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;

package/dist/tokens.css

@@ -200,8 +200,8 @@
   --surface-warning-bg: #4b4232;
   --surface-warning-border: #7a6236;
   --surface-warning-text: #f4c14f;
-  --surface-danger-bg: #533f3e;
-  --surface-danger-border: #86524e;
+  --surface-danger-bg: #5a3b40;
+  --surface-danger-border: #7d4d53;
   --surface-danger-text: #ffada9;
   --surface-info-bg: #2d4e67;
   --surface-info-border: #3d7292;

package/dist/{workbench-BAPaCOCB.js → workbench-HbWxUqrR.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { s as PortsList } from "./dashboard-C2VXLIQC.js";
+import { s as PortsList } from "./dashboard-2z8THYrD.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";

package/dist/workbench.js

@@ -1,3 +1,3 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-BAPaCOCB.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-HbWxUqrR.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workflows.js

@@ -1,5 +1,5 @@
 import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
-import { A as actionPathLabel, C as branchNodeId, D as triggerNodeIndex, E as triggerNodeId, M as parseActionPath, N as shortModel, S as actionNodeId, a as NodeMark, c as STATUS_COLOR, f as StatusPill, i as KIND_ICON, j as humanizeIdentifier, l as STATUS_LABEL, n as classifyOutput, r as condenseText, t as NodeOutputBody, u as STATUS_PILL, w as buildWorkflowGraph, x as TRIGGER_NODE_ID } from "./node-output-D-fYilAu.js";
+import { C as actionNodeId, D as triggerNodeId, M as humanizeIdentifier, N as parseActionPath, O as triggerNodeIndex, P as shortModel, S as TRIGGER_NODE_ID, T as buildWorkflowGraph, a as NodeMark, d as STATUS_PILL, i as KIND_ICON, j as actionPathLabel, l as STATUS_COLOR, n as classifyOutput, p as StatusPill, r as condenseText, t as NodeOutputBody, u as STATUS_LABEL, w as branchNodeId } from "./node-output-D_m-vmHB.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Component, Suspense, lazy, useMemo, useState } from "react";
 //#region src/workflows/WorkflowGraphLazy.tsx
@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 	});
 }
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-B4mkYGe3.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-i6XZ90Ae.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
 	state = { hasError: false };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.123.1",
+  "version": "0.123.3",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -127,7 +127,7 @@
     "@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.10.2",
+    "@tangle-network/brand": "^1.10.3",
     "@tangle-network/ui": "^11.16.6",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
@@ -213,7 +213,7 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "1.10.2",
+    "@tangle-network/brand": "1.10.3",
     "@tangle-network/ui": "11.16.6",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",