@baochunli/flakes 0.0.3 → 0.0.5

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

@@ -3,6 +3,55 @@ import { i as useQuery, n as useMutation, o as useQueryClient, t as useInfiniteQ
 import { n as clsx } from "../_libs/class-variance-authority+clsx.mjs";
 import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { n as normalizeConsolePath } from "./paths.mjs";
+//#region src/lib/project-placement.ts
+function hostProjectWorkspaceRootPath(hostId) {
+	return `/v1/hosts/${encodeURIComponent(hostId)}/project-workspace-root`;
+}
+function hostProjectBindingsPath(hostId) {
+	return `/v1/hosts/${encodeURIComponent(hostId)}/project-bindings`;
+}
+function hostProjectBindingPath(hostId, projectKey) {
+	return `${hostProjectBindingsPath(hostId)}/${encodeURIComponent(projectKey)}`;
+}
+function hostProjectWorkspacePath(projectWorkspaceRoot, projectKey) {
+	const separator = projectWorkspaceRoot.includes("\\") && !projectWorkspaceRoot.includes("/") ? "\\" : "/";
+	return projectWorkspaceRoot.endsWith("/") || projectWorkspaceRoot.endsWith("\\") ? `${projectWorkspaceRoot}${projectKey}` : `${projectWorkspaceRoot}${separator}${projectKey}`;
+}
+function bindingValidationView(binding) {
+	if (binding === void 0) return {
+		tone: "idle",
+		label: "Not bound",
+		detail: "No host binding has been saved for this project."
+	};
+	if (binding.availability === "available") return {
+		tone: "available",
+		label: "Available",
+		detail: `Validated ${binding.lastValidatedAt ?? binding.updatedAt}.`
+	};
+	if (binding.availability === "unavailable") return {
+		tone: "unavailable",
+		label: "Unavailable",
+		detail: binding.validationReason ?? `Last rejected ${binding.lastValidatedAt ?? binding.updatedAt}.`
+	};
+	return {
+		tone: "pending",
+		label: "Pending validation",
+		detail: "Waiting for the host runtime to validate this binding."
+	};
+}
+function poolChoicesForBinding(pools, binding) {
+	const selected = new Set(binding?.poolKeys ?? []);
+	return pools.map((pool) => {
+		const status = pool.status ?? "available";
+		return {
+			poolKey: pool.poolKey,
+			selected: selected.has(pool.poolKey),
+			status,
+			statusLabel: status
+		};
+	});
+}
+//#endregion
 //#region src/api/server-functions.ts
 var consoleGetJson = createServerFn({ method: "GET" }).inputValidator(validatePathInput).handler(async ({ data }) => {
 	const { proxyJsonHandler } = await import("./server-runtime.mjs");
@@ -128,13 +177,20 @@ function isRecord(value) {
 //#endregion
 //#region src/api/hooks.ts
 var POLL_MS = 1e3;
-function useRuns(state) {
+function useRuns(input) {
+	const state = typeof input === "string" ? input : input?.state;
+	const projectKey = typeof input === "string" ? void 0 : input?.projectKey;
 	return useInfiniteQuery({
-		queryKey: ["runs", state ?? null],
+		queryKey: [
+			"runs",
+			state ?? null,
+			projectKey ?? null
+		],
 		initialPageParam: void 0,
 		queryFn: ({ pageParam }) => {
 			const params = new URLSearchParams();
 			if (state !== void 0) params.set("state", state);
+			if (projectKey !== void 0) params.set("projectKey", projectKey);
 			if (pageParam !== void 0) params.set("cursor", pageParam);
 			const query = params.toString();
 			return apiGet(`/v1/runs${query ? `?${query}` : ""}`);
@@ -144,6 +200,54 @@ function useRuns(state) {
 		refetchInterval: POLL_MS
 	});
 }
+function useProjects() {
+	return useQuery({
+		queryKey: ["projects"],
+		queryFn: () => apiGet("/v1/projects"),
+		refetchInterval: POLL_MS
+	});
+}
+function useHosts() {
+	return useQuery({
+		queryKey: ["hosts"],
+		queryFn: () => apiGet("/v1/hosts"),
+		refetchInterval: POLL_MS
+	});
+}
+function useHostPools(hostId) {
+	return useQuery({
+		queryKey: ["host-pools", hostId],
+		enabled: hostId !== null,
+		queryFn: () => apiGet(`/v1/hosts/${encodeURIComponent(requireHostId(hostId, "useHostPools"))}/pools`),
+		refetchInterval: POLL_MS
+	});
+}
+function useHostProjectBindings(hostId, enabled = true) {
+	return useQuery({
+		queryKey: ["host-project-bindings", hostId],
+		enabled: hostId !== null && enabled,
+		queryFn: () => apiGet(hostProjectBindingsPath(requireHostId(hostId, "useHostProjectBindings"))),
+		refetchInterval: POLL_MS
+	});
+}
+function useSetHostProjectWorkspaceRoot() {
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (input) => apiPut(hostProjectWorkspaceRootPath(input.hostId), { path: input.path }),
+		onSuccess: async (root) => {
+			await Promise.all([queryClient.invalidateQueries({ queryKey: ["hosts"] }), queryClient.invalidateQueries({ queryKey: ["host-project-bindings", root.hostId] })]);
+		}
+	});
+}
+function useUpsertHostProjectBinding() {
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: (input) => apiPut(hostProjectBindingPath(input.hostId, input.projectKey), { poolKeys: input.poolKeys }),
+		onSuccess: async (_binding, input) => {
+			await queryClient.invalidateQueries({ queryKey: ["host-project-bindings", input.hostId] });
+		}
+	});
+}
 function useRun(runId) {
 	return useQuery({
 		queryKey: ["run", runId],
@@ -276,10 +380,14 @@ function requireTaskId(taskId, hookName) {
 	if (taskId === null) throw new Error(`${hookName} called without taskId`);
 	return taskId;
 }
+function requireHostId(hostId, hookName) {
+	if (hostId === null) throw new Error(`${hookName} called without hostId`);
+	return hostId;
+}
 //#endregion
 //#region src/lib/utils.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
 //#endregion
-export { useRunFileReservations as a, useRuns as c, useTaskActivity as d, useTaskPiSession as f, downloadFile as g, ApiError as h, useRunArtifacts as i, useSaveTaskWorkpad as l, useTaskWorkpad as m, useDeleteRun as n, useRunMetrics as o, useTaskPiSessionRaw as p, useRun as r, useRunTasks as s, cn as t, useSendTaskMessage as u };
+export { bindingValidationView as C, downloadFile as S, poolChoicesForBinding as T, useTaskPiSession as _, useHosts as a, useUpsertHostProjectBinding as b, useRunArtifacts as c, useRunTasks as d, useRuns as f, useTaskActivity as g, useSetHostProjectWorkspaceRoot as h, useHostProjectBindings as i, useRunFileReservations as l, useSendTaskMessage as m, useDeleteRun as n, useProjects as o, useSaveTaskWorkpad as p, useHostPools as r, useRun as s, cn as t, useRunMetrics as u, useTaskPiSessionRaw as v, hostProjectWorkspacePath as w, ApiError as x, useTaskWorkpad as y };

package/dist/node_modules/@flakes/console/.output/server/_libs/lucide-react.mjs

@@ -129,6 +129,30 @@ var createLucideIcon = (iconName, iconNode) => {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Archive = createLucideIcon("archive", [
+	["rect", {
+		width: "20",
+		height: "5",
+		x: "2",
+		y: "3",
+		rx: "1",
+		key: "1wp1u1"
+	}],
+	["path", {
+		d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",
+		key: "1s80jp"
+	}],
+	["path", {
+		d: "M10 12h4",
+		key: "a56b0p"
+	}]
+]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ArrowDown = createLucideIcon("arrow-down", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
@@ -297,6 +321,46 @@ var CircleCheck = createLucideIcon("circle-check", [["circle", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var CircleDashed = createLucideIcon("circle-dashed", [
+	["path", {
+		d: "M10.1 2.182a10 10 0 0 1 3.8 0",
+		key: "5ilxe3"
+	}],
+	["path", {
+		d: "M13.9 21.818a10 10 0 0 1-3.8 0",
+		key: "11zvb9"
+	}],
+	["path", {
+		d: "M17.609 3.721a10 10 0 0 1 2.69 2.7",
+		key: "1iw5b2"
+	}],
+	["path", {
+		d: "M2.182 13.9a10 10 0 0 1 0-3.8",
+		key: "c0bmvh"
+	}],
+	["path", {
+		d: "M20.279 17.609a10 10 0 0 1-2.7 2.69",
+		key: "1ruxm7"
+	}],
+	["path", {
+		d: "M21.818 10.1a10 10 0 0 1 0 3.8",
+		key: "qkgqxc"
+	}],
+	["path", {
+		d: "M3.721 6.391a10 10 0 0 1 2.7-2.69",
+		key: "1mcia2"
+	}],
+	["path", {
+		d: "M6.391 20.279a10 10 0 0 1-2.69-2.7",
+		key: "1fvljs"
+	}]
+]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var CircleX = createLucideIcon("circle-x", [
 	["circle", {
 		cx: "12",
@@ -319,6 +383,21 @@ var CircleX = createLucideIcon("circle-x", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Clock3 = createLucideIcon("clock-3", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "M12 6v6h4",
+	key: "135r8i"
+}]]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Clock = createLucideIcon("clock", [["circle", {
 	cx: "12",
 	cy: "12",
@@ -442,6 +521,80 @@ var FileText = createLucideIcon("file-text", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var FolderCog = createLucideIcon("folder-cog", [
+	["path", {
+		d: "M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3",
+		key: "128dxu"
+	}],
+	["path", {
+		d: "m14.305 19.53.923-.382",
+		key: "3m78fa"
+	}],
+	["path", {
+		d: "m15.228 16.852-.923-.383",
+		key: "npixar"
+	}],
+	["path", {
+		d: "m16.852 15.228-.383-.923",
+		key: "5xggr7"
+	}],
+	["path", {
+		d: "m16.852 20.772-.383.924",
+		key: "dpfhf9"
+	}],
+	["path", {
+		d: "m19.148 15.228.383-.923",
+		key: "1reyyz"
+	}],
+	["path", {
+		d: "m19.53 21.696-.382-.924",
+		key: "1goivc"
+	}],
+	["path", {
+		d: "m20.772 16.852.924-.383",
+		key: "htqkph"
+	}],
+	["path", {
+		d: "m20.772 19.148.924.383",
+		key: "9w9pjp"
+	}],
+	["circle", {
+		cx: "18",
+		cy: "18",
+		r: "3",
+		key: "1xkwt0"
+	}]
+]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var FolderKanban = createLucideIcon("folder-kanban", [
+	["path", {
+		d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z",
+		key: "1fr9dc"
+	}],
+	["path", {
+		d: "M8 10v4",
+		key: "tgpxqk"
+	}],
+	["path", {
+		d: "M12 10v2",
+		key: "hh53o1"
+	}],
+	["path", {
+		d: "M16 10v6",
+		key: "1d6xys"
+	}]
+]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Folder = createLucideIcon("folder", [["path", {
 	d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
 	key: "1kt360"
@@ -452,6 +605,30 @@ var Folder = createLucideIcon("folder", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var HardDrive = createLucideIcon("hard-drive", [
+	["path", {
+		d: "M10 16h.01",
+		key: "1bzywj"
+	}],
+	["path", {
+		d: "M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+		key: "18tbho"
+	}],
+	["path", {
+		d: "M21.946 12.013H2.054",
+		key: "zqlbp7"
+	}],
+	["path", {
+		d: "M6 16h.01",
+		key: "1pmjb7"
+	}]
+]);
+/**
+* @license lucide-react v1.17.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Inbox = createLucideIcon("inbox", [["polyline", {
 	points: "22 12 16 12 14 15 10 15 8 12 2 12",
 	key: "o97t9d"
@@ -1049,4 +1226,4 @@ var ZoomOut = createLucideIcon("zoom-out", [
 	}]
 ]);
 //#endregion
-export { Inbox as A, ChevronRight as B, Mail as C, LoaderCircle as D, Lock as E, Download as F, ArrowRight as G, Check as H, Clock as I, ArrowDown as K, CircleX as L, FileText as M, ExternalLink as N, ListChecks as O, Expand as P, CircleCheck as R, Maximize2 as S, LogIn as T, Boxes as U, ChevronLeft as V, BookOpen as W, RotateCcw as _, UserRound as a, Moon as b, Terminal as c, Server as d, Send as f, Route as g, Save as h, User as i, Folder as j, KeyRound as k, Sun as l, Search as m, ZoomIn as n, UserPlus as o, SendHorizontal as p, X as r, Trash2 as s, ZoomOut as t, ShieldCheck as u, Pencil as v, LogOut as w, MessageSquarePlus as x, PanelLeft as y, CircleAlert as z };
+export { Inbox as A, Clock3 as B, Mail as C, LoaderCircle as D, Lock as E, FileText as F, ChevronRight as G, CircleDashed as H, ExternalLink as I, Boxes as J, ChevronLeft as K, Expand as L, Folder as M, FolderKanban as N, ListChecks as O, FolderCog as P, Archive as Q, Download as R, Maximize2 as S, LogIn as T, CircleCheck as U, CircleX as V, CircleAlert as W, ArrowRight as X, BookOpen as Y, ArrowDown as Z, RotateCcw as _, UserRound as a, Moon as b, Terminal as c, Server as d, Send as f, Route as g, Save as h, User as i, HardDrive as j, KeyRound as k, Sun as l, Search as m, ZoomIn as n, UserPlus as o, SendHorizontal as p, Check as q, X as r, Trash2 as s, ZoomOut as t, ShieldCheck as u, Pencil as v, LogOut as w, MessageSquarePlus as x, PanelLeft as y, Clock as z };

package/dist/node_modules/@flakes/console/.output/server/{_runId-CJ5_8uS8.mjs → _runId-CmYWNL8A.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-Cag5UaYU.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/_runId-CJ5_8uS8.js
+import { t as Route } from "./_runId-WZmbo654.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_runId-CmYWNL8A.js
 var import_jsx_runtime = require_jsx_runtime();
-var RunPage = (0, (/* @__PURE__ */ __toESM(require_react())).lazy)(() => import("./_ssr/RunPage-CatpnkFy.mjs").then((module) => ({ default: module.RunPage })));
+var RunPage = (0, (/* @__PURE__ */ __toESM(require_react())).lazy)(() => import("./_ssr/RunPage-B2vhVaj6.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/{_runId-Cag5UaYU.mjs → _runId-WZmbo654.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-Cag5UaYU.js
-var $$splitComponentImporter = () => import("./_runId-CJ5_8uS8.mjs");
+//#region node_modules/.nitro/vite/services/ssr/assets/_runId-WZmbo654.js
+var $$splitComponentImporter = () => import("./_runId-CmYWNL8A.mjs");
 var Route = createFileRoute("/runs/$runId")({
 	validateSearch: (search) => {
 		const next = {};

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

@@ -3,14 +3,15 @@ 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 { l as useRuns, r as useDeleteRun } from "./hooks-COIYuQzf.mjs";
+import { g as useRuns, o as useDeleteRun, u as useProjects } from "./hooks-DrgN35zn.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";
-import { O as ListChecks, W 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 { i as splitProjectsByStatus, n as projectLabelForRun, t as groupRunsByProject } from "./project-navigation-DI77TL9a.mjs";
+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-CwFtUgAz.js
+//#region node_modules/.nitro/vite/services/ssr/assets/App-CUx8Ftit.js
 var import_jsx_runtime = require_jsx_runtime();
 var import_react = /* @__PURE__ */ __toESM(require_react());
 function DropdownMenu$1({ ...props }) {
@@ -220,19 +221,29 @@ function SidebarDocumentationLink(props) {
 	});
 }
 function PrimaryNav(props) {
-	const items = [{
-		to: "/runs",
-		label: "Runs",
-		detail: "Task runs",
-		icon: ListChecks,
-		active: props.pathname === "/" || props.pathname.startsWith("/runs")
-	}, {
-		to: "/sandboxes",
-		label: "Sandboxes",
-		detail: "Run task placement",
-		icon: Server,
-		active: props.pathname.startsWith("/sandboxes")
-	}];
+	const items = [
+		{
+			to: "/runs",
+			label: "Runs",
+			detail: "Task runs",
+			icon: ListChecks,
+			active: props.pathname === "/" || props.pathname.startsWith("/runs")
+		},
+		{
+			to: "/projects",
+			label: "Projects",
+			detail: "Project runs",
+			icon: FolderKanban,
+			active: props.pathname.startsWith("/projects")
+		},
+		{
+			to: "/sandboxes",
+			label: "Sandboxes",
+			detail: "Run task placement",
+			icon: Server,
+			active: props.pathname.startsWith("/sandboxes")
+		}
+	];
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", {
 		"aria-label": "Console sections",
 		className: cn("grid gap-1 border-b border-sidebar-border p-2", props.collapsed && "justify-items-center"),
@@ -309,6 +320,10 @@ function Breadcrumb(props) {
 		className: "text-foreground",
 		children: "Documentation"
 	});
+	if (segments[0] === "projects") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "text-foreground",
+		children: "Projects"
+	});
 	if (segments[0] === "sandboxes") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "text-foreground",
 		children: "Sandboxes"
@@ -410,23 +425,20 @@ function ConnectionChip(props) {
 		}), token.label]
 	});
 }
-/**
-* Read-only session navigator: the token's runs (newest first), optionally
-* grouped by `run.metadata.project` with an Inbox for the rest. No authoring
-* here — runs come from the orchestrator/CLI. Shares the runs query the shell
-* already polls.
-*/
+/** Read-only project and run navigator backed by the Projects and Runs APIs. */
 function SessionList() {
 	const [searchOpen, setSearchOpen] = (0, import_react.useState)(false);
 	const runs = useRuns();
+	const projects = useProjects();
 	const loaded = (runs.data?.pages ?? []).flatMap((page) => page.runs);
-	if (loaded.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "min-h-0 flex-1 px-3 py-2 text-xs text-muted-foreground",
-		children: runs.isPending ? "Loading sessions…" : "No sessions yet."
-	});
-	const groups = groupByProject(loaded);
-	const hasProjects = groups.some((group) => group.project !== null);
+	const projectList = projects.data?.projects ?? [];
+	const groups = groupRunsByProject(projectList, loaded);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProjectSidebarSection, {
+			projects: projectList,
+			loading: projects.isPending && projects.data === void 0,
+			error: projects.isError && projects.data === void 0 ? String(projects.error) : null
+		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "border-b border-sidebar-border p-2",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
@@ -448,24 +460,89 @@ function SessionList() {
 		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "min-h-0 flex-1 overflow-y-auto px-2 py-2",
-			children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "mb-3",
-				children: [group.project !== null || hasProjects ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "console-callout truncate px-2 pt-1 pb-1.5",
-					children: group.project ?? "Inbox"
-				}) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "grid gap-0.5",
-					children: group.runs.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionLink, { run }, run.runId))
-				})]
-			}, group.project ?? "__inbox"))
+			children: loaded.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "px-1 py-2 text-xs text-muted-foreground",
+				children: runs.isPending ? "Loading sessions…" : "No sessions yet."
+			}) : groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionGroup, { group }, group.id))
 		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunSearchDialog, {
 			open: searchOpen,
 			runs: loaded,
+			projects: projectList,
 			onOpenChange: setSearchOpen
 		})
 	] });
 }
+function ProjectSidebarSection(props) {
+	const { active } = splitProjectsByStatus(props.projects);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "border-b border-sidebar-border px-2 py-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "mb-1 flex items-center justify-between gap-2 px-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "console-callout truncate",
+				children: "Active projects"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+				to: "/projects",
+				className: "font-mono text-[10px] uppercase tracking-[0.08em] text-muted-foreground transition-colors hover:text-foreground",
+				children: "View"
+			})]
+		}), props.loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-2 py-1.5 text-xs text-muted-foreground",
+			children: "Loading projects…"
+		}) : props.error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-2 py-1.5 text-xs text-status-failed",
+			children: "Projects unavailable"
+		}) : active.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-2 py-1.5 text-xs text-muted-foreground",
+			children: "No active projects."
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid gap-0.5",
+			children: active.map((project) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+				to: "/runs",
+				search: { project: project.projectKey },
+				title: project.name,
+				className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/30 focus-visible:outline-none",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Folder, {
+					className: "size-3.5 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "block truncate font-medium",
+						children: project.name
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "block truncate font-mono text-[10px] text-muted-foreground",
+						children: project.projectKey
+					})]
+				})]
+			}, project.projectId))
+		})]
+	});
+}
+function SessionGroup(props) {
+	const archived = props.group.project?.status === "archived";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "mb-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 items-center gap-1.5 px-2 pt-1 pb-1.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "console-callout min-w-0 flex-1 truncate",
+				children: props.group.label
+			}), archived ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				title: "Archived project",
+				className: "inline-flex shrink-0 items-center gap-1 rounded border border-sidebar-border px-1.5 py-0.5 font-mono text-[9px] uppercase tracking-[0.08em] text-muted-foreground",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Archive, {
+					className: "size-3",
+					"aria-hidden": "true"
+				}), "Archived"]
+			}) : null]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid gap-0.5",
+			children: props.group.runs.map((run) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionLink, { run }, run.runId))
+		})]
+	});
+}
 function RunSearchDialog(props) {
 	const navigate = useNavigate();
 	const inputRef = (0, import_react.useRef)(null);
@@ -496,7 +573,7 @@ function RunSearchDialog(props) {
 		return () => window.removeEventListener("keydown", onKeyDown);
 	}, [props.onOpenChange]);
 	if (!props.open) return null;
