spiracha 1.0.0 → 1.1.1

package/apps/ui/dist/server/assets/formatters-FJaGZgJk.js

@@ -0,0 +1,91 @@
+import { t as formatModelLabel$1 } from "./model-label-B1NWGc65.js";
+//#region src/lib/formatters.ts
+var DATE_TIME_FORMATTERS = /* @__PURE__ */ new Map();
+var getDateTimeFormatters = (timeZone) => {
+	const cacheKey = timeZone ?? "local";
+	const cached = DATE_TIME_FORMATTERS.get(cacheKey);
+	if (cached) return cached;
+	const created = {
+		dayKeyFormatter: new Intl.DateTimeFormat("en-CA", {
+			day: "2-digit",
+			month: "2-digit",
+			timeZone,
+			year: "numeric"
+		}),
+		timePartsFormatter: new Intl.DateTimeFormat("en-US", {
+			day: "numeric",
+			hour: "numeric",
+			hour12: true,
+			minute: "2-digit",
+			month: "short",
+			timeZone,
+			year: "numeric"
+		})
+	};
+	DATE_TIME_FORMATTERS.set(cacheKey, created);
+	return created;
+};
+var buildDayKey = (date, timeZone) => {
+	return getDateTimeFormatters(timeZone).dayKeyFormatter.format(date);
+};
+var formatTimeParts = (date, timeZone) => {
+	const parts = getDateTimeFormatters(timeZone).timePartsFormatter.formatToParts(date);
+	const partMap = new Map(parts.map((part) => [part.type, part.value]));
+	const hour = partMap.get("hour");
+	const minute = partMap.get("minute");
+	const dayPeriod = partMap.get("dayPeriod");
+	if (!hour || !minute || !dayPeriod) return null;
+	return {
+		day: partMap.get("day") ?? "",
+		month: partMap.get("month") ?? "",
+		time: `${hour}:${minute} ${dayPeriod}`.trim(),
+		year: partMap.get("year") ?? ""
+	};
+};
+var formatNumber = (value) => {
+	return new Intl.NumberFormat("en-US").format(value);
+};
+var formatTokens = (value) => {
+	return `${formatNumber(value)} tokens`;
+};
+var formatBytes = (value) => {
+	if (!value || value <= 0) return "0 B";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let size = value;
+	let unitIndex = 0;
+	while (size >= 1024 && unitIndex < units.length - 1) {
+		size /= 1024;
+		unitIndex += 1;
+	}
+	const fractionDigits = size >= 100 || unitIndex === 0 ? 0 : 1;
+	return `${size.toFixed(fractionDigits)} ${units[unitIndex]}`;
+};
+var formatDateTime = (value, options = {}) => {
+	if (value === null || value === void 0 || value === "") return "n/a";
+	const date = new Date(value);
+	if (Number.isNaN(date.getTime())) return "n/a";
+	const now = options.now ?? /* @__PURE__ */ new Date();
+	const parts = formatTimeParts(date, options.timeZone);
+	if (!parts) return "n/a";
+	const { day, month, time, year } = parts;
+	if (buildDayKey(date, options.timeZone) === buildDayKey(now, options.timeZone)) return time;
+	const currentYear = formatTimeParts(now, options.timeZone)?.year;
+	if (year && currentYear && year !== currentYear) return `${month} ${day}, ${year} · ${time}`;
+	return `${month} ${day} · ${time}`;
+};
+var formatList = (values) => {
+	if (values.length === 0) return "n/a";
+	return values.join(", ");
+};
+var formatBooleanLabel = (value) => {
+	return value ? "Yes" : "No";
+};
+var formatModelLabel = formatModelLabel$1;
+//#endregion
+export { formatModelLabel as a, formatList as i, formatBytes as n, formatNumber as o, formatDateTime as r, formatTokens as s, formatBooleanLabel as t };

package/apps/ui/dist/server/assets/input-B4tEzctc.js

