@baochunli/flakes 0.0.4 → 0.0.6

package/dist/node_modules/@flakes/console/.output/server/_ssr/{RunsPage-BmLTih8Z.mjs → RunsPage-iTNYVwL0.mjs}

@@ -1,14 +1,15 @@
 import { o as __toESM } from "../_runtime.mjs";
 import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
-import { l as useRuns } from "./hooks-COIYuQzf.mjs";
+import { p as useProjects, y as useRuns } from "./hooks-CsVtQ1m-.mjs";
 import { t as cn } from "./utils-C_uf36nf.mjs";
 import { t as Button } from "./button-Btfpc86G.mjs";
+import { n as projectLabelForRun } from "./project-navigation-DI77TL9a.mjs";
 import { a as CardTitle, i as CardHeader, n as CardContent, r as CardDescription, t as Card } from "./card-SXNbNwk5.mjs";
-import { d as useClockTick, f as useFlash, i as StatusBar, l as taskProgress, n as Skeleton, r as StateBadge, u as timeAgo } from "./bits-BIFjjEu8.mjs";
+import { d as useClockTick, f as useFlash, i as StatusBar, l as taskProgress, n as Skeleton, r as StateBadge, t as Badge, u as timeAgo } from "./bits-BIFjjEu8.mjs";
+import { A as Inbox, r as X } from "../_libs/lucide-react.mjs";
 import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-B8aDcgVq.mjs";
-import { A as Inbox } from "../_libs/lucide-react.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/RunsPage-BmLTih8Z.js
+//#region node_modules/.nitro/vite/services/ssr/assets/RunsPage-iTNYVwL0.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var stateFilters = [
@@ -31,8 +32,14 @@ var stateFilters = [
 ];
 function RunsPage(props) {
 	const filter = props.filter;
-	const allRuns = useRuns();
-	const runs = useRuns(filter);
+	const projectList = useProjects().data?.projects ?? [];
+	const selectedProject = props.projectKey === void 0 ? void 0 : projectList.find((project) => project.projectKey === props.projectKey);
+	const query = props.projectKey === void 0 ? { state: filter } : {
+		state: filter,
+		projectKey: props.projectKey
+	};
+	const allRuns = useRuns(props.projectKey === void 0 ? void 0 : { projectKey: props.projectKey });
+	const runs = useRuns(query);
 	const loadedAll = (allRuns.data?.pages ?? []).flatMap((page) => page.runs);
 	const loaded = (runs.data?.pages ?? []).flatMap((page) => page.runs);
 	useClockTick();
@@ -52,9 +59,15 @@ function RunsPage(props) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 		className: "grid gap-5",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-				className: "text-lg font-semibold tracking-tight",
-				children: "Runs"
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+					className: "text-lg font-semibold tracking-tight",
+					children: "Runs"
+				}), props.projectKey !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+					variant: "secondary",
+					children: selectedProject?.name ?? props.projectKey
+				}) : null]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Every run your account can read, newest first."
@@ -72,16 +85,22 @@ function RunsPage(props) {
 					baseline: rate ?? 0
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-1.5",
-				children: stateFilters.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				children: [stateFilters.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 					size: "sm",
 					"aria-pressed": filter === entry.value,
 					variant: filter === entry.value ? "secondary" : "ghost",
 					className: cn("h-7 px-2.5 font-mono text-xs uppercase tracking-[0.08em]", filter !== entry.value && "text-muted-foreground"),
 					onClick: () => props.onFilterChange(entry.value),
 					children: entry.label
-				}, entry.label))
+				}, entry.label)), props.projectKey !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					size: "sm",
+					variant: "ghost",
+					className: "h-7 px-2.5 font-mono text-xs uppercase tracking-[0.08em] text-muted-foreground",
+					onClick: () => props.onProjectChange(void 0),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" }), "All projects"]
+				}) : null]
 			}),
 			runs.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
 				className: "text-sm text-status-failed",
