@tangle-network/sandbox-ui 7.0.1 → 7.0.3

package/dist/{dashboard-exTS8tta.js → dashboard-CYWLMJEA.js}

@@ -9,7 +9,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { useEffect, useId, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { Activity, ArrowRight, BarChart2, Bell, Bot, Box, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, ExternalLink, File, FileEdit, FilePlus, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RotateCcw, Skull, Terminal, Trash2, User, Users } from "lucide-react";
+import { Activity, ArrowRight, BarChart2, Bell, Bot, Box, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, ExternalLink, File, FileEdit, FilePlus, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, LogOut, MemoryStick, MessageSquare, Monitor, Moon, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RotateCcw, Settings, Skull, Sun, Terminal, Trash2, User, Users } from "lucide-react";
 import { focusField, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
 import * as Select$1 from "@radix-ui/react-select";
 // src/dashboard/sidebar-context.tsx
@@ -242,117 +242,6 @@ function getInitials(name, email) {
 	if (email) return email[0].toUpperCase();
 	return "?";
 }
-function SettingsIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		children: [
-			/* @__PURE__ */ jsx("title", { children: "Settings icon" }),
-			/* @__PURE__ */ jsx("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "3"
-			})
-		]
-	});
-}
-function LogOutIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		children: [
-			/* @__PURE__ */ jsx("title", { children: "Log out icon" }),
-			/* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-			/* @__PURE__ */ jsx("polyline", { points: "16,17 21,12 16,7" }),
-			/* @__PURE__ */ jsx("line", {
-				x1: "21",
-				x2: "9",
-				y1: "12",
-				y2: "12"
-			})
-		]
-	});
-}
-function SunIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		children: [
-			/* @__PURE__ */ jsx("title", { children: "Light mode icon" }),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "12",
-				cy: "12",
-				r: "4"
-			}),
-			/* @__PURE__ */ jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" })
-		]
-	});
-}
-function MoonIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		children: [/* @__PURE__ */ jsx("title", { children: "Dark mode icon" }), /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })]
-	});
-}
-function PanelToggleButton({ collapsed, onToggle, className }) {
-	const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		onClick: onToggle,
-		"aria-label": label,
-		"aria-pressed": collapsed,
-		title: label,
-		className: cn$1("flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors", MOTION_CONTROL, "hover:bg-[var(--accent-surface-soft)] hover:text-foreground", focusRing, className),
-		children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-[18px] w-[18px] shrink-0" })
-	});
-}
-/**
-* The redesigned rail header. Expanded: brand (left) · optional middle · panel
-* toggle (right). Collapsed: only the brand mark, which morphs into the
-* expand button on hover (brand fades out, panel glyph fades in over the same
-* box) so the collapse affordance is discoverable without spending rail width.
-* With no `brand` but `children`, the collapsed rail falls back to `children` —
-* the consumer's header content is then the only mark it has.
-* Renders a bordered `ShellHeader` row, so its divider is the line every main-pane
-* header meets — drop it in at the top of {@link SidebarRail}.
-*/
-/**
-* React renders nothing for `null`, `undefined`, booleans, empty (or
-* all-empty) arrays and fragments whose children are all of those, so a
-* caller's `logo={cond && <Logo />}`, `logo={maybeLogo}`, `logo={items.map(...)}`
-* or `logo={<>{cond && <Logo />}</>}` can arrive here as a node that paints
-* nothing. Those must count as "no brand": a strict `undefined` check would
-* drop `railHeaderContent` from the collapsed rail for exactly them.
-* `Children.toArray` applies React's own rule (drops the empties, flattens
-* nested arrays) but keeps a fragment as one opaque child, so fragments are
-* recursed into by hand to stay aligned with what actually renders.
-*/
 function isRenderable(node) {
 	return React$1.Children.toArray(node).some((child) => React$1.isValidElement(child) && child.type === React$1.Fragment ? isRenderable(child.props.children) : true);
 }
@@ -360,6 +249,8 @@ function RailHeader({ brand, brandHref, children, collapsed, onToggle, collapsib
 	const Link = LinkComponent ?? DefaultLink$2;
 	const hasBrand = isRenderable(brand);
 	const hasChildren = isRenderable(children);
+	const overlay = collapsed && !hasBrand && hasChildren;
+	const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
 	const brandNode = brandHref !== void 0 ? /* @__PURE__ */ jsx(Link, {
 		href: brandHref,
 		to: brandHref,
@@ -370,43 +261,35 @@ function RailHeader({ brand, brandHref, children, collapsed, onToggle, collapsib
 		className: "flex items-center justify-center p-1",
 		children: brand
 	});
-	return /* @__PURE__ */ jsx(ShellHeader, {
+	return /* @__PURE__ */ jsxs(ShellHeader, {
 		divider: false,
 		className: cn$1("border-b border-[var(--md3-outline-variant)] bg-transparent", collapsed ? "justify-center px-2" : "gap-2 px-3", className),
-		children: collapsed ? !hasBrand && hasChildren ? /* @__PURE__ */ jsxs("div", {
-			className: "relative flex min-w-0 items-center justify-center",
-			children: [children, collapsible && /* @__PURE__ */ jsx(PanelToggleButton, {
-				collapsed,
-				onToggle,
-				className: "pointer-events-none absolute inset-0 m-auto bg-background opacity-0 focus-visible:pointer-events-auto focus-visible:opacity-100"
-			})]
-		}) : collapsible ? /* @__PURE__ */ jsx(RailTooltip, {
-			label: "Expand sidebar",
-			children: /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				onClick: onToggle,
-				"aria-label": "Expand sidebar",
-				"aria-pressed": true,
-				className: cn$1("group/brand relative flex h-9 w-9 items-center justify-center rounded-md transition-colors hover:bg-[var(--accent-surface-soft)]", focusRing, MOTION_CONTROL),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: cn$1("flex items-center justify-center transition-opacity group-hover/brand:opacity-0", MOTION_CONTROL),
-					children: brand
-				}), /* @__PURE__ */ jsx("span", {
-					className: cn$1("pointer-events-none absolute inset-0 flex items-center justify-center text-foreground opacity-0 transition-opacity group-hover/brand:opacity-100", MOTION_CONTROL),
-					children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-[18px] w-[18px]" })
-				})]
-			})
-		}) : brandNode : /* @__PURE__ */ jsxs(Fragment, { children: [
-			hasBrand && brandNode,
-			/* @__PURE__ */ jsx("div", {
-				className: "min-w-0 flex-1",
+		children: [hasBrand && !collapsed && brandNode, /* @__PURE__ */ jsxs("div", {
+			className: collapsed ? "relative flex min-w-0 items-center justify-center" : "contents",
+			children: [(!collapsed || !hasBrand) && /* @__PURE__ */ jsx("div", {
+				className: collapsed ? void 0 : "min-w-0 flex-1",
 				children
-			}),
-			collapsible && /* @__PURE__ */ jsx(PanelToggleButton, {
-				collapsed,
-				onToggle
-			})
-		] })
+			}), collapsible ? /* @__PURE__ */ jsx(RailTooltip, {
+				label,
+				disabled: !collapsed || overlay,
+				className: overlay ? "pointer-events-none absolute inset-0 m-auto items-center justify-center" : void 0,
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: onToggle,
+					"aria-label": label,
+					"aria-pressed": collapsed,
+					title: collapsed ? void 0 : label,
+					className: cn$1("flex shrink-0 items-center justify-center rounded-md transition-colors hover:bg-[var(--accent-surface-soft)]", MOTION_CONTROL, focusRing, collapsed && hasBrand ? "group/brand relative h-9 w-9" : "h-8 w-8 text-muted-foreground hover:text-foreground", overlay && "pointer-events-none bg-background opacity-0 focus-visible:pointer-events-auto focus-visible:opacity-100"),
+					children: [collapsed && hasBrand && /* @__PURE__ */ jsx("span", {
+						className: cn$1("flex items-center justify-center transition-opacity group-hover/brand:opacity-0 group-focus-visible/brand:opacity-0", MOTION_CONTROL),
+						children: brand
+					}), /* @__PURE__ */ jsx("span", {
+						className: collapsed && hasBrand ? cn$1("pointer-events-none absolute inset-0 flex items-center justify-center text-foreground opacity-0 transition-opacity group-hover/brand:opacity-100 group-focus-visible/brand:opacity-100", MOTION_CONTROL) : void 0,
+						children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-[18px] w-[18px] shrink-0" })
+					})]
+				})
+			}) : collapsed && hasBrand ? brandNode : null]
+		})]
 	});
 }
 function Sidebar({ children, className, style }) {
@@ -470,9 +353,18 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
 		className: "text-sm font-medium",
 		children: label
 	})] });
