@tangle-network/sandbox-ui 0.128.2 → 0.128.3

package/dist/{dashboard-CPK5MNhT.js → dashboard-C25eF1QD.js}

@@ -8,6 +8,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 * as Dialog$1 from "@radix-ui/react-dialog";
 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 { focusField, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
 import * as Select$1 from "@radix-ui/react-select";
@@ -2810,6 +2811,20 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 	const showLabels = railLabels && !railCollapsed;
 	const [mobileNavOpen, setMobileNavOpen] = React$1.useState(false);
 	const closeMobileNav = React$1.useCallback(() => setMobileNavOpen(false), []);
+	React$1.useEffect(() => {
+		if (!mobileNavOpen) return;
+		if (!hideBelow) {
+			setMobileNavOpen(false);
+			return;
+		}
+		const desktop = window.matchMedia(hideBelow === "md" ? "(min-width: 48rem)" : "(min-width: 64rem)");
+		const closeOnDesktop = () => {
+			if (desktop.matches) setMobileNavOpen(false);
+		};
+		closeOnDesktop();
+		desktop.addEventListener("change", closeOnDesktop);
+		return () => desktop.removeEventListener("change", closeOnDesktop);
+	}, [hideBelow, mobileNavOpen]);
 	/**
 	* One nav list, rendered twice — once in the desktop rail, once in the mobile
 	* drawer. Sharing the renderer is the point: a product adds a destination to
@@ -2899,110 +2914,115 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 			}, item.id);
 		});
 	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("min-h-screen bg-surface text-foreground", className),
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: cn$1(hideBelow && HIDE_BELOW_CLASS[hideBelow]),
-				children: /* @__PURE__ */ jsxs(Sidebar, {
-					className: sidebarClassName,
-					children: [/* @__PURE__ */ jsxs(SidebarRail, { children: [
-						(logo !== void 0 || railHeaderContent !== void 0 || railLabels) && /* @__PURE__ */ jsx(RailHeader, {
-							brand: logo,
-							brandHref: logoHref,
-							collapsed: !showLabels,
-							onToggle: toggleRail,
-							collapsible: railLabels,
-							LinkComponent,
-							children: railHeaderContent
-						}),
-						/* @__PURE__ */ jsx(SidebarRailNav, {
-							className: cn$1(showLabels ? "px-2" : void 0, expandOnEmptyClick && "cursor-pointer"),
-							onClick: expandOnEmptyClick,
-							children: renderNavItems({
-								showLabels,
-								onNavigate: handleNavClick
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		open: mobileNavOpen,
+		onOpenChange: setMobileNavOpen,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn$1("min-h-screen bg-surface text-foreground", className),
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn$1(hideBelow && HIDE_BELOW_CLASS[hideBelow]),
+					children: /* @__PURE__ */ jsxs(Sidebar, {
+						className: sidebarClassName,
+						children: [/* @__PURE__ */ jsxs(SidebarRail, { children: [
+							(logo !== void 0 || railHeaderContent !== void 0 || railLabels) && /* @__PURE__ */ jsx(RailHeader, {
+								brand: logo,
+								brandHref: logoHref,
+								collapsed: !showLabels,
+								onToggle: toggleRail,
+								collapsible: railLabels,
+								LinkComponent,
+								children: railHeaderContent
+							}),
+							/* @__PURE__ */ jsx(SidebarRailNav, {
+								className: cn$1(showLabels ? "px-2" : void 0, expandOnEmptyClick && "cursor-pointer"),
+								onClick: expandOnEmptyClick,
+								children: renderNavItems({
+									showLabels,
+									onNavigate: handleNavClick
+								})
+							}),
+							(railFooter !== void 0 || hasProfile) && /* @__PURE__ */ jsxs(SidebarRailFooter, {
+								className: cn$1("border-t border-[var(--md3-outline-variant)] pt-2", showLabels && "items-stretch px-2"),
+								children: [railFooter, hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
+									user: user ?? void 0,
+									isLoading,
+									onLogout,
+									onSettingsClick,
+									settingsHref,
+									showDetails: showLabels,
+									appearance,
+									LinkComponent: Link,
+									children: profileMenuItems
+								})]
 							})
-						}),
-						(railFooter !== void 0 || hasProfile) && /* @__PURE__ */ jsxs(SidebarRailFooter, {
-							className: cn$1("border-t border-[var(--md3-outline-variant)] pt-2", showLabels && "items-stretch px-2"),
-							children: [railFooter, hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
+						] }), panel != null && /* @__PURE__ */ jsx(SidebarPanel, { children: panel })]
+					})
+				}),
+				/* @__PURE__ */ jsxs(SidebarContent, {
+					className: contentClassName,
+					children: [hideBelow && /* @__PURE__ */ jsxs("header", {
+						className: cn$1("flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] bg-surface px-2", SHOW_BELOW_CLASS[hideBelow]),
+						children: [
+							/* @__PURE__ */ jsx(Dialog$1.Trigger, {
+								asChild: true,
+								children: /* @__PURE__ */ jsx("button", {
+									type: "button",
+									"aria-label": "Open navigation",
+									"aria-expanded": mobileNavOpen,
+									"aria-controls": "sidebar-mobile-nav",
+									"aria-haspopup": "dialog",
+									className: cn$1("flex size-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
+									children: /* @__PURE__ */ jsx(MenuIcon, { className: "size-5" })
+								})
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex min-w-0 flex-1 items-center",
+								children: railHeaderContent ?? (logo !== void 0 ? /* @__PURE__ */ jsx(Link, {
+									href: logoHref,
+									to: logoHref,
+									className: "flex min-w-0 items-center",
+									children: logo
+								}) : null)
+							}),
+							hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
 								user: user ?? void 0,
 								isLoading,
 								onLogout,
 								onSettingsClick,
 								settingsHref,
-								showDetails: showLabels,
 								appearance,
 								LinkComponent: Link,
 								children: profileMenuItems
-							})]
-						})
-					] }), panel != null && /* @__PURE__ */ jsx(SidebarPanel, { children: panel })]
-				})
-			}),
-			/* @__PURE__ */ jsxs(SidebarContent, {
-				className: contentClassName,
-				children: [hideBelow && /* @__PURE__ */ jsxs("header", {
-					className: cn$1("flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] bg-surface px-2", SHOW_BELOW_CLASS[hideBelow]),
-					children: [
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							"aria-label": "Open navigation",
-							"aria-expanded": mobileNavOpen,
-							"aria-controls": "sidebar-mobile-nav",
-							"aria-haspopup": "dialog",
-							onClick: () => setMobileNavOpen(true),
-							className: cn$1("flex size-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
-							children: /* @__PURE__ */ jsx(MenuIcon, { className: "size-5" })
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: "flex min-w-0 flex-1 items-center",
-							children: railHeaderContent ?? (logo !== void 0 ? /* @__PURE__ */ jsx(Link, {
-								href: logoHref,
-								to: logoHref,
-								className: "flex min-w-0 items-center",
-								children: logo
-							}) : null)
-						}),
-						hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
-							user: user ?? void 0,
-							isLoading,
-							onLogout,
-							onSettingsClick,
-							settingsHref,
-							appearance,
-							LinkComponent: Link,
-							children: profileMenuItems
-						})
-					]
-				}), children]
-			}),
-			hideBelow && mobileNavOpen && /* @__PURE__ */ jsx(MobileNavDrawer, {
-				breakpoint: hideBelow,
-				onClose: closeMobileNav,
-				header: railHeaderContent ?? logo,
-				footer: railFooter !== void 0 || hasProfile ? /* @__PURE__ */ jsxs(Fragment, { children: [railFooter, hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
-					user: user ?? void 0,
-					isLoading,
-					onLogout,
-					onSettingsClick,
-					settingsHref,
-					showDetails: true,
-					appearance,
-					LinkComponent: Link,
-					children: profileMenuItems
-				})] }) : null,
-				panel,
-				children: renderNavItems({
-					showLabels: true,
-					onNavigate: () => {
-						handleNavClick?.();
-						closeMobileNav();
-					}
+							})
+						]
+					}), children]
+				}),
+				hideBelow && mobileNavOpen && /* @__PURE__ */ jsx(MobileNavDrawer, {
+					breakpoint: hideBelow,
+					header: railHeaderContent ?? logo,
+					footer: railFooter !== void 0 || hasProfile ? /* @__PURE__ */ jsxs(Fragment, { children: [railFooter, hasProfile && /* @__PURE__ */ jsx(ProfileAvatar, {
+						user: user ?? void 0,
+						isLoading,
+						onLogout,
+						onSettingsClick,
+						settingsHref,
+						showDetails: true,
+						appearance,
+						LinkComponent: Link,
+						children: profileMenuItems
+					})] }) : null,
+					panel,
+					children: renderNavItems({
+						showLabels: true,
+						onNavigate: () => {
+							handleNavClick?.();
+							closeMobileNav();
+						}
+					})
 				})