@@ -95,6 +114,10 @@ function RunsPage(props) {
 							className: "console-callout text-muted-foreground",
 							children: "Run"
 						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+							className: "console-callout text-muted-foreground",
+							children: "Project"
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
 							className: "console-callout text-muted-foreground",
 							children: "State"
@@ -113,6 +136,7 @@ function RunsPage(props) {
 						})
 					] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: runs.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonRows, {}) : loaded.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunRow, {
 						run,
+						projects: projectList,
 						rising: rising.has(run.runId),
 						onOpen: () => props.onOpenRun(run.runId)
 					}, run.runId)) })] })
@@ -129,6 +153,7 @@ function RunsPage(props) {
 }
 function RunRow(props) {
 	const flash = useFlash(props.run.updatedAt);
+	const projectLabel = projectLabelForRun(props.projects, props.run);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
 		"data-flash": flash,
 		className: cn("cursor-pointer", props.rising && "animate-in fade-in slide-in-from-bottom-1 duration-200"),
@@ -153,6 +178,11 @@ function RunRow(props) {
 					})
 				]
 			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "block max-w-40 truncate font-mono text-xs text-muted-foreground",
+				title: projectLabel,
+				children: projectLabel ?? "—"
+			}) }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateBadge, {
 				state: props.run.state,
 				id: props.run.runId
@@ -234,7 +264,8 @@ function SkeletonRows() {
 		1,
 		2,
 		3,
-		4
+		4,
+		5
 	].map((cell) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-4 w-full max-w-32" }) }, cell)) }, row)) });
 }
 function EmptyState(props) {

package/dist/node_modules/@flakes/console/.output/server/_ssr/SandboxesPage-C1Z6dVce.mjs

@@ -0,0 +1,423 @@
+import { o as __toESM } from "../_runtime.mjs";
+import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
+import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
+import { a as managedSandboxDeleteAction, b as useSandboxFleet, c as useDeleteManagedSandbox, o as managedSandboxDeleteErrorMessage, v as useRunTasks, y as useRuns } from "./hooks-CsVtQ1m-.mjs";
+import { t as cn } from "./utils-C_uf36nf.mjs";
+import { t as Button } from "./button-Btfpc86G.mjs";
+import { n as CardContent, t as Card } from "./card-SXNbNwk5.mjs";
+import { c as taskOrdinals, d as useClockTick, n as Skeleton, r as StateBadge, u as timeAgo } from "./bits-BIFjjEu8.mjs";
+import { D as LoaderCircle, I as ExternalLink, J as Boxes, X as ArrowRight, r as X, s as Trash2 } from "../_libs/lucide-react.mjs";
+import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table-B8aDcgVq.mjs";
+import { t as SandboxesLens } from "./SandboxesLens-Bzc8NizP.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/SandboxesPage-C1Z6dVce.js
+var import_jsx_runtime = require_jsx_runtime();
+var import_react = /* @__PURE__ */ __toESM(require_react());
+function SandboxesPage(props) {
+	const runs = useRuns();
+	useClockTick();
+	const loadedRuns = (runs.data?.pages ?? []).flatMap((page) => page.runs);
+	const selectedRun = loadedRuns.find((run) => run.runId === props.selectedRunId) ?? loadedRuns[0];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		className: "grid gap-5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+				className: "text-lg font-semibold tracking-tight",
+				children: "Sandboxes"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Managed fleet state and sandbox placement by run."
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ManagedSandboxFleet, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunPlacementHistory, {
+				runs,
+				loadedRuns,
+				selectedRun,
+				onSelectRun: props.onSelectRun,
+				onOpenRun: props.onOpenRun,
+				onOpenTask: props.onOpenTask
+			})
+		]
+	});
+}
+function ManagedSandboxFleet() {
+	const sandboxFleet = useSandboxFleet();
+	const deleteSandbox = useDeleteManagedSandbox();
+	const [confirmingSandboxId, setConfirmingSandboxId] = (0, import_react.useState)(null);
+	const [pendingSandboxId, setPendingSandboxId] = (0, import_react.useState)(null);
+	const [feedback, setFeedback] = (0, import_react.useState)(null);
+	async function confirmDelete(sandbox) {
+		setPendingSandboxId(sandbox.sandboxId);
+		setFeedback(null);
+		try {
+			const result = await deleteSandbox.mutateAsync(sandbox.sandboxId);
+			setConfirmingSandboxId(null);
+			setFeedback(deleteSuccessFeedback(result));
+		} catch (error) {
+			setFeedback({
+				tone: "error",
+				sandboxId: sandbox.sandboxId,
+				message: managedSandboxDeleteErrorMessage(error)
+			});
+		} finally {
+			setPendingSandboxId(null);
+		}
+	}
+	const rows = sandboxFleet.data?.sandboxes ?? [];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, {
+		className: "py-0",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+			className: "grid gap-3 p-4",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex min-w-0 flex-wrap items-center justify-between gap-2",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "console-callout",
+							children: "Managed fleet"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "mt-1 text-xs text-muted-foreground",
+							"data-num": true,
+							children: sandboxFleet.isPending ? "Loading" : `${rows.length} sandboxes`
+						})]
+					})
+				}),
+				sandboxFleet.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "text-sm text-destructive",
+					children: ["Cannot list managed sandboxes: ", String(sandboxFleet.error)]
+				}) : sandboxFleet.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "grid gap-2",
+					children: [
+						0,
+						1,
+						2
+					].map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-10 w-full" }, row))
+				}) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "rounded-md border border-dashed py-8 text-center",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Boxes, { className: "mx-auto size-5 text-muted-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-3 text-sm font-medium",
+						children: "No managed sandboxes"
+					})]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Sandbox" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Lifecycle" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Liveness" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Host" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, { children: "Updated" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHead, {
+						className: "text-right",
+						children: "Delete"
+					})
+				] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, { children: rows.map((sandbox) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ManagedSandboxRow, {
+					sandbox,
+					confirming: confirmingSandboxId === sandbox.sandboxId,
+					pending: pendingSandboxId === sandbox.sandboxId,
+					disabled: deleteSandbox.isPending,
+					onRequestDelete: () => {
+						setFeedback(null);
+						setConfirmingSandboxId(sandbox.sandboxId);
+					},
+					onCancelDelete: () => setConfirmingSandboxId(null),
+					onConfirmDelete: () => void confirmDelete(sandbox)
+				}, sandbox.sandboxId)) })] }),
+				feedback ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					role: feedback.tone === "error" ? "alert" : "status",
+					className: cn("text-xs", feedback.tone === "error" ? "text-destructive" : "text-muted-foreground"),
+					children: [feedback.sandboxId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "font-mono",
+						"data-num": true,
+						children: [
+							feedback.sandboxId,
+							":",
+							" "
+						]
+					}) : null, feedback.message]
+				}) : null
+			]
+		})
+	});
+}
+function ManagedSandboxRow(props) {
+	const action = managedSandboxDeleteAction(props.sandbox, props.pending, props.confirming);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCell, {
+			className: "max-w-[16rem]",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "truncate font-mono text-xs text-foreground",
+				title: props.sandbox.sandboxId,
+				"data-num": true,
+				children: props.sandbox.sandboxId
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-1 truncate font-mono text-[11px] text-muted-foreground",
+				title: props.sandbox.instanceId,
+				"data-num": true,
+				children: props.sandbox.instanceId
+			})]
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateBadge, {
+			state: props.sandbox.status,
+			id: props.sandbox.sandboxId
+		}) }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateBadge, {
+			state: props.sandbox.sandboxStatus ?? "unknown",
+			id: props.sandbox.sandboxId
+		}) }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCell, {
+			className: "max-w-[13rem]",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "truncate font-mono text-xs",
+				title: props.sandbox.hostId,
+				"data-num": true,
+				children: props.sandbox.hostId
+			}), props.sandbox.hostPoolId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-1 truncate font-mono text-[11px] text-muted-foreground",
+				title: props.sandbox.hostPoolId,
+				"data-num": true,
+				children: props.sandbox.hostPoolId
+			}) : null]
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "font-mono text-[11px] text-muted-foreground",
+			title: props.sandbox.updatedAt,
+			"data-num": true,
+			children: timeAgo(props.sandbox.updatedAt)
+		}),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+			className: "text-right",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ManagedSandboxDeleteControls, {
+				action,
+				cleanupQueued: props.sandbox.status === "deleting",
+				disabled: props.disabled,
+				sandboxId: props.sandbox.sandboxId,
+				onRequestDelete: props.onRequestDelete,
+				onCancelDelete: props.onCancelDelete,
+				onConfirmDelete: props.onConfirmDelete
+			})
+		})
+	] });
+}
+function ManagedSandboxDeleteControls(props) {
+	if (props.action === "pending") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+		size: "xs",
+		variant: "outline",
+		disabled: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "size-3 animate-spin" }), "Deleting"]
+	});
+	if (props.action === "confirm") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex justify-end gap-1",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+			type: "button",
+			size: "xs",
+			variant: "destructive",
+			disabled: props.disabled,
+			onClick: props.onConfirmDelete,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "size-3" }), "Confirm delete"]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			type: "button",
+			size: "icon-xs",
+			variant: "ghost",
+			"aria-label": `Cancel deleting ${props.sandboxId}`,
+			title: "Cancel",
+			disabled: props.disabled,
+			onClick: props.onCancelDelete,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X, { className: "size-3" })
+		})]
+	});
+	if (props.action === "request") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		type: "button",
+		size: "icon-xs",
+		variant: "ghost",
+		"aria-label": `Delete stale managed sandbox ${props.sandboxId}`,
+		title: "Delete stale sandbox",
+		disabled: props.disabled,
+		onClick: props.onRequestDelete,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "size-3" })
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-xs text-muted-foreground",
+		children: props.cleanupQueued ? "Cleanup queued" : "—"
+	});
+}
+function deleteSuccessFeedback(result) {
+	if (result.status === "cleanup_queued") return {
+		tone: "info",
+		sandboxId: result.sandboxId,
+		message: "Cleanup queued."
+	};
+	return {
+		tone: "info",
+		sandboxId: result.sandboxId,
+		message: "Deleted."
+	};
+}
+function RunPlacementHistory(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "grid gap-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+			className: "console-callout",
+			children: "Run placement history"
+		}) }), props.runs.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+			className: "text-sm text-destructive",
+			children: ["Cannot list runs: ", String(props.runs.error)]
+		}) : props.runs.isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingLayout, {}) : props.loadedRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "grid min-w-0 gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunChooser, {
+				runs: props.loadedRuns,
+				selectedRunId: props.selectedRun?.runId,
+				hasMore: props.runs.hasNextPage,
+				loadingMore: props.runs.isFetchingNextPage,
+				onLoadMore: () => void props.runs.fetchNextPage(),
+				onSelect: props.onSelectRun
+			}), props.selectedRun ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectedRunSandboxes, {
+				run: props.selectedRun,
+				onOpenRun: props.onOpenRun,
+				onOpenTask: props.onOpenTask
+			}) : null]
+		})]
+	});
+}
+function LoadingLayout() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "grid gap-4 lg:grid-cols-[20rem_minmax(0,1fr)]",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, {
+			className: "gap-2 p-3",
+			children: [
+				0,
+				1,
+				2
+			].map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-12 w-full" }, row))
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+			className: "p-4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "h-5 w-40" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "mt-4 h-32 w-full" })]
+		})]
+	});
+}
+function EmptyState() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "rounded-lg border border-dashed py-12 text-center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Boxes, { className: "mx-auto size-5 text-muted-foreground" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-3 console-callout",
+				children: "No runs yet"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-2 text-sm text-muted-foreground",
+				children: "Sandbox placement appears after your account has task runs."
+			})
+		]
+	});
+}
+function RunChooser(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, {
+		className: "gap-2 p-2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "px-2 py-1",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "console-callout",
+					children: "Recent runs"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "grid gap-1",
+				children: props.runs.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunChoice, {
+					run,
+					selected: run.runId === props.selectedRunId,
+					onSelect: props.onSelect
+				}, run.runId))
+			}),
+			props.hasMore ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				disabled: props.loadingMore,
+				onClick: props.onLoadMore,
+				className: "mt-1 rounded-md px-2 py-1.5 text-left font-mono text-[11px] uppercase tracking-[0.08em] text-muted-foreground transition-colors hover:bg-secondary/60 disabled:cursor-wait disabled:opacity-60",
+				children: props.loadingMore ? "Loading" : "Load more"
+			}) : null
+		]
+	});
+}
+function RunChoice(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		type: "button",
+		"aria-pressed": props.selected,
+		onClick: () => props.onSelect(props.run.runId),
+		className: cn("grid min-w-0 gap-1 rounded-md px-2 py-2 text-left transition-colors", props.selected ? "bg-secondary text-foreground" : "text-muted-foreground hover:bg-secondary/60 hover:text-foreground"),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "min-w-0 flex-1 truncate text-sm font-medium",
+				children: props.run.name
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateBadge, {
+				state: props.run.state,
+				id: props.run.runId
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 items-center gap-2 font-mono text-[11px]",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "truncate",
+				title: props.run.runId,
+				children: props.run.runId
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "shrink-0",
+				title: props.run.updatedAt,
+				"data-num": true,
+				children: timeAgo(props.run.updatedAt)
+			})]
+		})]
+	});
+}
+function SelectedRunSandboxes(props) {
+	const tasks = useRunTasks(props.run.runId);
+	const taskList = tasks.data?.tasks ?? [];
+	const ordinals = taskOrdinals(taskList);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "grid min-w-0 gap-3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, {
+				className: "py-0",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+					className: "flex min-w-0 flex-wrap items-center gap-3 p-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+								className: "min-w-0 truncate text-base font-semibold",
+								children: props.run.name
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StateBadge, {
+								state: props.run.state,
+								id: props.run.runId
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "mt-1 truncate font-mono text-xs text-muted-foreground",
+							children: props.run.runId
+						})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: () => props.onOpenRun(props.run.runId),
+						className: "flex items-center gap-1.5 rounded-md border px-2.5 py-1 font-mono text-[11px] uppercase tracking-[0.08em] text-muted-foreground transition-colors hover:bg-secondary/60 hover:text-foreground",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { className: "size-3.5" }), "Open run"]
+					})]
+				})
+			}),
+			tasks.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "text-sm text-destructive",
+				children: ["Cannot load tasks: ", String(tasks.error)]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SandboxesLens, {
+				tasks: taskList,
+				ordinals,
+				pending: tasks.isPending,
+				onSelect: (taskId) => props.onOpenTask(props.run.runId, taskId)
+			}),
+			!tasks.isPending && taskList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+				type: "button",
+				onClick: () => props.onOpenRun(props.run.runId),
+				className: "inline-flex w-fit items-center gap-1.5 rounded-md px-2 py-1 font-mono text-[11px] uppercase tracking-[0.08em] text-muted-foreground transition-colors hover:bg-secondary/60 hover:text-foreground",
+				children: ["Open run by sandbox", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowRight, { className: "size-3.5" })]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { SandboxesPage };