-	const results = filterRuns(props.runs, query).slice(0, 12);
+	const results = filterRuns(props.runs, props.projects, query).slice(0, 12);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "fixed inset-0 z-50 bg-background/65 p-4",
 		role: "dialog",
@@ -646,14 +723,14 @@ function SessionLink(props) {
 		}) : null]
 	});
 }
-function filterRuns(runs, query) {
+function filterRuns(runs, projects, query) {
 	const needle = query.trim().toLowerCase();
 	if (needle.length === 0) return runs;
 	return runs.filter((run) => [
 		run.name,
 		run.runId,
 		run.state,
-		typeof run.metadata?.project === "string" ? run.metadata.project : void 0
+		projectLabelForRun(projects, run)
 	].some((value) => value?.toLowerCase().includes(needle)));
 }
 function sidebarTaskProgress(run) {
@@ -681,29 +758,6 @@ var deletableRunStates = new Set([
 	"CANCELLED",
 	"STALLED"
 ]);
-/** Optional grouping by run.metadata.project; ungrouped runs fall to an Inbox. */
-function groupByProject(runs) {
-	const projects = /* @__PURE__ */ new Map();
-	const inbox = [];
-	for (const run of runs) {
-		const project = typeof run.metadata?.project === "string" ? run.metadata.project : void 0;
-		if (project !== void 0 && project.length > 0) {
-			const list = projects.get(project) ?? [];
-			list.push(run);
-			projects.set(project, list);
-		} else inbox.push(run);
-	}
-	const groups = [];
-	for (const project of [...projects.keys()].sort()) groups.push({
-		project,
-		runs: projects.get(project) ?? []
-	});
-	if (inbox.length > 0) groups.push({
-		project: null,
-		runs: inbox
-	});
-	return groups;
-}
 function sessionStateDot(state) {
 	switch (state.toLowerCase()) {
 		case "running": return "bg-status-running";