@@ -0,0 +1,46 @@
+import { t as cn } from "./utils-C_uf36nf.js";
+import { jsx } from "react/jsx-runtime";
+import "lucide-react";
+import { DropdownMenu } from "radix-ui";
+//#region src/components/ui/dropdown-menu.tsx
+function DropdownMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		className: cn("data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/ui/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+//#endregion
+export { DropdownMenuTrigger as a, DropdownMenuItem as i, DropdownMenu$1 as n, DropdownMenuContent as r, Input as t };

package/apps/ui/dist/server/assets/loading-panel-DbLdvjtR.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+//#region src/components/loading-panel.tsx
+function LoadingPanel({ description = "Fetching local Codex data. Larger projects can take a moment.", title = "Loading" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-[1.6rem] border border-[var(--border)] bg-[var(--panel)] px-6 py-10 text-center shadow-[var(--panel-shadow)]",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex justify-center",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "rounded-full border border-[var(--border)] bg-[var(--panel-secondary)] p-3",
+					children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-[var(--accent)]" })
+				})
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-4 font-medium text-sm",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-[var(--muted-foreground)] text-sm",
+				children: description
+			})
+		]
+	});
+}
+//#endregion
+export { LoadingPanel as t };

package/apps/ui/dist/server/assets/metric-card-ByEeLu0r.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/metric-card.tsx
+function MetricCard({ helper, label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-2xl border border-[var(--border)] bg-[var(--panel)] p-4 shadow-[var(--panel-shadow)]",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-semibold text-[10px] text-[var(--muted-foreground)] uppercase tracking-[0.18em]",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 truncate font-semibold text-lg tracking-[-0.03em]",
+				children: value
+			}),
+			helper ? /* @__PURE__ */ jsx("p", {
+				className: "mt-1.5 text-[var(--muted-foreground)] text-xs",
+				children: helper
+			}) : null
+		]
+	});
+}
+//#endregion
+export { MetricCard as t };

package/apps/ui/dist/server/assets/model-label-B1NWGc65.js

@@ -0,0 +1,13 @@
+//#region ../../src/lib/model-label.ts
+var formatModelLabel = (value) => {
+	if (!value) return "Assistant";
+	return value.split(/[-_\s]+/u).filter(Boolean).map((part) => {
+		const lower = part.toLowerCase();
+		if (lower === "gpt") return "GPT";
+		if (/^[a-z]\d$/u.test(lower)) return lower.toUpperCase();
+		if (/^\d+(\.\d+)*$/u.test(part)) return part;
+		return `${part.slice(0, 1).toUpperCase()}${part.slice(1)}`;
+	}).join(" ");
+};
+//#endregion
+export { formatModelLabel as t };

package/apps/ui/dist/server/assets/page-header-CxdZM86z.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/page-header.tsx
+function PageHeader({ actions, eyebrow, subtitle, title }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-4 border-[var(--border)] border-b pb-5 sm:flex-row sm:items-end sm:justify-between",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [eyebrow ? /* @__PURE__ */ jsx("p", {
+				className: "font-semibold text-[11px] text-[var(--muted-foreground)] uppercase tracking-[0.18em]",
+				children: eyebrow
+			}) : null, /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+				className: "font-semibold text-2xl tracking-[-0.03em] sm:text-[2rem]",
+				children: title
+			}), subtitle ? /* @__PURE__ */ jsx("p", {
+				className: "mt-2 max-w-[60rem] whitespace-pre-wrap break-words text-[var(--muted-foreground)] text-sm",
+				children: subtitle
+			}) : null] })]
+		}), actions ? /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: actions
+		}) : null]
+	});
+}
+//#endregion
+export { PageHeader as t };

package/apps/ui/dist/server/assets/path-transforms-DL2IwtYd.js