package/dist/node_modules/@flakes/console/.output/server/_ssr/{TranscriptPage-DaSIDCKk.mjs → TranscriptPage-BcomoTls.mjs}

@@ -2,14 +2,14 @@ import { o as __toESM } from "../_runtime.mjs";
 import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
 import { d as Link } from "../_libs/@tanstack/react-router+[...].mjs";
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
-import { c as useRunTasks, d as useSendTaskMessage, f as useTaskActivity, h as useTaskWorkpad, m as useTaskPiSessionRaw, p as useTaskPiSession, t as ApiError, u as useSaveTaskWorkpad } from "./hooks-COIYuQzf.mjs";
+import { D as useTaskWorkpad, E as useTaskPiSessionRaw, S as useSendTaskMessage, T as useTaskPiSession, t as ApiError, v as useRunTasks, w as useTaskActivity, x as useSaveTaskWorkpad } from "./hooks-CsVtQ1m-.mjs";
 import { t as cn } from "./utils-C_uf36nf.mjs";
 import { t as Button } from "./button-Btfpc86G.mjs";
 import { a as fmtTime, c as taskOrdinals, d as useClockTick, n as Skeleton, r as StateBadge, s as taskDisplayName, t as Badge } from "./bits-BIFjjEu8.mjs";
-import { B as ChevronRight, K as ArrowDown, V as ChevronLeft, g as Route, h as Save, p as SendHorizontal, r as X, v as Pencil, x as MessageSquarePlus } from "../_libs/lucide-react.mjs";
+import { G as ChevronRight, K as ChevronLeft, Z as ArrowDown, g as Route, h as Save, p as SendHorizontal, r as X, v as Pencil, x as MessageSquarePlus } from "../_libs/lucide-react.mjs";
 import { t as Markdown } from "../_libs/react-markdown+[...].mjs";
 import { t as remarkGfm } from "../_libs/remark-gfm.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/TranscriptPage-DaSIDCKk.js
