@tangle-network/sandbox-ui 0.129.0 → 0.129.2

package/dist/{dashboard-gJ9BBwlA.js → dashboard-BW-rPRwj.js}

@@ -2817,6 +2817,7 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 			setMobileNavOpen(false);
 			return;
 		}
+		if (typeof window.matchMedia !== "function") return;
 		const desktop = window.matchMedia(hideBelow === "md" ? "(min-width: 48rem)" : "(min-width: 64rem)");
 		const closeOnDesktop = () => {
 			if (desktop.matches) setMobileNavOpen(false);

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-gJ9BBwlA.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-BW-rPRwj.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-2IRtfx51.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, 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/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-DqgJZ3Iv.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-C2CzWiZU.js";
 import { $ as DialogDescription, $n as Logo, $t as Sheet, A as CodeBlock, An as Tag, At as Metric, B as ContextMenuPortal, Bn as Toolbar, Bt as Progress, C as CardContent, Cn as TableHead, Ct as FilterField, D as CardTitle, Dn as TabsContent, Dt as InlineCode, E as CardHeader, En as Tabs, Et as IconTile, F as ContextMenuCheckboxItem, Fn as TextShimmer, Ft as Popover, G as ContextMenuSub, Gn as UploadProgress, Gt as SelectItem, H as ContextMenuRadioItem, Hn as TooltipContent, Ht as Select, I as ContextMenuContent, In as Textarea, It as PopoverAnchor, J as ContextMenuTrigger, Jn as initialsOf, Jt as SelectScrollUpButton, K as ContextMenuSubContent, Kn as badgeVariants, Kt as SelectLabel, L as ContextMenuGroup, Ln as ThemeToggle, Lt as PopoverClose, M as CollapsibleContent, Mn as TerminalDisplay, Mt as PageHeader, N as CollapsibleTrigger, Nt as PageShell, O as Checkbox, On as TabsList, Ot as Input, P as ContextMenu, Pt as Pagination, Q as DialogContent, Qn as SectionTitle, Qt as Separator, R as ContextMenuItem, Rn as ToastContainer, Rt as PopoverContent, S as Card, Sn as TableFooter, St as EmptyState, T as CardFooter, Tn as TableRow, Tt as HelpText, U as ContextMenuSeparator, Un as TooltipProvider, Ut as SelectContent, V as ContextMenuRadioGroup, Vn as Tooltip, Vt as SegmentedControl, W as ContextMenuShortcut, Wn as TooltipTrigger, Wt as SelectGroup, X as Dialog, Xn as useTheme, Xt as SelectTrigger, Y as CopyButton, Yn as toneFor, Yt as SelectSeparator, Z as DialogClose, Zn as useToast, Zt as SelectValue, _ as AvatarFallback, _n as TONE_CLASSES, _t as DropdownMenuShortcut, a as AlertDialogCancel, an as SheetOverlay, at as DialogTrigger, b as Button, bn as TableCaption, bt as DropdownMenuSubTrigger, c as AlertDialogFooter, cn as SheetTrigger, ct as DropdownMenuCheckboxItem, d as AlertDialogPortal, dn as SkeletonCard, dt as DropdownMenuItem, en as SheetClose, er as TangleKnot, et as DialogFooter, f as AlertDialogTitle, fn as SkeletonTable, ft as DropdownMenuLabel, g as Avatar, gn as Switch, gt as DropdownMenuSeparator, hn as StatusPill, ht as DropdownMenuRadioItem, i as AlertDialogAction, in as SheetHeader, it as DialogTitle, j as Collapsible, jt as MetricStrip, k as Chip, kn as TabsTrigger, kt as Label, l as AlertDialogHeader, ln as SidebarDropZone, lt as DropdownMenuContent, m as AlertTitle, mn as StatCard, mt as DropdownMenuRadioGroup, n as AlertDescription, nn as SheetDescription, nt as DialogOverlay, o as AlertDialogContent, on as SheetPortal, ot as DropZone, p as AlertDialogTrigger, pn as Slider, pt as DropdownMenuPortal, q as ContextMenuSubTrigger, qn as buttonVariants, qt as SelectScrollDownButton, r as AlertDialog, rn as SheetFooter, rt as DialogPortal, s as AlertDialogDescription, sn as SheetTitle, st as DropdownMenu, t as Alert, tn as SheetContent, tt as DialogHeader, u as AlertDialogOverlay, un as Skeleton, ut as DropdownMenuGroup, v as AvatarImage, vn as Table, vt as DropdownMenuSub, w as CardDescription, wn as TableHeader, wt as Heading, x as CATEGORY_TONES, xn as TableCell, xt as DropdownMenuTrigger, y as Badge, yn as TableBody, yt as DropdownMenuSubContent, z as ContextMenuLabel, zn as ToastProvider, zt as PopoverTrigger } from "./primitives-JjV1ruzp.js";
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
-import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-C68fk9qa.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-gJ9BBwlA.js";
+import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-DJhAkl6d.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-BW-rPRwj.js";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-2IRtfx51.js";
 import { t as usePtySession } from "./use-pty-session-Bf4hBLXJ.js";

package/dist/pages.js

@@ -21,6 +21,13 @@ const C = {
 	inkHover: "hsl(var(--foreground, 222 47% 11%) / 0.88)",
 	onInk: "hsl(var(--background, 0 0% 100%))"
 };
+const CONTROL = {
+	boxSizing: "border-box",
+	height: "var(--control-height-lg, 2.75rem)",
+	borderRadius: "var(--radius-lg, 10px)",
+	fontSize: "var(--control-text-lg, 1rem)",
+	lineHeight: 1.5
+};
 function GithubIcon() {
 	return /* @__PURE__ */ jsx("svg", {
 		width: "18",
@@ -98,24 +105,22 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 		justifyContent: "center",
 		gap: 10,
 		width: "100%",
-		padding: "10px 12px",
-		borderRadius: 8,
+		padding: "0 16px",
+		...CONTROL,
 		border: `1px solid ${C.border}`,
 		background: "transparent",
 		color: C.text,
-		fontSize: 14,
 		fontWeight: 500,
 		cursor: "pointer",
 		transition: "background 120ms"
 	};
 	const inputStyle = {
 		width: "100%",
-		padding: "10px 12px",
-		borderRadius: 8,
+		padding: "0 16px",
+		...CONTROL,
 		border: `1px solid ${C.border}`,
 		background: C.inputBg,
 		color: C.text,
-		fontSize: 14,
 		outline: "none"
 	};
 	return /* @__PURE__ */ jsx("div", {
@@ -164,12 +169,11 @@ function AuthPage({ product, tagline, mode = "signin", tangleAuthUrl = "/auth/ta
 						justifyContent: "center",
 						gap: 10,
 						width: "100%",
-						padding: "10px 12px",
-						borderRadius: 8,
+						padding: "0 16px",
+						...CONTROL,
 						background: buttonBg,
 						border: "1px solid transparent",
 						color: buttonFg,
-						fontSize: 14,
 						fontWeight: 600,
 						textDecoration: "none",
 						transition: "background 120ms"

package/dist/{workbench-DqgJZ3Iv.js → workbench-C2CzWiZU.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { a as PortsList } from "./dashboard-gJ9BBwlA.js";
+import { a as PortsList } from "./dashboard-BW-rPRwj.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-DqgJZ3Iv.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-C2CzWiZU.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/{workspace-C68fk9qa.js → workspace-DJhAkl6d.js}

@@ -53,11 +53,11 @@ function readStoredLayout(key) {
 }
 function useDesktopMediaQuery(query) {
 	const [matches, setMatches] = useState(() => {
-		if (typeof window === "undefined") return true;
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return true;
 		return window.matchMedia(query).matches;
 	});
 	useEffect(() => {
-		if (typeof window === "undefined") return;
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
 		const media = window.matchMedia(query);
 		const handleChange = (event) => {
 			setMatches(event.matches);

package/dist/workspace.js

@@ -1,3 +1,3 @@
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
-import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-C68fk9qa.js";
+import { _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, y as DirectoryPane } from "./workspace-DJhAkl6d.js";
 export { ApprovalQueue, ArtifactPane, CalendarView, DirectoryPane, RuntimePane, SESSION_CREATED_EVENT, SandboxWorkbench, SessionSidebar, StatusBanner, StatusBar, TaskBoard, TerminalPanel, WorkspaceArtifactView, WorkspaceFilesPane, WorkspaceLayout, WorkspacePaneHeader, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/package.json

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