-			})
-		]
+			]
+		})
 	});
 }
 /**
@@ -3010,92 +3030,49 @@ function SidebarLayoutInner({ children, navItems, activeId, panel, logo, logoHre
 * slide-out panel's content when the app has one (on a phone there is no room
 * to dock a panel beside a rail, so the two stack in one surface).
 *
-* Deliberately built on plain elements rather than a dialog dependency: the
-* package ships no modal primitive, and a nav drawer needs only a backdrop,
-* Escape, a focus trap and a scroll lock.
+* Use the same modal layer as the account menu and other shared disclosures:
+* only the top layer handles Escape, and the trigger owns return focus.
 */
-function MobileNavDrawer({ breakpoint, onClose, header, footer, panel, children }) {
-	const panelRef = React$1.useRef(null);
-	React$1.useEffect(() => {
-		const onKeyDown = (event) => {
-			if (event.key === "Escape") {
-				event.stopPropagation();
-				onClose();
-				return;
-			}
-			if (event.key !== "Tab") return;
-			const root = panelRef.current;
-			if (!root) return;
-			const focusable = root.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])");
-			if (focusable.length === 0) return;
-			const first = focusable[0];
-			const last = focusable[focusable.length - 1];
-			if (event.shiftKey && document.activeElement === first) {
-				event.preventDefault();
-				last.focus();
-			} else if (!event.shiftKey && document.activeElement === last) {
-				event.preventDefault();
-				first.focus();
-			}
-		};
-		document.addEventListener("keydown", onKeyDown, true);
-		return () => document.removeEventListener("keydown", onKeyDown, true);
-	}, [onClose]);
-	React$1.useEffect(() => {
-		const previous = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		return () => {
-			document.body.style.overflow = previous;
-		};
-	}, []);
-	React$1.useEffect(() => {
-		panelRef.current?.querySelector("button,a[href]")?.focus();
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("fixed inset-0 z-50", SHOW_BELOW_CLASS[breakpoint]),
-		children: [/* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": "Close navigation",
-			tabIndex: -1,
-			onClick: onClose,
-			className: "absolute inset-0 bg-black/50"
-		}), /* @__PURE__ */ jsxs("div", {
-			ref: panelRef,
-			id: "sidebar-mobile-nav",
-			role: "dialog",
-			"aria-modal": "true",
-			"aria-label": "Navigation",
-			style: { width: 256 },
-			className: "agent-arrive absolute inset-y-0 left-0 flex max-w-[85vw] flex-col border-r border-[var(--md3-outline-variant)] bg-surface-container-low shadow-xl",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] px-2",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "flex min-w-0 flex-1 items-center",
-						children: header
-					}), /* @__PURE__ */ jsx("button", {
+function MobileNavDrawer({ breakpoint, header, footer, panel, children }) {
+	return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [/* @__PURE__ */ jsx(Dialog$1.Overlay, { className: cn$1("fixed inset-0 z-50 bg-black/50", SHOW_BELOW_CLASS[breakpoint]) }), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+		id: "sidebar-mobile-nav",
+		"aria-describedby": void 0,
+		style: { width: 256 },
+		className: cn$1("agent-arrive fixed inset-y-0 left-0 z-50 flex max-w-[85vw] flex-col border-r border-[var(--md3-outline-variant)] bg-surface-container-low shadow-xl", SHOW_BELOW_CLASS[breakpoint]),
+		children: [
+			/* @__PURE__ */ jsx(Dialog$1.Title, {
+				className: "sr-only",
+				children: "Navigation"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] px-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex min-w-0 flex-1 items-center",
+					children: header
+				}), /* @__PURE__ */ jsx(Dialog$1.Close, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
 						"aria-label": "Close navigation",
-						onClick: onClose,
 						className: cn$1("flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", MOTION_CONTROL),
 						children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-5" })
-					})]
-				}),
-				/* @__PURE__ */ jsxs("nav", {
-					"aria-label": "Sections",
-					className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2",
-					children: [children, panel != null && /* @__PURE__ */ jsx("div", {
-						className: "mt-2 border-t border-[var(--md3-outline-variant)] pt-2",
-						children: panel
-					})]
-				}),
-				footer != null && /* @__PURE__ */ jsx("div", {
-					className: "shrink-0 border-t border-[var(--md3-outline-variant)] px-2 py-2",
-					children: footer
-				})
-			]
-		})]
-	});
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("nav", {
+				"aria-label": "Sections",
+				className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2",
+				children: [children, panel != null && /* @__PURE__ */ jsx("div", {
+					className: "mt-2 border-t border-[var(--md3-outline-variant)] pt-2",
+					children: panel
+				})]
+			}),
+			footer != null && /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 border-t border-[var(--md3-outline-variant)] px-2 py-2",
+				children: footer
+			})
+		]
+	})] });
 }
 /**
 * App shell built on the sidebar rail + slide-out panel, without a top nav bar.

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

@@ -335,7 +335,7 @@ function IntegrationsCatalog({ rows, query, onQueryChange, categoryFilter = "",
 							}) : null,
 							!compact ? /* @__PURE__ */ jsx("p", {
 								className: cn("min-h-8 text-sm", TONES[connection?.statusTone ?? "neutral"]),
-								children: row.kind === "app" ? row.installedCount ? `Installed · ${row.installedCount} ${row.installedCount === 1 ? "account" : "accounts"}` : "Not installed" : connection?.statusLabel ?? (active ? `${provider?.connections.length} accounts · select one to manage` : "Not connected")
+								children: row.kind === "app" ? row.installedCount ? `Installed · ${row.installedCount} ${row.installedCount === 1 ? "account" : "accounts"}` : "Not installed" : connection?.statusLabel ?? (active ? `${provider?.connections.length} ${provider?.connections.length === 1 ? "account" : "accounts"} · select one to manage` : "Not connected")
 							}) : null,
 							!compact ? /* @__PURE__ */ jsxs("div", {
 								className: "mt-auto flex min-h-9 items-center gap-2 border-t border-border pt-3",

package/dist/{workbench-CpBG_v-5.js → workbench-BPbVtoRF.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { a as PortsList } from "./dashboard-CPK5MNhT.js";
+import { a as PortsList } from "./dashboard-C25eF1QD.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-CpBG_v-5.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-BPbVtoRF.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.128.2",
+  "version": "0.128.3",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -197,9 +197,9 @@
   "dependencies": {
     "@lobehub/icons-static-svg": "^1.95.1",
     "@pierre/diffs": "^1.5.1",
-    "@radix-ui/react-dialog": "^1.2.0",
-    "@radix-ui/react-dropdown-menu": "^2.1.25",
-    "@radix-ui/react-select": "^2.3.8",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-select": "^2.3.7",
     "diff": "^9.0.0",
     "eventsource-parser": "4.1.1",
     "lucide-react": "^1.48.0",