+//#region node_modules/.nitro/vite/services/ssr/assets/TranscriptPage-BcomoTls.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 /** Renders normalized Pi transcript items from the registered Pi session file. */

package/dist/node_modules/@flakes/console/.output/server/_ssr/{account-DzluYS58.mjs → account-Cp0s_IQK.mjs}

@@ -3,9 +3,9 @@ import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].m
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
 import { a as CardTitle, i as CardHeader, n as CardContent, r as CardDescription, t as Card } from "./card-SXNbNwk5.mjs";
 import { n as formatAuthError, t as authClient } from "./auth-validation-D9jyYJqc.mjs";
-import { n as useConsoleSession } from "./App-CwFtUgAz.mjs";
+import { n as useConsoleSession } from "./App-C-XaVKoO.mjs";
 import { t as AccountProfileForm } from "./account-forms-CsothyLo.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/account-DzluYS58.js
+//#region node_modules/.nitro/vite/services/ssr/assets/account-Cp0s_IQK.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function AccountRoute() {

package/dist/node_modules/@flakes/console/.output/server/_ssr/account-forms-CsothyLo.mjs

@@ -2,7 +2,7 @@ import { o as __toESM } from "../_runtime.mjs";
 import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
 import { t as Button } from "./button-Btfpc86G.mjs";
