@baochunli/flakes 0.0.4 → 0.0.5

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

@@ -1,11 +1,12 @@
 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 Inbox } from "../_libs/lucide-react.mjs";
-import { c as useRuns, t as cn } from "./utils.mjs";
+import { A as Inbox, r as X } from "../_libs/lucide-react.mjs";
+import { f as useRuns, o as useProjects, t as cn } from "./utils.mjs";
 import { t as Button } from "./button.mjs";
+import { n as projectLabelForRun } from "./project-navigation.mjs";
 import { a as CardTitle, i as CardHeader, n as CardContent, r as CardDescription, t as Card } from "./card.mjs";
-import { c as timeAgo, d as Skeleton, l as useClockTick, n as StatusBar, s as taskProgress, t as StateBadge, u as useFlash } from "./bits.mjs";
+import { c as timeAgo, d as Skeleton, f as Badge, l as useClockTick, n as StatusBar, s as taskProgress, t as StateBadge, u as useFlash } from "./bits.mjs";
 import { a as TableHeader, i as TableHead, n as TableBody, o as TableRow, r as TableCell, t as Table } from "./table.mjs";
 //#region src/views/RunsPage.tsx
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
@@ -30,8 +31,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();
@@ -51,9 +58,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."
@@ -71,16 +84,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",
@@ -94,6 +113,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"
@@ -112,6 +135,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)) })] })
@@ -128,6 +152,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"),
@@ -152,6 +177,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
@@ -233,7 +263,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/_chunks/SandboxesPage.mjs

@@ -1,6 +1,6 @@
 import { c as require_jsx_runtime } from "../_libs/@radix-ui/react-arrow+[...].mjs";
-import { G as ArrowRight, N as ExternalLink, U as Boxes } from "../_libs/lucide-react.mjs";
-import { c as useRuns, s as useRunTasks, t as cn } from "./utils.mjs";
+import { I as ExternalLink, J as Boxes, X as ArrowRight } from "../_libs/lucide-react.mjs";
+import { d as useRunTasks, f as useRuns, t as cn } from "./utils.mjs";
 import { n as CardContent, t as Card } from "./card.mjs";
 import { c as timeAgo, d as Skeleton, l as useClockTick, o as taskOrdinals, t as StateBadge } from "./bits.mjs";
 import { t as SandboxesLens } from "./SandboxesLens.mjs";

package/dist/node_modules/@flakes/console/.output/server/_chunks/TranscriptPage.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 { d as Link } from "../_libs/@tanstack/react-router+[...].mjs";
 import { u as require_react } from "../_libs/@floating-ui/react-dom+[...].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";
-import { d as useTaskActivity, f as useTaskPiSession, h as ApiError, l as useSaveTaskWorkpad, m as useTaskWorkpad, p as useTaskPiSessionRaw, s as useRunTasks, t as cn, u as useSendTaskMessage } from "./utils.mjs";
+import { _ as useTaskPiSession, d as useRunTasks, g as useTaskActivity, m as useSendTaskMessage, p as useSaveTaskWorkpad, t as cn, v as useTaskPiSessionRaw, x as ApiError, y as useTaskWorkpad } from "./utils.mjs";
 import { t as Button } from "./button.mjs";
 import { a as taskDisplayName, d as Skeleton, f as Badge, l as useClockTick, o as taskOrdinals, r as fmtTime, t as StateBadge } from "./bits.mjs";
 //#region src/views/TranscriptView.tsx

package/dist/node_modules/@flakes/console/.output/server/_chunks/project-navigation.mjs

@@ -0,0 +1,79 @@
+//#region src/lib/project-navigation.ts
+function splitProjectsByStatus(projects) {
+	const active = [];
+	const archived = [];
+	for (const project of projects) if (project.status === "archived") archived.push(project);
+	else active.push(project);
+	return {
+		active: sortProjects(active),
+		archived: sortProjects(archived)
+	};
+}
+function groupRunsByProject(projects, runs) {
+	const byProjectId = new Map(projects.map((project) => [project.projectId, project]));
+	const byProjectKey = new Map(projects.map((project) => [project.projectKey, project]));
+	const grouped = /* @__PURE__ */ new Map();
+	const unknown = /* @__PURE__ */ new Map();
+	const inbox = [];
+	for (const run of runs) {
+		const project = projectForRun(run, byProjectId, byProjectKey);
+		if (project !== null) {
+			const list = grouped.get(project.projectId) ?? [];
+			list.push(run);
+			grouped.set(project.projectId, list);
+			continue;
+		}
+		const unknownIdentity = run.projectId ?? run.projectKey;
+		if (unknownIdentity !== void 0 && unknownIdentity.length > 0) {
+			const id = `unknown:${unknownIdentity}`;
+			const group = unknown.get(id) ?? {
+				id,
+				label: run.projectKey ?? run.projectId ?? "Unknown project",
+				project: null,
+				runs: []
+			};
+			group.runs.push(run);
+			unknown.set(id, group);
+			continue;
+		}
+		inbox.push(run);
+	}
+	const groups = [];
+	const { active, archived } = splitProjectsByStatus(projects);
+	for (const project of [...active, ...archived]) {
+		const projectRuns = grouped.get(project.projectId);
+		if (projectRuns !== void 0 && projectRuns.length > 0) groups.push({
+			id: `project:${project.projectId}`,
+			label: project.name,
+			project,
+			runs: projectRuns
+		});
+	}
+	groups.push(...[...unknown.values()].sort((left, right) => left.label.localeCompare(right.label)));
+	if (inbox.length > 0) groups.push({
+		id: "inbox",
+		label: "Inbox",
+		project: null,
+		runs: inbox
+	});
+	return groups;
+}
+function projectMatchesRun(project, run) {
+	if (run.projectId !== void 0) return run.projectId === project.projectId;
+	return run.projectKey === project.projectKey;
+}
+function projectLabelForRun(projects, run) {
+	const project = projectForRun(run, new Map(projects.map((entry) => [entry.projectId, entry])), new Map(projects.map((entry) => [entry.projectKey, entry])));
+	if (project !== null) return `${project.name} (${project.projectKey})`;
+	return run.projectKey ?? run.projectId;
+}
+function projectForRun(run, byProjectId, byProjectKey) {
+	if (run.projectId !== void 0) return byProjectId.get(run.projectId) ?? null;
+	if (run.projectKey !== void 0) return byProjectKey.get(run.projectKey) ?? null;
+	return null;
+}
+function sortProjects(projects) {
+	return projects.sort((left, right) => left.projectKey.localeCompare(right.projectKey));
+}
+//#endregion
+export { splitProjectsByStatus as i, projectLabelForRun as n, projectMatchesRun as r, groupRunsByProject as t };