@tangle-network/sandbox-ui 0.116.2 → 0.116.5

package/dist/{dashboard-CqyJQc7V.js → dashboard-Bx27mUVe.js}

@@ -7,7 +7,7 @@ import { Avatar, AvatarFallback, AvatarImage, Badge, Button, DropdownMenu, Dropd
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { useEffect, useRef, useState } from "react";
-import { focusField, focusFieldWithin, focusRing, timeAgo } from "@tangle-network/ui/utils";
+import { focusField, focusFieldWithin, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
 import { Activity, BarChart2, Bell, Bot, Box, Camera, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, Download, ExternalLink, File, FileEdit, FilePlus, FileText, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, Loader2, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RefreshCw, RotateCcw, Server, Settings, ShieldAlert, Skull, Terminal, Timer, Trash2, User, Users, Wrench, X, XCircle } from "lucide-react";
 import { createPortal } from "react-dom";
 import * as Select from "@radix-ui/react-select";
@@ -1803,6 +1803,27 @@ function SandboxTable({ sandboxes, page = 1, pageSize = 10, total, onPageChange,
 	const totalCount = total ?? sandboxes.length;
 	const totalPages = Math.ceil(totalCount / pageSize);
 	const hasTeamSandboxes = sandboxes.some((sb) => sb.team !== void 0);
+	const tableScrollRef = React$1.useRef(null);
+	const [hasHiddenColumns, setHasHiddenColumns] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const scroller = tableScrollRef.current;
+		const table = scroller?.querySelector("table");
+		if (!scroller || !table) return;
+		const measure = () => setHasHiddenColumns(scroller.scrollWidth > scroller.clientWidth + 1);
+		measure();
+		if (typeof ResizeObserver === "undefined") {
+			window.addEventListener("resize", measure);
+			return () => window.removeEventListener("resize", measure);
+		}
+		const observer = new ResizeObserver(measure);
+		observer.observe(scroller);
+		observer.observe(table);
+		return () => observer.disconnect();
+	}, [sandboxes, hasTeamSandboxes]);
+	const scrollColumns = (direction) => {
+		const scroller = tableScrollRef.current;
+		scroller?.scrollBy({ left: direction * scroller.clientWidth * .75 });
+	};
 	const resolveResumeHandler = (status) => {
 		if (onResume) return onResume;
 		if (status === "hibernating") return onWake;
@@ -1815,306 +1836,348 @@ function SandboxTable({ sandboxes, page = 1, pageSize = 10, total, onPageChange,
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn$1("w-full", className),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "w-full bg-surface-container rounded-2xl overflow-hidden border border-[var(--md3-outline-variant)]",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "overflow-x-auto",
-				children: /* @__PURE__ */ jsxs("table", {
-					className: "w-full text-left border-collapse",
-					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-						className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]",
-						children: [
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-								children: "Status"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-								children: "Sandbox Name"
-							}),
-							hasTeamSandboxes && /* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-								children: "Scope"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-								children: "Environment"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-								children: "Resources"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-right",
-								children: "Actions"
-							})
-						]
-					}) }), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-y divide-border",
-						children: sandboxes.map((sb) => {
-							const sc = statusColors[sb.status] ?? statusColors.stopped;
-							const isActive = sb.status === "running";
-							const isHibernating = sb.status === "hibernating";
-							const isProvisioning = sb.status === "provisioning";
-							const resumeHandler = isResumable(sb.status) ? resolveResumeHandler(sb.status) : void 0;
-							const onRowClick = resolveRowClick(sb);
-							const resumeLabel = isHibernating ? "Wake Up" : "Resume";
-							const stopRowClick = (e) => e.stopPropagation();
-							return /* @__PURE__ */ jsxs("tr", {
-								className: cn$1("group relative transition-colors", onRowClick ? "cursor-pointer hover:bg-surface-container-high" : "hover:bg-surface-container-high"),
-								onClick: onRowClick,
+		children: [
+			sandboxes.length > 0 && hasHiddenColumns && /* @__PURE__ */ jsxs("div", {
+				className: "mb-2 flex items-center justify-end gap-2 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsx("span", { children: "Columns" }),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => scrollColumns(-1),
+						className: `rounded-md border border-[var(--md3-outline-variant)] p-1.5 ${focusRing}`,
+						"aria-label": "Scroll sandbox table left",
+						title: "Scroll table left",
+						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => scrollColumns(1),
+						className: `rounded-md border border-[var(--md3-outline-variant)] p-1.5 ${focusRing}`,
+						"aria-label": "Scroll sandbox table right",
+						title: "Scroll table right",
+						children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "w-full bg-surface-container rounded-2xl overflow-hidden border border-[var(--md3-outline-variant)]",
+				children: /* @__PURE__ */ jsx("div", {
+					ref: tableScrollRef,
+					className: `max-h-[min(60vh,35rem)] overflow-auto ${focusRingInset}`,
+					role: "region",
+					"aria-label": "Sandbox table; scroll horizontally for more columns",
+					tabIndex: 0,
+					children: /* @__PURE__ */ jsxs("table", {
+						className: cn$1("w-full text-left border-collapse", hasTeamSandboxes && "[&_th]:px-4 [&_td]:px-4"),
+						children: [/* @__PURE__ */ jsx("thead", {
+							className: "sticky top-0 z-10",
+							children: /* @__PURE__ */ jsxs("tr", {
+								className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]",
 								children: [
-									/* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5 whitespace-nowrap",
-										children: /* @__PURE__ */ jsxs("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ jsx("span", {
-												className: cn$1("flex h-2.5 w-2.5 rounded-full", sc.dot),
-												...sc.dot.includes("animate-") ? { "data-motion": "essential" } : {}
-											}), /* @__PURE__ */ jsx("span", {
-												className: cn$1("text-xs font-bold uppercase tracking-wide", sc.text),
-												children: sb.status.charAt(0).toUpperCase() + sb.status.slice(1)
-											})]
-										})
+									/* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+										children: "Status"
 									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5",
-										children: /* @__PURE__ */ jsxs("div", {
-											className: "flex flex-col",
-											children: [/* @__PURE__ */ jsx("span", {
-												className: "text-sm font-bold text-foreground group-hover:text-primary transition-colors",
-												children: sb.name
-											}), sb.nodeId && /* @__PURE__ */ jsx("span", {
-												className: "text-[10px] font-mono text-muted-foreground",
-												children: sb.nodeId
-											})]
-										})
+									/* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+										children: "Sandbox Name"
 									}),
-									hasTeamSandboxes && /* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5",
-										children: sb.team ? /* @__PURE__ */ jsxs("div", {
-											className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--accent-surface-soft)] px-2.5 py-1 text-[11px] font-semibold text-[var(--accent-text)]",
-											title: `Shared with ${sb.team.name ?? "Team"} · ${sb.team.role}`,
-											children: [
-												/* @__PURE__ */ jsx(Users, {
-													className: "h-3 w-3",
-													"aria-hidden": "true"
-												}),
-												/* @__PURE__ */ jsx("span", { children: sb.team.name ?? "Team" }),
-												/* @__PURE__ */ jsxs("span", {
-													className: "font-normal text-muted-foreground",
-													children: ["· ", sb.team.role]
-												})
-											]
-										}) : /* @__PURE__ */ jsxs("div", {
-											className: "inline-flex items-center gap-1.5 rounded-full bg-surface-container-high px-2.5 py-1 text-[11px] font-medium text-muted-foreground",
-											title: "Personal sandbox",
-											children: [/* @__PURE__ */ jsx(User, {
-												className: "h-3 w-3",
-												"aria-hidden": "true"
-											}), "Personal"]
-										})
+									hasTeamSandboxes && /* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+										children: "Scope"
 									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5",
-										children: /* @__PURE__ */ jsxs("div", {
-											className: "flex items-center gap-3",
-											children: [sb.imageIcon && /* @__PURE__ */ jsx("div", {
-												className: "w-8 h-8 rounded-lg bg-surface-container-high flex items-center justify-center",
-												children: sb.imageIcon
-											}), sb.image && /* @__PURE__ */ jsx("span", {
-												className: "text-xs font-bold text-foreground",
-												children: sb.image
-											})]
-										})
+									/* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+										children: "Environment"
 									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5",
-										children: isActive ? /* @__PURE__ */ jsxs("div", {
-											className: "space-y-3 w-48",
-											children: [/* @__PURE__ */ jsx(MiniMeter, {
-												label: "CPU",
-												percent: sb.cpuPercent ?? 0
-											}), /* @__PURE__ */ jsx(MiniMeter, {
-												label: "RAM",
-												percent: sb.ramTotal ? Math.round((sb.ramUsed ?? 0) / sb.ramTotal * 100) : 0
-											})]
-										}) : isProvisioning ? /* @__PURE__ */ jsxs("div", {
-											className: "flex items-center gap-2 text-primary italic text-[10px] font-bold",
-											children: [/* @__PURE__ */ jsx(RefreshCw, {
-												className: "h-3.5 w-3.5 animate-spin",
-												"data-motion": "essential"
-											}), sb.provisioningMessage ?? "Allocating nodes..."]
-										}) : isHibernating ? /* @__PURE__ */ jsxs("div", {
-											className: "space-y-3 w-48 opacity-30",
-											children: [/* @__PURE__ */ jsx(MiniMeter, {
-												label: "CPU",
-												percent: 0
-											}), /* @__PURE__ */ jsx(MiniMeter, {
-												label: "RAM",
-												percent: 0
-											})]
-										}) : null
+									/* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider",
+										children: "Resources"
 									}),
-									/* @__PURE__ */ jsx("td", {
-										className: "px-6 py-5 text-right",
-										children: /* @__PURE__ */ jsxs("div", {
-											className: "flex items-center justify-end gap-1",
-											children: [
-												isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
-													/* @__PURE__ */ jsx("button", {
-														type: "button",
-														onClick: (e) => {
-															stopRowClick(e);
-															onOpenIDE?.(sb.id);
-														},
-														className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
-														title: "Open IDE",
-														children: /* @__PURE__ */ jsx(Code2, { className: "h-4 w-4" })
+									/* @__PURE__ */ jsx("th", {
+										className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-right",
+										children: "Actions"
+									})
+								]
+							})
+						}), /* @__PURE__ */ jsx("tbody", {
+							className: "divide-y divide-border",
+							children: sandboxes.map((sb) => {
+								const sc = statusColors[sb.status] ?? statusColors.stopped;
+								const isActive = sb.status === "running";
+								const isHibernating = sb.status === "hibernating";
+								const isProvisioning = sb.status === "provisioning";
+								const resumeHandler = isResumable(sb.status) ? resolveResumeHandler(sb.status) : void 0;
+								const onRowClick = resolveRowClick(sb);
+								const resumeLabel = isHibernating ? "Wake Up" : "Resume";
+								const stopRowClick = (e) => e.stopPropagation();
+								return /* @__PURE__ */ jsxs("tr", {
+									className: cn$1("group relative transition-colors", onRowClick ? "cursor-pointer hover:bg-surface-container-high" : "hover:bg-surface-container-high"),
+									onClick: onRowClick,
+									children: [
+										/* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5 whitespace-nowrap",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ jsx("span", {
+													className: cn$1("flex h-2.5 w-2.5 rounded-full", sc.dot),
+													...sc.dot.includes("animate-") ? { "data-motion": "essential" } : {}
+												}), /* @__PURE__ */ jsx("span", {
+													className: cn$1("text-xs font-bold uppercase tracking-wide", sc.text),
+													children: sb.status.charAt(0).toUpperCase() + sb.status.slice(1)
+												})]
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: cn$1("flex min-w-0 flex-col", hasTeamSandboxes ? "max-w-36" : "max-w-64"),
+												children: [/* @__PURE__ */ jsx("span", {
+													className: "truncate text-sm font-bold text-foreground group-hover:text-primary transition-colors",
+													title: sb.name,
+													children: sb.name
+												}), sb.nodeId && /* @__PURE__ */ jsx("span", {
+													className: "truncate text-[10px] font-mono text-muted-foreground",
+													title: sb.nodeId,
+													children: sb.nodeId
+												})]
+											})
+										}),
+										hasTeamSandboxes && /* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5",
+											children: sb.team ? /* @__PURE__ */ jsxs("div", {
+												className: "inline-flex max-w-40 items-center gap-1.5 rounded-full bg-[var(--accent-surface-soft)] px-2.5 py-1 text-[11px] font-semibold text-[var(--accent-text)]",
+												title: `Shared with ${sb.team.name ?? "Team"} · ${sb.team.role}`,
+												children: [
+													/* @__PURE__ */ jsx(Users, {
+														className: "h-3 w-3 shrink-0",
+														"aria-hidden": "true"
+													}),
+													/* @__PURE__ */ jsx("span", {
+														className: "min-w-0 truncate",
+														children: sb.team.name ?? "Team"
 													}),
-													/* @__PURE__ */ jsx("button", {
+													/* @__PURE__ */ jsxs("span", {
+														className: "shrink-0 font-normal text-muted-foreground",
+														children: ["· ", sb.team.role]
+													})
+												]
+											}) : /* @__PURE__ */ jsxs("div", {
+												className: "inline-flex items-center gap-1.5 rounded-full bg-surface-container-high px-2.5 py-1 text-[11px] font-medium text-muted-foreground",
+												title: "Personal sandbox",
+												children: [/* @__PURE__ */ jsx(User, {
+													className: "h-3 w-3",
+													"aria-hidden": "true"
+												}), "Personal"]
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: cn$1("flex min-w-0 items-center gap-3", hasTeamSandboxes ? "max-w-26" : "max-w-28"),
+												children: [sb.imageIcon && /* @__PURE__ */ jsx("div", {
+													className: "w-8 h-8 shrink-0 rounded-lg bg-surface-container-high flex items-center justify-center",
+													children: sb.imageIcon
+												}), sb.image && /* @__PURE__ */ jsx("span", {
+													className: "min-w-0 truncate text-xs font-bold text-foreground",
+													title: sb.image,
+													children: sb.image
+												})]
+											})
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5",
+											children: isActive ? /* @__PURE__ */ jsxs("div", {
+												className: cn$1("space-y-3", hasTeamSandboxes ? "w-44" : "w-48"),
+												children: [/* @__PURE__ */ jsx(MiniMeter, {
+													label: "CPU",
+													percent: sb.cpuPercent ?? 0
+												}), /* @__PURE__ */ jsx(MiniMeter, {
+													label: "RAM",
+													percent: sb.ramTotal ? Math.round((sb.ramUsed ?? 0) / sb.ramTotal * 100) : 0
+												})]
+											}) : isProvisioning ? /* @__PURE__ */ jsxs("div", {
+												className: cn$1("flex items-center gap-2 text-primary italic text-[10px] font-bold", hasTeamSandboxes ? "max-w-44" : "max-w-48"),
+												children: [/* @__PURE__ */ jsx(RefreshCw, {
+													className: "h-3.5 w-3.5 shrink-0 animate-spin",
+													"data-motion": "essential"
+												}), /* @__PURE__ */ jsx("span", {
+													className: "min-w-0 truncate",
+													title: sb.provisioningMessage ?? "Allocating nodes...",
+													children: sb.provisioningMessage ?? "Allocating nodes..."
+												})]
+											}) : isHibernating ? /* @__PURE__ */ jsxs("div", {
+												className: cn$1("space-y-3 opacity-30", hasTeamSandboxes ? "w-44" : "w-48"),
+												children: [/* @__PURE__ */ jsx(MiniMeter, {
+													label: "CPU",
+													percent: 0
+												}), /* @__PURE__ */ jsx(MiniMeter, {
+													label: "RAM",
+													percent: 0
+												})]
+											}) : null
+										}),
+										/* @__PURE__ */ jsx("td", {
+											className: "px-6 py-5 text-right",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: "flex items-center justify-end gap-1",
+												children: [
+													isActive && /* @__PURE__ */ jsxs(Fragment, { children: [
+														/* @__PURE__ */ jsx("button", {
+															type: "button",
+															onClick: (e) => {
+																stopRowClick(e);
+																onOpenIDE?.(sb.id);
+															},
+															className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
+															title: "Open IDE",
+															children: /* @__PURE__ */ jsx(Code2, { className: "h-4 w-4" })
+														}),
+														/* @__PURE__ */ jsx("button", {
+															type: "button",
+															onClick: (e) => {
+																stopRowClick(e);
+																onOpenTerminal?.(sb.id);
+															},
+															className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
+															title: "Terminal",
+															children: /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" })
+														}),
+														/* @__PURE__ */ jsx("button", {
+															type: "button",
+															onClick: (e) => {
+																stopRowClick(e);
+																onSSH?.(sb.id);
+															},
+															className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
+															title: "SSH",
+															children: /* @__PURE__ */ jsx(Key, { className: "h-4 w-4" })
+														})
+													] }),
+													resumeHandler && /* @__PURE__ */ jsxs("button", {
 														type: "button",
 														onClick: (e) => {
 															stopRowClick(e);
-															onOpenTerminal?.(sb.id);
+															resumeHandler(sb.id);
 														},
-														className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
-														title: "Terminal",
-														children: /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" })
+														className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-[var(--md3-outline-variant)] text-primary text-[10px] font-bold uppercase tracking-wider hover:bg-[var(--accent-surface-soft)] active:scale-95 transition-all",
+														title: resumeLabel,
+														children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }), resumeLabel]
 													}),
-													/* @__PURE__ */ jsx("button", {
+													(() => {
+														const runItem = (handler) => (e) => {
+															e.stopPropagation();
+															handler(sb.id);
+														};
+														const overflowSections = [];
+														if (isActive) {
+															const lifecycle = [];
+															if (onStop) lifecycle.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onStop),
+																children: [/* @__PURE__ */ jsx(PowerOff, { className: "mr-2 h-4 w-4" }), " Stop Sandbox"]
+															}, "stop"));
+															if (onKeepAlive) lifecycle.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onKeepAlive),
+																children: [/* @__PURE__ */ jsx(Clock, { className: "mr-2 h-4 w-4" }), " Keep Alive"]
+															}, "keep-alive"));
+															if (lifecycle.length) overflowSections.push(lifecycle);
+															const observability = [];
+															if (onUsage) observability.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onUsage),
+																children: [/* @__PURE__ */ jsx(BarChart2, { className: "mr-2 h-4 w-4" }), " View Usage"]
+															}, "usage"));
+															if (onHealth) observability.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onHealth),
+																children: [/* @__PURE__ */ jsx(Activity, { className: "mr-2 h-4 w-4" }), " Health Check"]
+															}, "health"));
+															if (observability.length) overflowSections.push(observability);
+															if (onFork) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onFork),
+																children: [/* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }), " Fork Sandbox"]
+															}, "fork")]);
+														} else if (isResumable(sb.status)) {
+															if (onFork) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
+																onClick: runItem(onFork),
+																children: [/* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }), " Fork Sandbox"]
+															}, "fork")]);
+														}
+														if (onMore) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
+															onClick: runItem(onMore),
+															children: [/* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " View Details"]
+														}, "view-details")]);
+														if (overflowSections.length === 0) return null;
+														return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+															asChild: true,
+															children: /* @__PURE__ */ jsx("button", {
+																type: "button",
+																onClick: stopRowClick,
+																className: `p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90 ${focusRing}`,
+																"aria-label": `More actions for ${sb.name}`,
+																title: "More actions",
+																children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+															})
+														}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+															align: "end",
+															className: "min-w-[180px]",
+															children: overflowSections.map((section, sectionIdx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [sectionIdx > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), section] }, sectionIdx))
+														})] });
+													})(),
+													onDelete && canAdminSandbox(sb) && /* @__PURE__ */ jsx("button", {
 														type: "button",
+														"aria-label": `Delete ${sb.name}`,
 														onClick: (e) => {
 															stopRowClick(e);
-															onSSH?.(sb.id);
+															onDelete(sb.id);
 														},
-														className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90",
-														title: "SSH",
-														children: /* @__PURE__ */ jsx(Key, { className: "h-4 w-4" })
+														className: `p-2 rounded-lg hover:bg-[var(--surface-danger-bg)] text-muted-foreground hover:text-[var(--surface-danger-text)] transition-all active:scale-90 ${focusRing}`,
+														title: "Delete",
+														children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
 													})