-import { D as LoaderCircle, E as Lock, R as CircleCheck, h as Save, i as User, u as ShieldCheck } from "../_libs/lucide-react.mjs";
+import { D as LoaderCircle, E as Lock, U as CircleCheck, h as Save, i as User, u as ShieldCheck } from "../_libs/lucide-react.mjs";
 import { o as validateAccountProfileInput, s as validateChangePasswordInput } from "./auth-validation-D9jyYJqc.mjs";
 import { n as AuthMessage, t as AuthField } from "./signin-form-CQDi-0A5.mjs";
 //#region node_modules/.nitro/vite/services/ssr/assets/account-forms-CsothyLo.js

package/dist/node_modules/@flakes/console/.output/server/_ssr/device-CRZl7dGv.mjs

@@ -4,7 +4,7 @@ import { d as Link, f as useNavigate } from "../_libs/@tanstack/react-router+[..
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
 import { t as cn } from "./utils-C_uf36nf.mjs";
 import { t as Button } from "./button-Btfpc86G.mjs";
-import { D as LoaderCircle, G as ArrowRight, L as CircleX, R as CircleCheck, c as Terminal, i as User, u as ShieldCheck } from "../_libs/lucide-react.mjs";
+import { D as LoaderCircle, U as CircleCheck, V as CircleX, X as ArrowRight, c as Terminal, i as User, u as ShieldCheck } from "../_libs/lucide-react.mjs";
 import { i as buildConsoleHref } from "./auth-redirect-BI2bC7qX.mjs";
 import { n as formatAuthError, r as isEmailVerificationAuthError, t as authClient } from "./auth-validation-D9jyYJqc.mjs";
 import { r as SignInForm } from "./signin-form-CQDi-0A5.mjs";