+	let trigger = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		"aria-label": label,
+		"aria-description": accessibleDescription,
+		className: classes,
+		style,
+		children: content
+	});
 	if (asChild && React$1.isValidElement(children)) {
 		const child = children;
-		const merged = React$1.cloneElement(child, {
+		trigger = React$1.cloneElement(child, {
 			className: cn$1(classes, child.props.className),
 			"aria-label": child.props["aria-label"] ?? label,
 			"aria-description": child.props["aria-description"] ?? accessibleDescription,
@@ -482,37 +374,15 @@ function RailButton({ icon: Icon, label, isActive, badge, badgeLabel = defaultBa
 				...style
 			}
 		}, content);
-		return /* @__PURE__ */ jsx(RailTooltip, {
-			label: tooltipLabel,
-			description,
-			disabled: tooltipDisabled,
-			className: showLabel ? "w-full" : void 0,
-			children: merged
-		});
 	}
 	return /* @__PURE__ */ jsx(RailTooltip, {
 		label: tooltipLabel,
 		description,
 		disabled: tooltipDisabled,
 		className: showLabel ? "w-full" : void 0,
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick,
-			"aria-label": label,
-			"aria-description": accessibleDescription,
-			className: classes,
-			style,
-			children: content
-		})
+		children: trigger
 	});
 }
-/**
-* A rail entry that reveals its sub-surfaces in a small panel anchored to the
-* RIGHT of the rail item, rather than pushing the rail open with an inline
-* accordion. Opens on click, closes on outside-click, Escape, or selecting an
-* item inside it. Use for a single "door" (e.g. Studio) that fronts several
-* related destinations without permanently spending rail height on them.
-*/
 function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title, children, className, style }) {
 	const [open, setOpen] = React$1.useState(false);
 	const ref = React$1.useRef(null);
@@ -555,7 +425,7 @@ function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title
 						className: "text-sm font-medium",
 						children: label
 					}),
-					showLabel && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn$1("ml-auto h-4 w-4 shrink-0 text-muted-foreground/60 transition-transform", MOTION_CONTROL, open && "rotate-180") })
+					showLabel && /* @__PURE__ */ jsx(ChevronRight, { className: cn$1("ml-auto h-4 w-4 shrink-0 text-muted-foreground/60 transition-transform", MOTION_CONTROL, open && "rotate-180") })
 				]
 			})
 		}), open && /* @__PURE__ */ jsxs("div", {
@@ -578,19 +448,6 @@ function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title
 		})]
 	});
 }
-function ChevronRightIcon({ className }) {
-	return /* @__PURE__ */ jsxs("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		className,
-		children: [/* @__PURE__ */ jsx("title", { children: "Expand" }), /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })]
-	});
-}
 function useExpandableItems(subItems, loadSubItems) {
 	const [items, setItems] = React$1.useState(subItems ?? null);
 	const [loading, setLoading] = React$1.useState(false);
@@ -630,14 +487,6 @@ function SubItemsSkeleton() {
 		].map((w, i) => /* @__PURE__ */ jsx(Skeleton, { className: cn$1("h-4", w) }, i))
 	});
 }