@@ -0,0 +1,31 @@
+//#region ../../src/lib/path-transforms.ts
+var escapeForRegex = (value) => value.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
+var toUniquePathVariants = (projectPath) => {
+	const normalized = projectPath.trim();
+	const variants = [
+		normalized,
+		normalized.replaceAll("\\", "/"),
+		normalized.replaceAll("/", "\\")
+	].filter(Boolean);
+	return [...new Set(variants)].sort((left, right) => right.length - left.length);
+};
+var replaceExactProjectPath = (text, projectPath) => {
+	let result = text;
+	for (const variant of toUniquePathVariants(projectPath)) {
+		const escapedVariant = escapeForRegex(variant);
+		result = result.replace(new RegExp(`${escapedVariant}(?<separator>[\\\\/])`, "gu"), "");
+		result = result.replace(new RegExp(`${escapedVariant}(?=$|[^A-Za-z0-9._-])`, "gu"), ".");
+	}
+	return result;
+};
+var redactRemainingUsernames = (text) => {
+	return text.replace(/\/home\/[^/\\]+(?=\/|$)/gu, "~").replace(/\/Users\/[^/\\]+(?=\/|$)/gu, "~").replace(/[A-Za-z]:[\\/]+Users[\\/]+[^\\/]+(?=[\\/]|$)/gu, "~");
+};
+var applyPathTransforms = (text, settings) => {
+	let result = text;
+	if (settings.convertToProjectRoot && settings.projectPath) result = replaceExactProjectPath(result, settings.projectPath);
+	if (settings.redactUsername) result = redactRemainingUsernames(result);
+	return result;
+};
+//#endregion
+export { applyPathTransforms as t };

package/apps/ui/dist/server/assets/projects._project-CJ7l0ynC.js

@@ -0,0 +1,18 @@
+import { r as projectThreadsQueryOptions } from "./codex-queries-CAF6HYiG.js";
+import { t as LoadingPanel } from "./loading-panel-DbLdvjtR.js";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/projects.$project.tsx
+var $$splitErrorComponentImporter = () => import("./projects._project-CLSohrBp.js");
+var $$splitComponentImporter = () => import("./projects._project-CcJLp_A8.js");
+var Route = createFileRoute("/projects/$project")({
+	component: lazyRouteComponent($$splitComponentImporter, "component"),
+	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),
+	loader: ({ context, params }) => context.queryClient.ensureQueryData(projectThreadsQueryOptions(params.project)),
+	pendingComponent: () => /* @__PURE__ */ jsx(LoadingPanel, {
+		description: "Loading project threads and transcript summaries. Large projects can take a moment.",
+		title: "Loading project"
+	})
+});
+//#endregion
+export { Route as t };

package/apps/ui/dist/server/assets/projects._project-CLSohrBp.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/projects.$project.tsx?tsr-split=errorComponent
+function ProjectDetailErrorComponent({ error }) {
+	const isSqlite = error.message.includes("unable to open database") || error.message.includes("database is locked");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-xl border border-[var(--border)] bg-[var(--panel)] px-6 py-10 text-center",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-medium text-[var(--destructive)] text-sm",
+				children: isSqlite ? "Database unavailable" : "Failed to load project"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-[var(--muted-foreground)] text-sm",
+				children: isSqlite ? "Codex may have an exclusive lock on the database. Reload to retry." : error.message
+			}),
+			/* @__PURE__ */ jsx("button", {
+				className: "mt-4 text-[var(--accent)] text-sm underline-offset-2 hover:underline",
+				type: "button",
+				onClick: () => window.location.reload(),
+				children: "Reload"
+			})
+		]
+	});
+}
+//#endregion
+export { ProjectDetailErrorComponent as errorComponent };

package/apps/ui/dist/server/assets/projects._project-CcJLp_A8.js