-												] }),
-												resumeHandler && /* @__PURE__ */ jsxs("button", {
-													type: "button",
-													onClick: (e) => {
-														stopRowClick(e);
-														resumeHandler(sb.id);
-													},
-													className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-[var(--md3-outline-variant)] text-primary text-[10px] font-bold uppercase tracking-wider hover:bg-[var(--accent-surface-soft)] active:scale-95 transition-all",
-													title: resumeLabel,
-													children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }), resumeLabel]
-												}),
-												(() => {
-													const runItem = (handler) => (e) => {
-														e.stopPropagation();
-														handler(sb.id);
-													};
-													const overflowSections = [];
-													if (isActive) {
-														const lifecycle = [];
-														if (onStop) lifecycle.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onStop),
-															children: [/* @__PURE__ */ jsx(PowerOff, { className: "mr-2 h-4 w-4" }), " Stop Sandbox"]
-														}, "stop"));
-														if (onKeepAlive) lifecycle.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onKeepAlive),
-															children: [/* @__PURE__ */ jsx(Clock, { className: "mr-2 h-4 w-4" }), " Keep Alive"]
-														}, "keep-alive"));
-														if (lifecycle.length) overflowSections.push(lifecycle);
-														const observability = [];
-														if (onUsage) observability.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onUsage),
-															children: [/* @__PURE__ */ jsx(BarChart2, { className: "mr-2 h-4 w-4" }), " View Usage"]
-														}, "usage"));
-														if (onHealth) observability.push(/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onHealth),
-															children: [/* @__PURE__ */ jsx(Activity, { className: "mr-2 h-4 w-4" }), " Health Check"]
-														}, "health"));
-														if (observability.length) overflowSections.push(observability);
-														if (onFork) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onFork),
-															children: [/* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }), " Fork Sandbox"]
-														}, "fork")]);
-													} else if (isResumable(sb.status)) {
-														if (onFork) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
-															onClick: runItem(onFork),
-															children: [/* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }), " Fork Sandbox"]
-														}, "fork")]);
-													}
-													if (onMore) overflowSections.push([/* @__PURE__ */ jsxs(DropdownMenuItem, {
-														onClick: runItem(onMore),
-														children: [/* @__PURE__ */ jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " View Details"]
-													}, "view-details")]);
-													if (overflowSections.length === 0) return null;
-													return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-														asChild: true,
-														children: /* @__PURE__ */ jsx("button", {
-															type: "button",
-															onClick: stopRowClick,
-															className: `p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90 ${focusRing}`,
-															"aria-label": `More actions for ${sb.name}`,
-															title: "More actions",
-															children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
-														})
-													}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-														align: "end",
-														className: "min-w-[180px]",
-														children: overflowSections.map((section, sectionIdx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [sectionIdx > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), section] }, sectionIdx))
-													})] });
-												})(),
-												onDelete && canAdminSandbox(sb) && /* @__PURE__ */ jsx("button", {
-													type: "button",
-													"aria-label": `Delete ${sb.name}`,
-													onClick: (e) => {
-														stopRowClick(e);
-														onDelete(sb.id);
-													},
-													className: `p-2 rounded-lg hover:bg-[var(--surface-danger-bg)] text-muted-foreground hover:text-[var(--surface-danger-text)] transition-all active:scale-90 ${focusRing}`,
-													title: "Delete",
-													children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
-												})
-											]
+												]
+											})
 										})