-/**
-* A nav item that reveals sub-items. On the labeled rail it expands inline as an
-* accordion: the leading icon and chevron remain visible, their shared button
-* toggles the list, and clicking the label navigates (`href`). On the
-* icon-only rail it shows the sub-items in a right-anchored flyout on hover.
-* Sub-items can be fixed (`subItems`) or lazy (`loadSubItems`, with a loading
-* skeleton). Used for e.g. a "History" entry fronting recent sessions.
-*/
 function RailExpandable({ icon: Icon, label, description, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel = "Nothing here yet", defaultOpen, onNavigate, LinkComponent, className, style }) {
 	const Link = LinkComponent ?? DefaultLink$2;
 	const [open, setOpen] = React$1.useState(defaultOpen ?? false);
@@ -846,31 +695,26 @@ function RailExpandable({ icon: Icon, label, description, href, isActive, showLa
 					children: [/* @__PURE__ */ jsx(Icon, {
 						className: "h-[17px] w-[17px] shrink-0",
 						"aria-hidden": true
-					}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+					}), /* @__PURE__ */ jsx(ChevronRight, {
 						className: cn$1("h-3.5 w-3.5 shrink-0 transition-transform", MOTION_CONTROL, open && "rotate-90"),
 						"aria-hidden": true
 					})]
-				}), href ? /* @__PURE__ */ jsx(Link, {
-					href,
-					to: href,
-					onClick: onNavigate,
-					"aria-current": rowCurrent,
-					"aria-description": description,
-					className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-sm font-medium",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: label
-					})
-				}) : /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: toggle,
+				}), React$1.createElement(href ? Link : "button", {
+					...href ? {
+						href,
+						to: href,
+						onClick: onNavigate,
+						"aria-current": rowCurrent
+					} : {
+						type: "button",
+						onClick: toggle
+					},
 					"aria-description": description,
-					className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-left text-sm font-medium",
-					children: /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: label
-					})
-				})]
+					className: cn$1("flex h-9 min-w-0 flex-1 items-center pr-2.5 text-sm font-medium", !href && "text-left")
+				}, /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: label
+				}))]
 			})
 		}), /* @__PURE__ */ jsx("div", {
 			ref: discloseRef,
@@ -939,11 +783,11 @@ function SidebarContent({ children, className }) {
 const APPEARANCE_META = {
 	light: {
 		label: "Light",
-		Icon: SunIcon
+		Icon: Sun
 	},
 	dark: {
 		label: "Dark",
-		Icon: MoonIcon
+		Icon: Moon
 	},
 	system: {
 		label: "System",
@@ -966,7 +810,7 @@ function AppearanceMenuSection({ appearance, divider = true }) {
 		return () => mq.removeEventListener("change", onChange);
 	}, []);
 	const resolved = appearance.value === "system" ? systemDark ? "dark" : "light" : appearance.value;
-	const TriggerIcon = resolved === "dark" ? MoonIcon : SunIcon;
+	const TriggerIcon = resolved === "dark" ? Moon : Sun;
 	const caption = appearance.value === "system" ? `System (${resolved === "dark" ? "Dark" : "Light"})` : APPEARANCE_META[appearance.value].label;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [divider && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [/* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { children: [/* @__PURE__ */ jsx("span", {
 		"aria-hidden": "true",
@@ -1081,7 +925,7 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 			}),
 			onSettingsClick ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
 				onClick: onSettingsClick,
-				children: [/* @__PURE__ */ jsx(SettingsIcon, {
+				children: [/* @__PURE__ */ jsx(Settings, {
 					className: "mr-2 h-4 w-4",
 					"aria-hidden": "true"
 				}), "Settings"]
@@ -1091,7 +935,7 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 					href: settingsHref,
 					to: settingsHref,
 					className: "flex items-center",
-					children: [/* @__PURE__ */ jsx(SettingsIcon, {
+					children: [/* @__PURE__ */ jsx(Settings, {
 						className: "mr-2 h-4 w-4",
 						"aria-hidden": "true"
 					}), "Settings"]
@@ -1100,7 +944,7 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 			onLogout && /* @__PURE__ */ jsxs(Fragment, { children: [(children || appearance || onSettingsClick || settingsHref !== null) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
 				className: "text-[var(--surface-danger-text)]",
 				onClick: onLogout,
-				children: [/* @__PURE__ */ jsx(LogOutIcon, {
+				children: [/* @__PURE__ */ jsx(LogOut, {
 					className: "mr-2 h-4 w-4",
 					"aria-hidden": "true"
 				}), "Sign Out"]

package/dist/dashboard.d.ts

@@ -1,4 +1,4 @@
-import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-CZGOlm0p.js";
+import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-CPzJzKOZ.js";
 import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-ZwVS49Fq.js";
 import { a as PricingPageProps, c as BillingBalance, d as BillingSubscription, f as BillingUsage, i as PricingPage, l as BillingDashboard, n as UsageChartProps, o as PricingTier, r as UsageDataPoint, s as formatPrice, t as UsageChart, u as BillingDashboardProps } from "./usage-chart-BFpdkqNq.js";
 export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AppearanceController, type Backend, BackendSelector, type BackendSelectorProps, type BillingBalance, BillingDashboard, type BillingDashboardProps, type BillingSubscription, type BillingUsage, DashboardLayout, type DashboardLayoutProps, DashboardPageHeader, type DashboardPageHeaderProps, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, type HarnessType, INSUFFICIENT_BALANCE_CODE, type InsufficientBalance, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type ModelBrandIdentity, ModelBrandStack, type ModelInfo, type NavItem, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, PortsList, type PortsListProps, PricingPage, type PricingPageProps, type PricingTier, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, PromoBanner, type PromoBannerProps, ProviderMark, RailButton, type RailButtonProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailTooltip, type RailTooltipProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, SandboxPageShell, type SandboxPageShellProps, type SandboxStatus, SandboxStatusPill, type SandboxStatusPillProps, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, 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, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, TemplateCard, type TemplateCardData, type TemplateCardProps, type ThemeMode, UsageChart, type UsageChartProps, type UsageDataPoint, UsageSummary, type UsageSummaryData, type UsageSummaryProps, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-exTS8tta.js";
+import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-CYWLMJEA.js";
 import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
 import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-CuOpvZys.js";
 export { ActivityFeed, BackendSelector, BillingDashboard, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, MetricAreaChart, ModelBrandStack, NewSandboxCard, OutOfCreditsModal, PortsList, PricingPage, ProcessList, ProfileAvatar, PromoBanner, ProviderMark, RailButton, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailTooltip, ResourceMeter, ResourceSnapshot, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxPageShell, SandboxStatusPill, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

package/dist/globals.css

@@ -4688,6 +4688,12 @@
   .group-focus-visible\:bg-ring:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--ring));
   }
+  .group-focus-visible\/brand\:opacity-0:is(:where(.group\/brand):focus-visible *) {
+    opacity: 0%;
+  }
+  .group-focus-visible\/brand\:opacity-100:is(:where(.group\/brand):focus-visible *) {
+    opacity: 100%;
+  }
   .group-data-\[state\=indeterminate\]\/checkbox\:block:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
     display: block;
   }

package/dist/{index-CZGOlm0p.d.ts → index-CPzJzKOZ.d.ts}

@@ -10,43 +10,18 @@ interface SidebarUser {
   tier?: string;
   avatarUrl?: string;
 }
-/** Theme modes offered by the account menu's Appearance section. */
 type ThemeMode = "light" | "dark" | "system";
-/**
- * Host-supplied controller for the account-menu Appearance section. The rail is
- * theme-engine-agnostic: each app wires this to its own theme hook (gtm-agent
- * uses the shared `useTheme`; the sandbox app uses its `vault`-aware
- * `useThemeMode`). Provide it to {@link ProfileAvatar} to render Light/Dark/System.
- */
 interface AppearanceController {
   value: ThemeMode;
   onChange: (mode: ThemeMode) => void;
-  /** Which modes to offer, in order. Defaults to all three. */
   modes?: ThemeMode[];
 }
 interface RailHeaderProps {
-  /** Brand mark shown on the left, e.g. `<Logo iconOnly />`. */
   brand?: React$1.ReactNode;
-  /** Destination for the brand link. When set with `LinkComponent`, the brand is a link. */
   brandHref?: string;
-  /**
-   * Optional middle content (e.g. a project/workspace switcher).
-   *
-   * When `brand` is set, this is expanded-only — the collapsed rail has room
-   * for the mark alone. When `brand` is NOT set this content owns the rail top
-   * in BOTH states, so it is also rendered collapsed; read `useSidebar()` to
-   * swap in a compact mark there.
-   */
   children?: React$1.ReactNode;
-  /** Whether the rail is collapsed (icon-only). */
   collapsed: boolean;
-  /** Collapse/expand the rail. */
   onToggle: () => void;
-  /**
-   * Whether the rail can collapse/expand. When `false`, no panel toggle is
-   * rendered and the collapsed header shows the brand without the hover-morph.
-   * Defaults to `true`.
-   */
   collapsible?: boolean;
   LinkComponent?: React$1.ComponentType<any>;
   className?: string;
@@ -61,22 +36,12 @@ declare function Sidebar({ children, className, style }: SidebarProps): React$1.
 interface SidebarRailProps {
   children: React$1.ReactNode;
   className?: string;
-  /**
-   * Render the rail at the wider mobile-drawer width so labels fit
-   * beside the icons. Defaults to the 64px icon-only rail used on
-   * desktop.
-   */
   wide?: boolean;
 }
 declare function SidebarRail({ children, className, wide }: SidebarRailProps): React$1.JSX.Element;
 interface SidebarRailNavProps {
   children: React$1.ReactNode;
   className?: string;
-  /**
-   * Click handler on the `<nav>` itself. Layouts use it (with a
-   * `target === currentTarget` guard) so clicking the empty body of a collapsed
-   * rail expands it, without intercepting clicks on the nav items.
-   */
   onClick?: React$1.MouseEventHandler<HTMLElement>;
 }
 declare function SidebarRailNav({ children, className, onClick }: SidebarRailNavProps): React$1.JSX.Element;
@@ -96,42 +61,14 @@ interface RailButtonProps {
   label: string;
   isActive?: boolean;
   badge?: number;
-  /**
-   * Describes the badge count to assistive tech and in the icon-only rail's
-   * tooltip, e.g. `(n) => \`${n} running\``. Defaults to `"<n> new"`.
-   */
   badgeLabel?: (count: number) => string;
   onClick?: () => void;
   className?: string;
-  /** Show label text next to icon (for mobile drawer) */
   showLabel?: boolean;
-  /**
-   * One line saying what the destination is for, e.g. "Every past agent run".
-   * Shown in the hover tooltip under the label (the labeled rail shows the
-   * tooltip only when a description exists) and announced as the link's
-   * accessible description, so an unfamiliar nav item explains itself.
-   */
   description?: string;
-  /**
-   * Render the rail-button styling onto a single child element (e.g. a router
-   * `<Link>`) instead of an inner `<button>`. The child receives the button
-   * classes, `title`, and the icon/label/badge as its content — so navigation
-   * items stay real anchors (keyboard, cmd-click, prefetch) without copying the
-   * class recipe or nesting `<a><button>`.
-   */
   asChild?: boolean;
   children?: React$1.ReactNode;
-  /**
-   * `"primary"` gives the item a distinct emphasized pill (accent fill + accent
-   * border) so it stands out from the rest of the nav, e.g. a "New" action.
-   * Defaults to `"normal"`.
-   */
   variant?: "normal" | "primary";
-  /**
-   * Inline style for the rendered row. Layouts use it to set `--stagger-index`
-   * so a rail of nav items arrives as a sequence rather than a flash; the
-   * variable has to land on the animated element itself, which is this one.
-   */
   style?: React$1.CSSProperties;
 }
 declare function RailButton({ icon: Icon, label, isActive, badge, badgeLabel, onClick, className, showLabel, description, asChild, children, variant, style }: RailButtonProps): React$1.JSX.Element;
@@ -140,40 +77,24 @@ interface RailFlyoutProps {
     className?: string;
   }>;
   label: string;
-  /** Explains this destination in accessible text and its tooltip or open flyout. */
   description?: string;
-  /** Highlight the trigger (e.g. when a child route is active). */
   isActive?: boolean;
-  /** Show the label text beside the icon (labeled rail) vs. icon-only. */
   showLabel?: boolean;
-  /** Heading rendered at the top of the open flyout. Defaults to `label`. */
   title?: string;
-  /** Flyout body — the sub-surfaces revealed when the item is opened. */
   children: React$1.ReactNode;
   className?: string;
-  /** @see {@link RailButtonProps.style} — carries `--stagger-index` in a rail. */
   style?: React$1.CSSProperties;
 }
-/**
- * A rail entry that reveals its sub-surfaces in a small panel anchored to the
- * RIGHT of the rail item, rather than pushing the rail open with an inline
- * accordion. Opens on click, closes on outside-click, Escape, or selecting an
- * item inside it. Use for a single "door" (e.g. Studio) that fronts several
- * related destinations without permanently spending rail height on them.
- */
 declare function RailFlyout({ icon: Icon, label, description, isActive, showLabel, title, children, className, style }: RailFlyoutProps): React$1.JSX.Element;
-/** A single entry in a sub-item's hover actions menu (kebab). */
 interface RailSubItemAction {
   id: string;
   label: string;
   icon?: React$1.ComponentType<{
     className?: string;
   }>;
-  /** Style the item as a destructive action (e.g. delete). */
   destructive?: boolean;
   onSelect: () => void;
 }
-/** A sub-destination revealed by a {@link RailExpandable} item. */
 interface RailExpandableSubItem {
   id: string;
   label: string;
@@ -182,16 +103,9 @@ interface RailExpandableSubItem {
   }>;
   href: string;
   prefetch?: "none" | "intent" | "render" | "viewport";
-  /** Show a live working indicator on the row while the item is busy. */
   isLoading?: boolean;
-  /** Render the row emphasized (bold + accent) so it stands out — e.g. a
-   *  trailing "view all" action below a capped list. */
   emphasis?: boolean;
-  /** Mark the row as unread — bold label + a leading dot. Suppressed while
-   *  `isLoading` so a responding row shows only the working indicator. */
   unread?: boolean;
-  /** Hover-revealed kebab actions (e.g. rename/delete). Rendered on the
-   *  labeled rail only; ignored in the collapsed-rail flyout. */
   actions?: RailSubItemAction[];
 }
 interface RailExpandableProps {
@@ -199,39 +113,20 @@ interface RailExpandableProps {
     className?: string;
   }>;
   label: string;
-  /** Explains this destination in accessible text and its tooltip or open flyout. */
   description?: string;
-  /** Destination for the row itself. Clicking the label navigates here. */
   href?: string;
-  /** Highlight the row (e.g. its own route or a child route is active). */
   isActive?: boolean;
-  /** Labeled (expanded) rail vs. icon-only (collapsed) rail. */
   showLabel?: boolean;
-  /** Fixed sub-items. Mutually exclusive with `loadSubItems`. */
   subItems?: RailExpandableSubItem[];
-  /** Lazy sub-items — called once on first open; the result is cached. */
   loadSubItems?: () => Promise<RailExpandableSubItem[]>;
-  /** Start expanded on mount (labeled rail). Defaults to collapsed. */
   defaultOpen?: boolean;
-  /** Ids of sub-items whose route is active (drives sub-item highlight). */
   activeSubIds?: string[];
-  /** Shown when the resolved sub-item list is empty. */
   emptyLabel?: string;
-  /** Called when the row or a sub-item navigates (e.g. to close a mobile drawer). */
   onNavigate?: () => void;
   LinkComponent?: React$1.ComponentType<any>;
   className?: string;
-  /** @see {@link RailButtonProps.style} — carries `--stagger-index` in a rail. */
   style?: React$1.CSSProperties;
 }
-/**
- * A nav item that reveals sub-items. On the labeled rail it expands inline as an
- * accordion: the leading icon and chevron remain visible, their shared button
- * toggles the list, and clicking the label navigates (`href`). On the
- * icon-only rail it shows the sub-items in a right-anchored flyout on hover.
- * Sub-items can be fixed (`subItems`) or lazy (`loadSubItems`, with a loading
- * skeleton). Used for e.g. a "History" entry fronting recent sessions.
- */
 declare function RailExpandable({ icon: Icon, label, description, href, isActive, showLabel, subItems, loadSubItems, activeSubIds, emptyLabel, defaultOpen, onNavigate, LinkComponent, className, style }: RailExpandableProps): React$1.JSX.Element;
 interface RailModeButtonProps {
   mode: string;
@@ -240,12 +135,9 @@ interface RailModeButtonProps {
   }>;
   label: string;
   badge?: number;
-  /** @see {@link RailButtonProps.badgeLabel} */
   badgeLabel?: (count: number) => string;
   className?: string;
-  /** Show label text next to icon (for mobile drawer) */
   showLabel?: boolean;
-  /** @see {@link RailButtonProps.style} — carries `--stagger-index` in a rail. */
   style?: React$1.CSSProperties;
 }
 declare function RailModeButton({ mode, icon, label, badge, badgeLabel, className, showLabel, style }: RailModeButtonProps): React$1.JSX.Element;
@@ -275,17 +167,10 @@ interface ProfileAvatarProps {
   isLoading?: boolean;
   onLogout?: () => void;
   onSettingsClick?: () => void;
-  /** Pass null when the host has no settings destination. */
   settingsHref?: string | null;
-  /** Extra dropdown items rendered before settings/logout */
   children?: React$1.ReactNode;
   className?: string;
-  /** Show name/email beside the avatar (for a labeled rail) instead of an icon-only avatar button. */
   showDetails?: boolean;
-  /**
-   * When provided, the menu renders an Appearance section (Light/Dark/System)
-   * driven by this host-supplied controller. Omit to hide it.
-   */
   appearance?: AppearanceController;
   LinkComponent?: React$1.ComponentType<any>;
 }

package/dist/{index-Z6RCpkmT.d.ts → index-lDG84P5L.d.ts}

@@ -1,4 +1,4 @@
-import { g as ExposedPort } from "./index-CZGOlm0p.js";
+import { g as ExposedPort } from "./index-CPzJzKOZ.js";
 import { D as RichFileTreeGitStatus, E as RichFileTreeGitEntry } from "./index-BZJKLu3k.js";
 import "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess } from "./embedded-app-view-Ta5GI4hx.js";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { a as LoginLayout, c as UserMenu, d as TangleLoginButtonProps, i as GitHubLoginButtonProps, l as UserMenuProps, n as AuthHeaderProps, o as LoginLayoutProps, r as GitHubLoginButton, s as SessionUser, t as AuthHeader, u as TangleLoginButton } from "./index-BbfWVtZq.js";
 import { $ as AgentProfilePicker, A as SpeakerSection, B as partitionBySpeaker, C as MessageList, D as SpeakerHeader, E as Speaker, F as UserMessage, G as ArtifactDockStreamEvent, H as ArtifactAgentDockProps, I as UserMessageProps, J as modelProvider, K as ArtifactKind, L as agentTimelineStepKind, M as TRANSCRIPT_TEXT, N as ThinkingIndicator, O as SpeakerHeaderProps, P as ThinkingIndicatorProps, Q as AgentProfileOption, R as foldSummary, S as MessageAuthorProps, T as MessageRole, U as ArtifactAgentDockTransport, V as ArtifactAgentDock, W as ArtifactDockMessage, X as AgentProfileCapability, Y as snapHarnessToModel, Z as AgentProfileDraft, _ as ChatContainer, a as AgentTimelineFoldItem, at as ReasoningLevelPicker, b as ChatMessageProps, c as AgentTimelineProps, d as AgentTimelineStepKind, et as AgentProfilePickerProps, f as AgentTimelineStepProps, g as ChatAuthor, h as AgentTimelineToolItem, i as AgentTimelineCustomItem, it as ReasoningLevelOption, j as SpeakerState, k as SpeakerPart, l as AgentTimelineStatusItem, m as AgentTimelineToolGroupItem, n as AgentTimelineArtifactItem, nt as HARNESS_REASONING_OPTIONS, o as AgentTimelineItem, ot as ReasoningLevelPickerProps, p as AgentTimelineTone, q as ArtifactScope, r as AgentTimelineColumn, rt as ReasoningLevel, s as AgentTimelineMessageItem, t as AgentTimeline, tt as DEFAULT_REASONING_LEVEL_OPTIONS, u as AgentTimelineStep, v as ChatContainerProps, w as MessageListProps, x as MessageAuthor, y as ChatMessage, z as isViewerMessage } from "./index-1Q4Jtlic.js";
-import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-CZGOlm0p.js";
+import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-CPzJzKOZ.js";
 import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-ZwVS49Fq.js";
 import { a as PricingPageProps, c as BillingBalance, d as BillingSubscription, f as BillingUsage, i as PricingPage, l as BillingDashboard, n as UsageChartProps, o as PricingTier, r as UsageDataPoint, s as formatPrice, t as UsageChart, u as BillingDashboardProps } from "./usage-chart-BFpdkqNq.js";
 import { A as configurePdfViewer, C as PdfViewerConfig, D as RichFileTreeGitStatus, E as RichFileTreeGitEntry, F as getFormatLabel, I as getSyntaxLanguage, L as parseCsv, M as fileExtension, N as filterFileTree, O as RichFileTreeProps, P as getCodeLanguage, R as resolveFilePreviewKind, S as PdfViewer, T as RichFileTree, _ as FileTabsProps, a as FileCardProps, b as FileTreeVisibilityOptions, c as FileList, d as FileNode, f as FilePreview, g as FileTabs, h as FileTabData, i as FileCard, j as detectFileFormat, k as RichFileTreeThemeVars, l as FileListItem, m as FilePreviewProps, n as FileArtifactPane, o as FileDetails, p as FilePreviewKind, r as FileArtifactPaneProps, s as FileFormat, t as CSV_PREVIEW_ROW_LIMIT, u as FileListProps, v as FileTree, w as PdfViewerProps, x as FileUploader, y as FileTreeProps } from "./index-BZJKLu3k.js";
@@ -11,7 +11,7 @@ import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthU
 import { $ as CollapsibleContent, $i as Logo, $n as Separator, $r as TabsContent, $t as FieldProps, A as BreadcrumbPage, Ai as WizardProps, An as PaginationProps, Ar as SidebarDropZone, At as DialogPortal, B as CardDescription, Bi as parseCalendarDate, Bn as SegmentedControl, Br as StatusTone, Bt as DropdownMenuLabel, C as Badge, Ci as TooltipContent, Cn as MetricStrip, Cr as SheetDescription, Ct as Dialog, D as BreadcrumbItem, Di as UploadProgress, Dn as PageShell, Dr as SheetPortal, Dt as DialogFooter, E as BreadcrumbEllipsis, Ei as UploadFile, En as PageHeaderProps, Er as SheetOverlay, Et as DialogDescription, F as Calendar, Fi as fieldMessageId, Fn as PopoverContent, Fr as Slider, Ft as DropdownMenu, G as CategoryTone, Gi as seriesMean, Gn as SelectGroup, Gr as TableCaption, Gt as DropdownMenuShortcut, H as CardHeader, Hi as seriesAreaPath, Hn as SegmentedControlProps, Hr as TONE_CLASSES, Ht as DropdownMenuRadioGroup, I as CalendarDate, Ii as formatCalendarDate, In as PopoverTrigger, Ir as StatCard, It as DropdownMenuCheckboxItem, J as Chip, Ji as useTheme, Jn as SelectScrollDownButton, Jr as TableHead, Jt as DropdownMenuSubTrigger, K as ChartReferenceLine, Ki as seriesScale, Kn as SelectItem, Kr as TableCell, Kt as DropdownMenuSub, L as CalendarProps, Li as initialsOf, Ln as Progress, Lr as StatCardProps, Lt as DropdownMenuContent, M as Button, Mi as WizardStepProps, Mn as Popover, Mr as Skeleton, Mt as DialogTrigger, N as ButtonProps, Ni as badgeVariants, Nn as PopoverAnchor, Nr as SkeletonCard, Nt as DropZone, O as BreadcrumbLink, Oi as UploadProgressProps, On as PageShellProps, Or as SheetTitle, Ot as DialogHeader, P as CATEGORY_TONES, Pi as buttonVariants, Pn as PopoverClose, Pr as SkeletonTable, Pt as DropZoneProps, Q as Collapsible, Qi as SectionTitleProps, Qn as SelectValue, Qr as Tabs, Qt as Field, R as Card, Ri as localToday, Rn as RadioGroup, Rr as StatusPill, Rt as DropdownMenuGroup, S as AvatarProps, Si as Tooltip, Sn as MetricProps, Sr as SheetContent, St as DatePickerProps, T as Breadcrumb, Ti as TooltipTrigger, Tn as PageHeader, Tr as SheetHeader, Tt as DialogContent, U as CardTitle, Ui as seriesExtent, Un as Select, Ur as Table, Ut as DropdownMenuRadioItem, V as CardFooter, Vi as periodDelta, Vn as SegmentedControlOption, Vr as Switch, Vt as DropdownMenuPortal, W as CardTitleProps, Wi as seriesLinePath, Wn as SelectContent, Wr as TableBody, Wt as DropdownMenuSeparator, X as CodeBlock, Xi as HeadingProps, Xn as SelectSeparator, Xr as TableProps, Xt as EmptyState, Y as ChipProps, Yi as useToast, Yn as SelectScrollUpButton, Yr as TableHeader, Yt as DropdownMenuTrigger, Z as CodeBlockProps, Zi as SectionTitle, Zn as SelectTrigger, Zr as TableRow, Zt as EmptyStateProps, _ as ArtifactPane, _i as ToastProvider, _n as InputProps, _r as SettingsRowProps, _t as ContextMenuSubContent, a as AlertDialogCancel, ai as TerminalDisplay, an as HelpTextProps, ar as SeriesSparklineProps, at as ContextMenu, b as AvatarFallback, bi as Toolbar, bn as MetricChart, br as Sheet, bt as CopyButton, c as AlertDialogFooter, ci as TextShimmer, cn as HoverCardDescription, cr as SettingsListColumns, ct as ContextMenuGroup, d as AlertDialogPortal, di as TextareaProps, dn as HoverCardTrigger, dr as SettingsListMenuItem, dt as ContextMenuPortal, ea as LogoProps, ei as TabsList, en as FilterField, er as SeriesExtent, et as CollapsibleTrigger, f as AlertDialogTitle, fi as ThemeToggle, fn as IconTile, fr as SettingsListProps, ft as ContextMenuRadioGroup, g as AlertTone, gi as ToastContainer, gn as Input, gr as SettingsRowLayout, gt as ContextMenuSub, h as AlertTitle, hi as Toast, hn as InlineCodeProps, hr as SettingsRow, ht as ContextMenuShortcut, i as AlertDialogAction, ii as TerminalCursor, in as HelpText, ir as SeriesSparkline, it as ComplianceStatus, j as BreadcrumbSeparator, ji as WizardStep, jn as PeriodDelta, jr as SidebarDropZoneProps, jt as DialogTitle, k as BreadcrumbList, ki as Wizard, kn as Pagination, kr as SheetTrigger, kt as DialogOverlay, l as AlertDialogHeader, li as TextShimmerProps, ln as HoverCardHeader, lr as SettingsListItem, lt as ContextMenuItem, m as AlertProps, mi as TimeSelectProps, mn as InlineCode, mr as SettingsNoteProps, mt as ContextMenuSeparator, n as AlertDescription, ni as Tag, nn as Heading, nr as SeriesPointInput, nt as ComplianceBadgeProps, o as AlertDialogContent, oi as TerminalInput, on as HoverCard, or as SettingsList, ot as ContextMenuCheckboxItem, p as AlertDialogTrigger, pi as TimeSelect, pn as IconTileProps, pr as SettingsNote, pt as ContextMenuRadioItem, q as Checkbox, qi as toneFor, qn as SelectLabel, qr as TableFooter, qt as DropdownMenuSubContent, r as AlertDialog, ri as TagProps, rn as HeadingVariant, rr as SeriesScale, rt as ComplianceProduct, s as AlertDialogDescription, sn as HoverCardContent, sr as SettingsListAction, st as ContextMenuContent, t as Alert, ta as TangleKnot, ti as TabsTrigger, tn as FilterFieldProps, tr as SeriesPoint, tt as ComplianceBadge, u as AlertDialogOverlay, ui as Textarea, un as HoverCardTitle, ur as SettingsListItemProps, ut as ContextMenuLabel, v as ArtifactPaneProps, vi as Tone, vn as Label, vr as SettingsSection, vt as ContextMenuSubTrigger, w as BadgeProps, wi as TooltipProvider, wn as MetricStripProps, wr as SheetFooter, wt as DialogClose, x as AvatarImage, xi as ToolbarProps, xn as MetricChartProps, xr as SheetClose, xt as DatePicker, y as Avatar, yi as ToneClasses, yn as Metric, yr as SettingsSectionProps, yt as ContextMenuTrigger, z as CardContent, zi as normalizeSeries, zn as RadioGroupItem, zr as StatusPillProps, zt as DropdownMenuItem } from "./index-CEtc2U5v.js";
 import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, _t as WorkspaceSurfaceTitle, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, bt as WorkspaceLayoutProps, c as ApprovalConfidenceStat, ct as ShellHeader, d as ApprovalQueueProps, dt as WorkspacePaneHeaderProps, et as StatusBarProps, f as CalendarEvent, ft as WorkspaceSurface, g as TaskBoardColumn, gt as WorkspaceSurfaceProps, h as TaskBoard, ht as WorkspaceSurfaceHeadingLevel, i as WorkspaceArtifactViewProps, it as DirectoryPane, j as shellShouldRevalidate, k as ShellShouldRevalidateOptions, l as ApprovalItem, lt as ShellHeaderProps, m as CalendarViewProps, mt as WorkspaceSurfaceFrameProps, nt as StatusBanner, o as WorkspaceFilesPaneProps, ot as SHELL_HEADER_HEIGHT, p as CalendarView, pt as WorkspaceSurfaceFrame, q as RuntimePane, r as WorkspaceArtifactView, rt as StatusBannerProps, s as WorkspaceFilesPreview, st as SHELL_INSET_GUTTER, tt as BannerType, u as ApprovalQueue, ut as WorkspacePaneHeader, v as TaskBoardProps, vt as WorkspaceSurfaceTitleProps, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, yt as WorkspaceLayout, z as SessionSidebarProps } from "./index-DpzFSqjG.js";
 import { i as VaultTreeProps, n as VAULT_TREE_CHILD_PAGE, r as VaultTree, t as FileChange } from "./vault-tree-CBS8qGT-.js";
-import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps, O as SandboxArtifactPaneProps, S as ChangesPane, T as ChangedFile, _ as buildUnifiedPatch, a as PreviewViewProps, b as PillTabs, c as CodeView, d as FileBreadcrumbProps, f as DiffStatsBadge, g as DiffStats, h as PanelHeaderProps, i as PreviewView, k as SandboxArtifactTerminal, l as CodeViewProps, m as PanelHeader, n as CodeSurface, o as JsonView, p as GitStatusBadge, r as CodeSurfaceProps, s as JsonViewProps, t as CODE_THEME, u as FileBreadcrumb, v as computeDiffStats, w as ArtifactView, x as PillTabsProps, y as PillTabItem } from "./index-Z6RCpkmT.js";
+import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps, O as SandboxArtifactPaneProps, S as ChangesPane, T as ChangedFile, _ as buildUnifiedPatch, a as PreviewViewProps, b as PillTabs, c as CodeView, d as FileBreadcrumbProps, f as DiffStatsBadge, g as DiffStats, h as PanelHeaderProps, i as PreviewView, k as SandboxArtifactTerminal, l as CodeViewProps, m as PanelHeader, n as CodeSurface, o as JsonView, p as GitStatusBadge, r as CodeSurfaceProps, s as JsonViewProps, t as CODE_THEME, u as FileBreadcrumb, v as computeDiffStats, w as ArtifactView, x as PillTabsProps, y as PillTabItem } from "./index-lDG84P5L.js";
 import { n as DiffViewProps, t as DiffView } from "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-Ta5GI4hx.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";

package/dist/index.js

@@ -4,20 +4,20 @@ import { S as WorkspaceSurfaceTitle, _ as StatusBanner, a as SandboxWorkbench, b
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
 import { i as VaultTree, n as filterFileNodes, r as VAULT_TREE_CHILD_PAGE, t as fileTreeFromPaths } from "./tree-data-rg5voiY8.js";
 import { t as WorkspaceFilesPane } from "./workspace-files-pane-D24G7H_Z.js";
-import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-exTS8tta.js";
+import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-CYWLMJEA.js";
 import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
 import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-CuOpvZys.js";
 import { t as usePtySession } from "./use-pty-session-BHVQlSs-.js";
-import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-DWQ0pm9w.js";
+import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-LcgsEw_H.js";
 import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePreview, FileTabs, FileTree, PdfViewer, RichFileTree, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
 import { a as CodeSurface, i as CODE_THEME, n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { n as FileBreadcrumb, t as CodeView } from "./code-view-BlhCS1SD.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { S as ReasoningLevelPicker, _ as modelProvider, a as ChatMessage, b as DEFAULT_REASONING_LEVEL_OPTIONS, c as SpeakerHeader, d as UserMessage, f as agentTimelineStepKind, g as ArtifactAgentDock, h as partitionBySpeaker, i as ChatContainer, l as TRANSCRIPT_TEXT, m as isViewerMessage, n as AgentTimelineColumn, o as MessageAuthor, p as foldSummary, r as AgentTimelineStep, s as MessageList, t as AgentTimeline, u as ThinkingIndicator, v as snapHarnessToModel, x as HARNESS_REASONING_OPTIONS, y as AgentProfilePicker } from "./chat-B_5Lwevm.js";
-import { a as TraceWaterfall, i as useEventStream, n as foldAgentRows, o as traceSpanMark, r as useAgentStream, t as TraceWorkspace } from "./trace-workspace-B7Ht17Nh.js";
+import { a as TraceWaterfall, i as useEventStream, n as foldAgentRows, o as traceSpanMark, r as useAgentStream, t as TraceWorkspace } from "./trace-workspace-EArXc0uP.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-Df965WQi.js";
-import { _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-DBHKEnV_.js";
+import { _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-CpJ_COuz.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-Dzy6lrfP.js";
 import { t as withPrompts } from "./record-Cc_WNtG8.js";
 import "./vault-tree.js";

package/dist/run/live.js

@@ -1,7 +1,7 @@
 import { t as WorkspaceFilesPane } from "../workspace-files-pane-D24G7H_Z.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
-import { i as useEventStream, t as TraceWorkspace } from "../trace-workspace-B7Ht17Nh.js";
+import { i as useEventStream, t as TraceWorkspace } from "../trace-workspace-EArXc0uP.js";
 import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{run-DBHKEnV_.js → run-CpJ_COuz.js}

@@ -1,4 +1,4 @@
-import "./trace-workspace-B7Ht17Nh.js";
+import "./trace-workspace-EArXc0uP.js";
 import "./record-Cc_WNtG8.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon as RunStatusIcon$1, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
 import { LatestEvents } from "@tangle-network/charts/react/agent-graph";

package/dist/run.js

@@ -1,7 +1,7 @@
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as TraceWaterfall, i as useEventStream, n as foldAgentRows, o as traceSpanMark, r as useAgentStream, t as TraceWorkspace } from "./trace-workspace-B7Ht17Nh.js";
+import { a as TraceWaterfall, i as useEventStream, n as foldAgentRows, o as traceSpanMark, r as useAgentStream, t as TraceWorkspace } from "./trace-workspace-EArXc0uP.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-Df965WQi.js";
-import { _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-DBHKEnV_.js";
+import { _ as showsTaskPriority, a as InlineToolItem, b as taskStatus, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as runStatus, h as parseToolEvent, i as InlineThinkingItem, l as RunRowShell, m as isOpen, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as statusMeta, x as LatestEvents, y as taskProgress } from "./run-CpJ_COuz.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-Dzy6lrfP.js";
 import { t as withPrompts } from "./record-Cc_WNtG8.js";
 export { AgentTree, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, PromptMore, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, ToolStep, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };

package/dist/styles.css

@@ -4688,6 +4688,12 @@
   .group-focus-visible\:bg-ring:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--ring));
   }
+  .group-focus-visible\/brand\:opacity-0:is(:where(.group\/brand):focus-visible *) {
+    opacity: 0%;
+  }
+  .group-focus-visible\/brand\:opacity-100:is(:where(.group\/brand):focus-visible *) {
+    opacity: 100%;
+  }
   .group-data-\[state\=indeterminate\]\/checkbox\:block:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
     display: block;
   }

package/dist/{trace-workspace-B7Ht17Nh.js → trace-workspace-EArXc0uP.js}

@@ -23,7 +23,7 @@ function traceSpanMark(span) {
 			size: "sm"
 		}) : void 0;
 	}
-	const provider = span.icon ?? (span.kind === "tool" ? span.detail : void 0);
+	const provider = span.icon;
 	return provider ? /* @__PURE__ */ jsx(ProviderIcon, {
 		id: provider,
 		displayName: provider,
@@ -932,6 +932,7 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 				},
 				graph: /* @__PURE__ */ jsxs("section", {
 					className: "relative flex min-h-[320px] flex-1 flex-col",
+					style: typeof waterfall.maxHeight === "number" ? { height: waterfall.maxHeight } : void 0,
 					"aria-label": "Agent graph",
 					children: [/* @__PURE__ */ jsx(SegmentedControl, {
 						"aria-label": "Graph layout",

package/dist/{workbench-DWQ0pm9w.js → workbench-LcgsEw_H.js}

@@ -1,7 +1,7 @@
 import { t as cn$1 } from "./utils-BER_bdgE.js";
 import { t as revealInScroller } from "./reveal-in-scroller-CzKwuqCG.js";
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as PortsList } from "./dashboard-exTS8tta.js";
+import { a as PortsList } from "./dashboard-CYWLMJEA.js";
 import { n as TerminalView } from "./terminal-nUCznZRj.js";
 import { n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { t as CodeView } from "./code-view-BlhCS1SD.js";

package/dist/workbench.d.ts

@@ -1,4 +1,4 @@
-import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps, O as SandboxArtifactPaneProps, S as ChangesPane, T as ChangedFile, _ as buildUnifiedPatch, a as PreviewViewProps, b as PillTabs, c as CodeView, d as FileBreadcrumbProps, f as DiffStatsBadge, g as DiffStats, h as PanelHeaderProps, i as PreviewView, k as SandboxArtifactTerminal, l as CodeViewProps, m as PanelHeader, n as CodeSurface, o as JsonView, p as GitStatusBadge, r as CodeSurfaceProps, s as JsonViewProps, t as CODE_THEME, u as FileBreadcrumb, v as computeDiffStats, w as ArtifactView, x as PillTabsProps, y as PillTabItem } from "./index-Z6RCpkmT.js";
+import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps, O as SandboxArtifactPaneProps, S as ChangesPane, T as ChangedFile, _ as buildUnifiedPatch, a as PreviewViewProps, b as PillTabs, c as CodeView, d as FileBreadcrumbProps, f as DiffStatsBadge, g as DiffStats, h as PanelHeaderProps, i as PreviewView, k as SandboxArtifactTerminal, l as CodeViewProps, m as PanelHeader, n as CodeSurface, o as JsonView, p as GitStatusBadge, r as CodeSurfaceProps, s as JsonViewProps, t as CODE_THEME, u as FileBreadcrumb, v as computeDiffStats, w as ArtifactView, x as PillTabsProps, y as PillTabItem } from "./index-lDG84P5L.js";
 import { n as DiffViewProps, t as DiffView } from "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-Ta5GI4hx.js";
 export { type ArtifactView, CODE_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, JsonView, type JsonViewProps, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats };

package/dist/workbench.js

@@ -1,4 +1,4 @@
-import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-DWQ0pm9w.js";
+import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-LcgsEw_H.js";
 import { a as CodeSurface, i as CODE_THEME, n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { n as FileBreadcrumb, t as CodeView } from "./code-view-BlhCS1SD.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";

package/dist/workspace-viewer.js

@@ -41337,7 +41337,7 @@ function kB(e, t) {
 		r
 	]);
 }
-// dist/trace-workspace-B7Ht17Nh.js
+// dist/trace-workspace-EArXc0uP.js
 function AB(e) {
 	if (e.kind === "pipeline" || e.kind === "model") {
 		let t = e.detail ? AP(e.detail) : null;
@@ -41346,7 +41346,7 @@ function AB(e) {
 			size: "sm"
 		}) : void 0;
 	}
-	let t = e.icon ?? (e.kind === "tool" ? e.detail : void 0);
+	let t = e.icon;
 	return t ? /* @__PURE__ */ (0, W.jsx)($P, {
 		id: t,
 		displayName: t,
@@ -42106,6 +42106,7 @@ function iV({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChang
 				},
 				graph: /* @__PURE__ */ (0, W.jsxs)("section", {
 					className: "relative flex min-h-[320px] flex-1 flex-col",
+					style: typeof v.maxHeight == "number" ? { height: v.maxHeight } : void 0,
 					"aria-label": "Agent graph",
 					children: [/* @__PURE__ */ (0, W.jsx)(ca, {
 						"aria-label": "Graph layout",

package/package.json

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