@@ -0,0 +1,337 @@
+import { t as Button } from "./button-CmTDnzOn.js";
+import { n as useSettings } from "./settings-store-DpEJEQ7M.js";
+import { c as deleteThreadFn, d as exportThreadsFn, l as deleteThreadsFn, r as projectThreadsQueryOptions, u as exportThreadFn } from "./codex-queries-CAF6HYiG.js";
+import { t as Route } from "./projects._project-CJ7l0ynC.js";
+import { t as DataTable } from "./data-table-Cdct823O.js";
+import { t as PageHeader } from "./page-header-CxdZM86z.js";
+import { n as formatBytes, o as formatNumber, r as formatDateTime, s as formatTokens } from "./formatters-FJaGZgJk.js";
+import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-CWqcTXTF.js";
+import { n as downloadUrlFile, r as ExportDialog, t as downloadTextFile } from "./download-C5rkk_Bo.js";
+import { a as DropdownMenuTrigger, i as DropdownMenuItem, n as DropdownMenu, r as DropdownMenuContent, t as Input } from "./input-B4tEzctc.js";
+import { startTransition, useDeferredValue, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { Download, MoreHorizontal, Trash2, X } from "lucide-react";
+import { createColumnHelper } from "@tanstack/react-table";
+//#region src/components/threads-table.tsx
+var columnHelper = createColumnHelper();
+var defaultSorting = [{
+	desc: true,
+	id: "updatedAt"
+}];
+var columns = (onDeleteThread, onExportThread) => [
+	columnHelper.accessor((row) => row.thread.title, {
+		cell: (info) => /* @__PURE__ */ jsxs(Link, {
+			className: "block w-[16rem] max-w-[20rem] space-y-1 rounded-md outline-none transition hover:opacity-80 focus-visible:ring-2 focus-visible:ring-[var(--accent)] lg:w-auto",
+			params: { threadId: info.row.original.thread.id },
+			to: "/threads/$threadId",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "truncate font-medium underline-offset-2 hover:underline",
+				children: info.getValue()
+			}), /* @__PURE__ */ jsx("p", {
+				className: "line-clamp-2 text-[var(--muted-foreground)] text-xs",
+				children: info.row.original.thread.preview
+			})]
+		}),
+		header: "Thread",
+		id: "title"
+	}),
+	columnHelper.accessor((row) => row.thread.updated_at_ms ?? row.thread.updated_at * 1e3, {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap text-sm",
+			suppressHydrationWarning: true,
+			children: formatDateTime(info.getValue())
+		}),
+		header: "Updated",
+		id: "updatedAt"
+	}),
+	columnHelper.accessor((row) => row.thread.created_at_ms ?? row.thread.created_at * 1e3, {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap text-sm",
+			suppressHydrationWarning: true,
+			children: formatDateTime(info.getValue())
+		}),
+		header: "Created",
+		id: "createdAt"
+	}),
+	columnHelper.accessor((row) => row.thread.model ?? "unknown", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "truncate font-mono text-sm",
+			children: info.getValue()
+		}),
+		header: "Model",
+		id: "model"
+	}),
+	columnHelper.accessor((row) => row.thread.tokens_used, {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap font-mono text-sm",
+			children: formatTokens(info.getValue())
+		}),
+		header: "Tokens",
+		id: "tokens"
+	}),
+	columnHelper.accessor((row) => row.rolloutSizeBytes, {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap font-mono text-sm",
+			children: formatBytes(info.getValue() ?? 0)
+		}),
+		header: "Size",
+		id: "size"
+	}),
+	columnHelper.accessor((row) => row.stats.toolCallCount, {
+		cell: (info) => info.row.original.stats.deferred ? /* @__PURE__ */ jsx("span", {
+			className: "text-[var(--muted-foreground)] text-sm",
+			children: "Deferred"
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Tools",
+		id: "tools"
+	}),
+	columnHelper.accessor((row) => row.thread.archived, {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: info.getValue() ? "Archived" : "Active"
+		}),
+		header: "State",
+		id: "state"
+	}),
+	columnHelper.display({
+		cell: (info) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				className: "rounded-full",
+				size: "icon",
+				type: "button",
+				variant: "ghost",
+				onClick: (event) => event.stopPropagation(),
+				children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+			})
+		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => onExportThread(info.row.original),
+				children: [/* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }), "Export thread"]
+			}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				className: "text-[var(--destructive)]",
+				onClick: () => onDeleteThread(info.row.original),
+				children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), "Delete thread"]
+			})]
+		})] }),
+		enableSorting: false,
+		header: "",
+		id: "actions"
+	})
+];
+function ThreadsTable({ threads, onDeleteThread, onDeleteThreads, onExportThread, onExportThreads }) {
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns: columns(onDeleteThread, onExportThread),
+		data: threads,
+		emptyMessage: "No threads match the current project filter.",
+		enableRowSelection: true,
+		getRowId: (row) => row.thread.id,
+		initialSorting: defaultSorting,
+		renderToolbar: ({ clearSelection, selectedRows }) => {
+			if (selectedRows.length === 0) return /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--muted-foreground)] text-sm",
+				children: "Select threads to export or delete them in a batch."
+			});
+			const selectedThreadIds = selectedRows.map((row) => row.thread.id);
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ jsxs("p", {
+					className: "text-sm",
+					children: [
+						selectedRows.length,
+						" thread",
+						selectedRows.length === 1 ? "" : "s",
+						" selected"
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							className: "rounded-full",
+							size: "sm",
+							type: "button",
+							variant: "outline",
+							onClick: () => onExportThreads(selectedThreadIds),
+							children: [/* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }), "Export selected threads"]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							className: "rounded-full border-[var(--destructive)]/20 text-[var(--destructive)]",
+							size: "sm",
+							type: "button",
+							variant: "outline",
+							onClick: () => onDeleteThreads(selectedThreadIds),
+							children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), "Delete selected threads"]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							className: "rounded-full",
+							size: "sm",
+							type: "button",
+							variant: "ghost",
+							onClick: clearSelection,
+							children: [/* @__PURE__ */ jsx(X, { className: "mr-2 size-4" }), "Clear selection"]
+						})
+					]
+				})]
+			});
+		}
+	});
+}
+//#endregion
+//#region src/routes/projects.$project.tsx?tsr-split=component
+function ProjectDetailPage() {
+	const params = Route.useParams();
+	const queryClient = useQueryClient();
+	const threads = useSuspenseQuery(projectThreadsQueryOptions(params.project)).data;
+	const { settings } = useSettings();
+	const [searchInput, setSearchInput] = useState("");
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const [pendingExport, setPendingExport] = useState(null);
+	const deferredSearch = useDeferredValue(searchInput.trim().toLowerCase());
+	const deleteThreadMutation = useMutation({
+		mutationFn: (input) => {
+			if (input.threadIds.length === 1) return deleteThreadFn({ data: {
+				deleteSessionFiles: input.deleteSessionFiles,
+				threadId: input.threadIds[0]
+			} });
+			return deleteThreadsFn({ data: input });
+		},
+		onSuccess: async () => {
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: ["analytics"] }),
+				queryClient.invalidateQueries({ queryKey: ["dashboard"] }),
+				queryClient.invalidateQueries({ queryKey: ["project-threads", params.project] }),
+				queryClient.invalidateQueries({ queryKey: ["projects"] })
+			]);
+			setPendingDelete(null);
+		}
+	});
+	const exportThreadMutation = useMutation({
+		mutationFn: async (options) => {
+			if (!pendingExport) throw new Error("No thread selected for export");
+			console.info("[spiracha:export-ui] request", {
+				outputFormat: options.outputFormat,
+				project: params.project,
+				selectedThreadCount: pendingExport.threadIds.length,
+				selectedThreadIds: pendingExport.threadIds
+			});
+			const download = pendingExport.threadIds.length === 1 ? await exportThreadFn({ data: {
+				...options,
+				...settings,
+				threadId: pendingExport.threadIds[0]
+			} }) : await exportThreadsFn({ data: {
+				...options,
+				...settings,
+				threadIds: pendingExport.threadIds
+			} });
+			console.info("[spiracha:export-ui] response", {
+				downloadUrl: download.mode === "download_url" ? download.downloadUrl : null,
+				fileName: download.fileName,
+				mode: download.mode,
+				project: params.project,
+				selectedThreadCount: pendingExport.threadIds.length
+			});
+			if (download.mode === "download") {
+				downloadTextFile(download.fileName, download.content, download.mimeType);
+				return;
+			}
+			await downloadUrlFile(download.fileName, download.downloadUrl);
+		},
+		onError: (error) => {
+			console.error("[spiracha:export-ui] failed", {
+				error: error instanceof Error ? error.message : String(error),
+				project: params.project,
+				selectedThreadCount: pendingExport?.threadIds.length ?? 0,
+				selectedThreadIds: pendingExport?.threadIds ?? []
+			});
+		},
+		onSuccess: () => {
+			setPendingExport(null);
+		}
+	});
+	const visibleThreads = [...threads].filter((thread) => {
+		if (!deferredSearch) return true;
+		return `${thread.thread.title}\n${thread.thread.preview}`.toLowerCase().includes(deferredSearch);
+	});
+	const lookupSelectedThreads = (threadIds) => {
+		const threadIdSet = new Set(threadIds);
+		return visibleThreads.filter((thread) => threadIdSet.has(thread.thread.id));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				actions: /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-2 sm:flex-row",
+					children: /* @__PURE__ */ jsx(Input, {
+						className: "h-10 w-full rounded-full border-[var(--border)] bg-[var(--panel)] px-4 sm:w-[20rem]",
+						placeholder: "Search thread title or preview",
+						value: searchInput,
+						onChange: (event) => {
+							startTransition(() => {
+								setSearchInput(event.target.value);
+							});
+						}
+					})
+				}),
+				eyebrow: "Project",
+				subtitle: "Sort by any column, inspect tool call volume, and manage thread records for this derived project.",
+				title: params.project
+			}),
+			/* @__PURE__ */ jsx(ThreadsTable, {
+				threads: visibleThreads,
+				onDeleteThread: (thread) => setPendingDelete({ threads: [thread] }),
+				onDeleteThreads: (threadIds) => {
+					const selectedThreads = lookupSelectedThreads(threadIds);
+					if (selectedThreads.length === 0) return;
+					setPendingDelete({ threads: selectedThreads });
+				},
+				onExportThread: (thread) => setPendingExport({
+					threadIds: [thread.thread.id],
+					threadLabel: thread.thread.title
+				}),
+				onExportThreads: (threadIds) => {
+					const selectedThreads = lookupSelectedThreads(threadIds);
+					if (selectedThreads.length === 0) return;
+					setPendingExport({
+						threadIds: selectedThreads.map((thread) => thread.thread.id),
+						threadLabel: selectedThreads.length === 1 ? selectedThreads[0].thread.title : `${selectedThreads.length} selected threads`
+					});
+				}
+			}),
+			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
+				confirmLabel: deleteThreadMutation.isPending ? "Deleting..." : "Delete thread",
+				description: pendingDelete ? pendingDelete.threads.length === 1 ? `Delete the thread "${pendingDelete.threads[0].thread.title}" from the Codex database. Leave Session files unchecked if you only want to remove the current DB row.` : `Delete ${pendingDelete.threads.length} selected threads from the Codex database. Enable Delete Session files if you also want to remove their rollout JSONL files.` : "",
+				open: pendingDelete !== null,
+				showDeleteSessionFilesOption: true,
+				title: "Delete thread from Codex DB?",
+				onConfirm: ({ deleteSessionFiles }) => {
+					if (!pendingDelete) return;
+					deleteThreadMutation.mutate({
+						deleteSessionFiles,
+						threadIds: pendingDelete.threads.map((thread) => thread.thread.id)
+					});
+				},
+				onOpenChange: (open) => {
+					if (!open) setPendingDelete(null);
+				}
+			}),
+			/* @__PURE__ */ jsx(ExportDialog, {
+				open: pendingExport !== null,
+				pending: exportThreadMutation.isPending,
+				title: pendingExport ? `Export ${pendingExport.threadLabel}` : "Export thread",
+				onExport: (options) => exportThreadMutation.mutate(options),
+				onOpenChange: (open) => {
+					if (!open) setPendingExport(null);
+				}
+			})
+		]
+	});
+}
+//#endregion
+export { ProjectDetailPage as component };

package/apps/ui/dist/server/assets/projects.index-CaplpeMy.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/projects.index.tsx?tsr-split=errorComponent
+function ProjectsErrorComponent({ error }) {
+	const isSqlite = error.message.includes("unable to open database") || error.message.includes("database is locked");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-xl border border-[var(--border)] bg-[var(--panel)] px-6 py-10 text-center",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-medium text-[var(--destructive)] text-sm",
+				children: isSqlite ? "Database unavailable" : "Failed to load projects"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-[var(--muted-foreground)] text-sm",
+				children: isSqlite ? "Codex may have an exclusive lock on the database. Reload to retry." : error.message
+			}),
+			/* @__PURE__ */ jsx("button", {
+				className: "mt-4 text-[var(--accent)] text-sm underline-offset-2 hover:underline",
+				type: "button",
+				onClick: () => window.location.reload(),
+				children: "Reload"
+			})
+		]
+	});
+}
+//#endregion
+export { ProjectsErrorComponent as errorComponent };