@baochunli/flakes 0.0.5 → 0.0.6

package/dist/node_modules/@flakes/console/.output/server/_chunks/table.mjs

@@ -1,5 +1,5 @@
 import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
-import { t as cn } from "./utils.mjs";
+import { n as cn } from "./button.mjs";
 //#region src/components/ui/table.tsx
 var import_jsx_runtime = require_jsx_runtime();
 function Table({ className, ...props }) {

package/dist/node_modules/@flakes/console/.output/server/{_runId-WZmbo654.mjs → _runId-P1u-vfcm.mjs}

@@ -1,6 +1,6 @@
 import { c as lazyRouteComponent, l as createFileRoute } from "./_libs/@tanstack/react-router+[...].mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/_runId-WZmbo654.js
-var $$splitComponentImporter = () => import("./_runId-CmYWNL8A.mjs");
+//#region node_modules/.nitro/vite/services/ssr/assets/_runId-P1u-vfcm.js
+var $$splitComponentImporter = () => import("./_runId-vO4tlCOP.mjs");
 var Route = createFileRoute("/runs/$runId")({
 	validateSearch: (search) => {
 		const next = {};

package/dist/node_modules/@flakes/console/.output/server/{_runId-CmYWNL8A.mjs → _runId-vO4tlCOP.mjs}

@@ -2,10 +2,10 @@ import { o as __toESM } from "./_runtime.mjs";
 import { c as require_jsx_runtime } from "./_libs/@radix-ui/react-arrow+[...].mjs";
 import { f as useNavigate, i as useLocation, s as Outlet } from "./_libs/@tanstack/react-router+[...].mjs";
 import { u as require_react } from "./_libs/@floating-ui/react-dom+[...].mjs";
-import { t as Route } from "./_runId-WZmbo654.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/_runId-CmYWNL8A.js
+import { t as Route } from "./_runId-P1u-vfcm.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_runId-vO4tlCOP.js
 var import_jsx_runtime = require_jsx_runtime();
-var RunPage = (0, (/* @__PURE__ */ __toESM(require_react())).lazy)(() => import("./_ssr/RunPage-B2vhVaj6.mjs").then((module) => ({ default: module.RunPage })));
+var RunPage = (0, (/* @__PURE__ */ __toESM(require_react())).lazy)(() => import("./_ssr/RunPage-BHs-v0LU.mjs").then((module) => ({ default: module.RunPage })));
 function RunRouteComponent() {
 	const { runId } = Route.useParams();
 	const { tab, view } = Route.useSearch();

package/dist/node_modules/@flakes/console/.output/server/_ssr/{App-CUx8Ftit.mjs → App-C-XaVKoO.mjs}

@@ -3,7 +3,7 @@ import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].m
 import { d as Link, f as useNavigate, i as useLocation } from "../_libs/@tanstack/react-router+[...].mjs";
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
 import { o as useQueryClient, r as useIsFetching } from "../_libs/tanstack__react-query.mjs";
-import { g as useRuns, o as useDeleteRun, u as useProjects } from "./hooks-DrgN35zn.mjs";
+import { l as useDeleteRun, p as useProjects, y as useRuns } from "./hooks-CsVtQ1m-.mjs";
 import { t as cn } from "./utils-C_uf36nf.mjs";
 import { a as Root2, i as Portal2, n as Item2, o as Separator2, r as Label2, s as Trigger, t as Content2 } from "../_libs/@radix-ui/react-dropdown-menu+[...].mjs";
 import { t as Button } from "./button-Btfpc86G.mjs";
@@ -11,7 +11,7 @@ import { i as splitProjectsByStatus, n as projectLabelForRun, t as groupRunsByPr
 import { M as Folder, N as FolderKanban, O as ListChecks, Q as Archive, Y as BookOpen, a as UserRound, d as Server, m as Search, s as Trash2, u as ShieldCheck, w as LogOut, y as PanelLeft } from "../_libs/lucide-react.mjs";
 import { a as buildRedirectTargetFromLocation, c as isProtectedConsolePath, l as sanitizeRedirectTarget, n as FlakesMark, r as ThemeToggle, s as isAuthRoutePath, t as ConsoleBrand } from "./auth-redirect-BI2bC7qX.mjs";
 import { t as authClient } from "./auth-validation-D9jyYJqc.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/App-CUx8Ftit.js
+//#region node_modules/.nitro/vite/services/ssr/assets/App-C-XaVKoO.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function DropdownMenu$1({ ...props }) {

package/dist/node_modules/@flakes/console/.output/server/_ssr/{DocumentationPage-0I9oWWJT.mjs → DocumentationPage-BR2KosFz.mjs}

@@ -6,8 +6,8 @@ import { t as cn } from "./utils-C_uf36nf.mjs";
 import { F as FileText, G as ChevronRight, I as ExternalLink, M as Folder, Y as BookOpen } from "../_libs/lucide-react.mjs";
 import { t as Markdown } from "../_libs/react-markdown+[...].mjs";
 import { t as remarkGfm } from "../_libs/remark-gfm.mjs";
-import { i as documentationPathFromHref, n as documentationNavItems, o as getDocumentationPageByPath, r as documentationPages } from "./documentation-C91gfyy0.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/DocumentationPage-0I9oWWJT.js
+import { i as documentationPathFromHref, n as documentationNavItems, o as getDocumentationPageByPath, r as documentationPages } from "./documentation-BnxmM-Yo.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/DocumentationPage-BR2KosFz.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function DocumentationPage(props) {

package/dist/node_modules/@flakes/console/.output/server/_ssr/{ProjectsPage-CGj9V2Of.mjs → ProjectsPage-BUrep1wl.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 { a as poolChoicesForBinding, c as useHostProjectBindings, g as useRuns, i as hostProjectWorkspacePath, l as useHosts, n as bindingValidationView, s as useHostPools, u as useProjects, w as useUpsertHostProjectBinding, y as useSetHostProjectWorkspaceRoot } from "./hooks-DrgN35zn.mjs";
+import { C as useSetHostProjectWorkspaceRoot, O as useUpsertHostProjectBinding, d as useHostProjectBindings, f as useHosts, i as hostProjectWorkspacePath, n as bindingValidationView, p as useProjects, s as poolChoicesForBinding, u as useHostPools, 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 { i as splitProjectsByStatus, r as projectMatchesRun } from "./project-navigation-DI77TL9a.mjs";
 import { a as CardTitle, i as CardHeader, n as CardContent, t as Card } from "./card-SXNbNwk5.mjs";
 import { d as useClockTick, n as Skeleton, t as Badge, u as timeAgo } from "./bits-BIFjjEu8.mjs";
 import { A as Inbox, B as Clock3, D as LoaderCircle, H as CircleDashed, M as Folder, P as FolderCog, Q as Archive, U as CircleCheck, V as CircleX, W as CircleAlert, d as Server, j as HardDrive } from "../_libs/lucide-react.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/ProjectsPage-CGj9V2Of.js
+//#region node_modules/.nitro/vite/services/ssr/assets/ProjectsPage-BUrep1wl.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function ProjectsPage() {

package/dist/node_modules/@flakes/console/.output/server/_ssr/{RunPage-B2vhVaj6.mjs → RunPage-BHs-v0LU.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 { f as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
 import { l as require_react_dom, u as require_react } from "../_libs/@floating-ui/react-dom+[...].mjs";
-import { d as useRun, f as useRunArtifacts, h as useRunTasks, m as useRunMetrics, o as useDeleteRun, p as useRunFileReservations, r as downloadFile, u as useProjects } from "./hooks-DrgN35zn.mjs";
+import { _ as useRunMetrics, g as useRunFileReservations, h as useRunArtifacts, l as useDeleteRun, m as useRun, p as useProjects, r as downloadFile, v as useRunTasks } from "./hooks-CsVtQ1m-.mjs";
 import { t as cva } from "../_libs/class-variance-authority+clsx.mjs";
 import { t as cn } from "./utils-C_uf36nf.mjs";
 import { i as Trigger, n as List, r as Root2, t as Content } from "../_libs/radix-ui__react-tabs.mjs";
@@ -13,7 +13,7 @@ import { a as fmtTime, c as taskOrdinals, d as useClockTick, f as useFlash, i as
 import { D as LoaderCircle, E as Lock, F as FileText, L as Expand, R as Download, S as Maximize2, n as ZoomIn, r as X, s as Trash2, t as ZoomOut, z as Clock } 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/RunPage-B2vhVaj6.js
+//#region node_modules/.nitro/vite/services/ssr/assets/RunPage-BHs-v0LU.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom());

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

@@ -1,7 +1,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 { g as useRuns, u as useProjects } from "./hooks-DrgN35zn.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";
@@ -9,7 +9,7 @@ import { a as CardTitle, i as CardHeader, n as CardContent, r as CardDescription
 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";
-//#region node_modules/.nitro/vite/services/ssr/assets/RunsPage-BifKogQE.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 = [

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-deSxVZaQ.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 useTaskWorkpad, S as useTaskPiSessionRaw, _ as useSaveTaskWorkpad, b as useTaskActivity, h as useRunTasks, t as ApiError, v as useSendTaskMessage, x as useTaskPiSession } from "./hooks-DrgN35zn.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 { 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-deSxVZaQ.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-D5y9vkAc.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-CUx8Ftit.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-D5y9vkAc.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() {