-									})
-								]
-							}, sb.id);
-						})
-					})]
+									]
+								}, sb.id);
+							})
+						})]
+					})
 				})
+			}),
+			totalPages > 1 && /* @__PURE__ */ jsxs("div", {
+				className: "mt-6 flex flex-col md:flex-row justify-between items-center text-muted-foreground text-xs font-medium gap-4",
+				children: [/* @__PURE__ */ jsxs("p", { children: [
+					"Showing ",
+					sandboxes.length,
+					" of ",
+					totalCount,
+					" active sandboxes"
+				] }), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onPageChange?.(page - 1),
+							disabled: page <= 1,
+							className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30",
+							children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+						}),
+						Array.from({ length: Math.min(totalPages, 5) }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onPageChange?.(p),
+							className: cn$1("px-3 py-1 rounded-lg transition-colors", p === page ? "bg-[var(--accent-surface-soft)] text-primary border border-[var(--md3-outline)]" : "hover:bg-surface-container-high"),
+							children: p
+						}, p)),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onPageChange?.(page + 1),
+							disabled: page >= totalPages,
+							className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30",
+							children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+						})
+					]
+				})]
 			})
-		}), totalPages > 1 && /* @__PURE__ */ jsxs("div", {
-			className: "mt-6 flex flex-col md:flex-row justify-between items-center text-muted-foreground text-xs font-medium gap-4",
-			children: [/* @__PURE__ */ jsxs("p", { children: [
-				"Showing ",
-				sandboxes.length,
-				" of ",
-				totalCount,
-				" active sandboxes"
-			] }), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => onPageChange?.(page - 1),
-						disabled: page <= 1,
-						className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30",
-						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
-					}),
-					Array.from({ length: Math.min(totalPages, 5) }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => onPageChange?.(p),
-						className: cn$1("px-3 py-1 rounded-lg transition-colors", p === page ? "bg-[var(--accent-surface-soft)] text-primary border border-[var(--md3-outline)]" : "hover:bg-surface-container-high"),
-						children: p
-					}, p)),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => onPageChange?.(page + 1),
-						disabled: page >= totalPages,
-						className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30",
-						children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-					})
-				]
-			})]
-		})]
+		]
 	});
 }
 //#endregion