spiracha 1.1.2 → 1.3.0

package/apps/ui/dist/server/assets/download-DMmiy1xf.js

@@ -0,0 +1,92 @@
+//#region src/lib/download.ts
+var DEFAULT_DOWNLOAD_ATTEMPTS = 6;
+var DEFAULT_DOWNLOAD_RETRY_DELAY_MS = 250;
+var DEFAULT_INLINE_REVOKE_DELAY_MS = 3e4;
+var logDownloadEvent = (logger, level, event, details) => {
+	logger[level](`[spiracha:download] ${event}`, details);
+};
+var delay = (delayMs) => new Promise((resolve) => {
+	window.setTimeout(resolve, delayMs);
+});
+var triggerAnchorDownload = (documentRef, href, fileName) => {
+	const link = documentRef.createElement("a");
+	link.href = href;
+	link.download = fileName;
+	documentRef.body.append(link);
+	link.click();
+	link.remove();
+};
+var isReadyStatus = (status) => {
+	return status >= 200 && status < 400 || status === 405;
+};
+var waitForDownloadUrlAvailability = async (downloadUrl, fileName, { fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
+	for (let attempt = 1; attempt <= maxAttempts; attempt += 1) {
+		try {
+			const response = await fetchImpl(downloadUrl, {
+				cache: "no-store",
+				method: "HEAD"
+			});
+			if (isReadyStatus(response.status)) {
+				logDownloadEvent(logger, "info", "url_ready", {
+					attempt,
+					downloadUrl,
+					fileName,
+					status: response.status
+				});
+				return;
+			}
+			logDownloadEvent(logger, "warn", "url_not_ready", {
+				attempt,
+				downloadUrl,
+				fileName,
+				status: response.status
+			});
+		} catch (error) {
+			logDownloadEvent(logger, "warn", "url_probe_failed", {
+				attempt,
+				downloadUrl,
+				error: error instanceof Error ? error.message : String(error),
+				fileName
+			});
+		}
+		if (attempt < maxAttempts) await sleep(retryDelayMs);
+	}
+	throw new Error(`Download file was not available after ${maxAttempts} attempts: ${fileName}`);
+};
+var downloadUrlFile = async (fileName, downloadUrl, { documentRef = document, fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
+	logDownloadEvent(logger, "info", "start", {
+		downloadUrl,
+		fileName
+	});
+	await waitForDownloadUrlAvailability(downloadUrl, fileName, {
+		fetchImpl,
+		logger,
+		maxAttempts,
+		retryDelayMs,
+		sleep
+	});
+	triggerAnchorDownload(documentRef, downloadUrl, fileName);
+	logDownloadEvent(logger, "info", "triggered", {
+		downloadUrl,
+		fileName
+	});
+};
+var downloadTextFile = (fileName, content, mimeType, { createObjectUrl = (blob) => URL.createObjectURL(blob), documentRef = document, logger = console, revokeDelayMs = DEFAULT_INLINE_REVOKE_DELAY_MS, revokeObjectUrl = (url) => URL.revokeObjectURL(url), schedule = (callback, delayMs) => {
+	window.setTimeout(callback, delayMs);
+} } = {}) => {
+	logDownloadEvent(logger, "info", "inline_start", {
+		fileName,
+		mimeType,
+		sizeBytes: content.length
+	});
+	const url = createObjectUrl(new Blob([content], { type: mimeType }));
+	triggerAnchorDownload(documentRef, url, fileName);
+	schedule(() => revokeObjectUrl(url), revokeDelayMs);
+	logDownloadEvent(logger, "info", "inline_triggered", {
+		fileName,
+		mimeType,
+		sizeBytes: content.length
+	});
+};
+//#endregion
+export { downloadUrlFile as n, downloadTextFile as t };

package/apps/ui/dist/server/assets/{input-B4tEzctc.js → dropdown-menu-Dy_9t6TN.js}

@@ -33,14 +33,4 @@ function DropdownMenuItem({ className, inset, variant = "default", ...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 };
+export { DropdownMenuTrigger as i, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenu$1 as t };

package/apps/ui/dist/server/assets/{download-C5rkk_Bo.js → export-dialog-DaPlOGFT.js}

@@ -83,7 +83,7 @@ function DialogDescription({ className, ...props }) {
 //#region src/components/export-dialog.tsx
 function ExportDialog({ open, pending = false, title = "Export thread", onExport, onOpenChange }) {
 	const [outputFormat, setOutputFormat] = useState("md");
-	const [optimized, setOptimized] = useState(false);
+	const [includeMetadata, setIncludeMetadata] = useState(true);
 	const [includeCommentary, setIncludeCommentary] = useState(false);
 	const [includeTools, setIncludeTools] = useState(true);
 	return /* @__PURE__ */ jsx(Dialog$1, {
@@ -124,17 +124,17 @@ function ExportDialog({ open, pending = false, title = "Export thread", onExport
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-3 rounded-2xl border border-[var(--border)] bg-[var(--panel-secondary)] p-3",
 							children: [/* @__PURE__ */ jsx(Checkbox$1, {
-								"aria-label": "Optimized transcript",
-								checked: optimized,
-								onCheckedChange: (checked) => setOptimized(checked === true)
+								"aria-label": "Include metadata",
+								checked: includeMetadata,
+								onCheckedChange: (checked) => setIncludeMetadata(checked === true)
 							}), /* @__PURE__ */ jsxs("span", {
 								className: "space-y-1",
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "block font-medium text-sm",
-									children: "Optimized transcript"
+									children: "Include metadata"
 								}), /* @__PURE__ */ jsx("span", {
 									className: "block text-[var(--muted-foreground)] text-sm",
-									children: "Removes metadata and condenses the transcript for readability and token efficiency."
+									children: "Includes the chat metadata section at the top of the exported transcript."
 								})]
 							})]
 						}),
@@ -184,8 +184,8 @@ function ExportDialog({ open, pending = false, title = "Export thread", onExport
 					disabled: pending,
 					onClick: () => onExport({
 						includeCommentary,
+						includeMetadata,
 						includeTools,
-						optimized,
 						outputFormat
 					}),
 					children: pending ? "Exporting..." : "Download export"
@@ -195,95 +195,4 @@ function ExportDialog({ open, pending = false, title = "Export thread", onExport
 	});
 }
 //#endregion
-//#region src/lib/download.ts
-var DEFAULT_DOWNLOAD_ATTEMPTS = 6;
-var DEFAULT_DOWNLOAD_RETRY_DELAY_MS = 250;
-var DEFAULT_INLINE_REVOKE_DELAY_MS = 3e4;
-var logDownloadEvent = (logger, level, event, details) => {
-	logger[level](`[spiracha:download] ${event}`, details);
-};
-var delay = (delayMs) => new Promise((resolve) => {
-	window.setTimeout(resolve, delayMs);
-});
-var triggerAnchorDownload = (documentRef, href, fileName) => {
-	const link = documentRef.createElement("a");
-	link.href = href;
-	link.download = fileName;
-	documentRef.body.append(link);
-	link.click();
-	link.remove();
-};
-var isReadyStatus = (status) => {
-	return status >= 200 && status < 400 || status === 405;
-};
-var waitForDownloadUrlAvailability = async (downloadUrl, fileName, { fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
-	for (let attempt = 1; attempt <= maxAttempts; attempt += 1) {
-		try {
-			const response = await fetchImpl(downloadUrl, {
-				cache: "no-store",
-				method: "HEAD"
-			});
-			if (isReadyStatus(response.status)) {
-				logDownloadEvent(logger, "info", "url_ready", {
-					attempt,
-					downloadUrl,
-					fileName,
-					status: response.status
-				});
-				return;
-			}
-			logDownloadEvent(logger, "warn", "url_not_ready", {
-				attempt,
-				downloadUrl,
-				fileName,
-				status: response.status
-			});
-		} catch (error) {
-			logDownloadEvent(logger, "warn", "url_probe_failed", {
-				attempt,
-				downloadUrl,
-				error: error instanceof Error ? error.message : String(error),
-				fileName
-			});
-		}
-		if (attempt < maxAttempts) await sleep(retryDelayMs);
-	}
-	throw new Error(`Download file was not available after ${maxAttempts} attempts: ${fileName}`);
-};
-var downloadUrlFile = async (fileName, downloadUrl, { documentRef = document, fetchImpl = fetch, logger = console, maxAttempts = DEFAULT_DOWNLOAD_ATTEMPTS, retryDelayMs = DEFAULT_DOWNLOAD_RETRY_DELAY_MS, sleep = delay } = {}) => {
-	logDownloadEvent(logger, "info", "start", {
-		downloadUrl,
-		fileName
-	});
-	await waitForDownloadUrlAvailability(downloadUrl, fileName, {
-		fetchImpl,
-		logger,
-		maxAttempts,
-		retryDelayMs,
-		sleep
-	});
-	triggerAnchorDownload(documentRef, downloadUrl, fileName);
-	logDownloadEvent(logger, "info", "triggered", {
-		downloadUrl,
-		fileName
-	});
-};
-var downloadTextFile = (fileName, content, mimeType, { createObjectUrl = (blob) => URL.createObjectURL(blob), documentRef = document, logger = console, revokeDelayMs = DEFAULT_INLINE_REVOKE_DELAY_MS, revokeObjectUrl = (url) => URL.revokeObjectURL(url), schedule = (callback, delayMs) => {
-	window.setTimeout(callback, delayMs);
-} } = {}) => {
-	logDownloadEvent(logger, "info", "inline_start", {
-		fileName,
-		mimeType,
-		sizeBytes: content.length
-	});
-	const url = createObjectUrl(new Blob([content], { type: mimeType }));
-	triggerAnchorDownload(documentRef, url, fileName);
-	schedule(() => revokeObjectUrl(url), revokeDelayMs);
-	logDownloadEvent(logger, "info", "inline_triggered", {
-		fileName,
-		mimeType,
-		sizeBytes: content.length
-	});
-};
-//#endregion
-export { downloadUrlFile as n, ExportDialog as r, downloadTextFile as t };
+export { ExportDialog as t };

package/apps/ui/dist/server/assets/json-panel-RYsxWFae.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/json-panel.tsx
+function JsonPanel({ title, value }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-[1.6rem] border border-[var(--border)] bg-[var(--panel)] p-5 shadow-[var(--panel-shadow)]",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "font-semibold text-[var(--muted-foreground)] text-sm uppercase tracking-[0.18em]",
+			children: title
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "mt-4 overflow-x-auto rounded-2xl border border-[var(--border)] bg-[var(--code-background)] p-4 text-[var(--code-foreground)] text-xs leading-5",
+			children: JSON.stringify(value, null, 2)
+		})]
+	});
+}
+//#endregion
+export { JsonPanel as t };

package/apps/ui/dist/server/assets/{loading-panel-DbLdvjtR.js → loading-panel-BGFnWseS.js}

@@ -1,7 +1,7 @@
 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" }) {
+function LoadingPanel({ description = "Fetching local data. Larger workspaces 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: [

package/apps/ui/dist/server/assets/metadata-section-D6Lbc7D6.js

@@ -0,0 +1,54 @@
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+//#region src/components/breadcrumbs.tsx
+var isLinkItem = (item) => {
+	return "to" in item;
+};
+var Breadcrumbs = ({ items }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Breadcrumb",
+		className: "flex flex-wrap items-center gap-1 text-sm",
+		children: items.map((item, index) => {
+			const content = isLinkItem(item) ? /* @__PURE__ */ jsx(Link, {
+				className: "text-[var(--muted-foreground)] transition hover:text-[var(--foreground)]",
+				params: item.params,
+				to: item.to,
+				children: item.label
+			}) : /* @__PURE__ */ jsx("span", {
+				"aria-current": "page",
+				className: "font-medium text-[var(--foreground)]",
+				children: item.label
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [index > 0 ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-[var(--muted-foreground)]" }) : null, content]
+			}, isLinkItem(item) ? `${item.label}-${item.to}-${index}` : `${item.label}-current-${index}`);
+		})
+	});
+};
+//#endregion
+//#region src/components/metadata-section.tsx
+function MetadataSection({ items, title }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "rounded-[1.6rem] border border-[var(--border)] bg-[var(--panel)] p-5 shadow-[var(--panel-shadow)]",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "font-semibold text-[var(--muted-foreground)] text-sm uppercase tracking-[0.18em]",
+			children: title
+		}), /* @__PURE__ */ jsx("dl", {
+			className: "mt-4 space-y-3",
+			children: items.map((item) => /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-1 sm:grid-cols-[11rem_1fr] sm:items-start",
+				children: [/* @__PURE__ */ jsx("dt", {
+					className: "font-medium text-[var(--muted-foreground)] text-xs uppercase tracking-[0.14em]",
+					children: item.label
+				}), /* @__PURE__ */ jsx("dd", {
+					className: "min-w-0 text-sm leading-6",
+					children: item.value
+				})]
+			}, item.label))
+		})]
+	});
+}
+//#endregion
+export { Breadcrumbs as n, MetadataSection as t };

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

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/page-header.tsx
+function PageHeader({ actions, breadcrumb, 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: [
+				breadcrumb ? /* @__PURE__ */ jsx("div", { children: breadcrumb }) : null,
+				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/projects._project-Bshqk7JA.js

@@ -0,0 +1,12 @@
+import { t as ReloadErrorPanel } from "./reload-error-panel-BJMxY3U1.js";
+import { jsx } 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__ */ jsx(ReloadErrorPanel, {
+		description: isSqlite ? "Codex may have an exclusive lock on the database. Reload to retry." : error.message,
+		title: isSqlite ? "Database unavailable" : "Failed to load Codex project"
+	});
+}
+//#endregion
+export { ProjectDetailErrorComponent as errorComponent };

package/apps/ui/dist/server/assets/{projects._project-CJ7l0ynC.js → projects._project-DUN3iWfg.js}

@@ -1,10 +1,10 @@
-import { r as projectThreadsQueryOptions } from "./codex-queries-CAF6HYiG.js";
-import { t as LoadingPanel } from "./loading-panel-DbLdvjtR.js";
+import { r as projectThreadsQueryOptions } from "./codex-queries-eOJGfHQj.js";
+import { t as LoadingPanel } from "./loading-panel-BGFnWseS.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 $$splitErrorComponentImporter = () => import("./projects._project-Bshqk7JA.js");
+var $$splitComponentImporter = () => import("./projects._project-Dim9Y0kD.js");
 var Route = createFileRoute("/projects/$project")({
 	component: lazyRouteComponent($$splitComponentImporter, "component"),
 	errorComponent: lazyRouteComponent($$splitErrorComponentImporter, "errorComponent"),

package/apps/ui/dist/server/assets/{projects._project-CcJLp_A8.js → projects._project-Dim9Y0kD.js}

@@ -1,18 +1,20 @@
 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 { c as deleteThreadFn, d as exportThreadsFn, f as recoverProjectThreadsFn, l as deleteThreadsFn, r as projectThreadsQueryOptions, u as exportThreadFn } from "./codex-queries-eOJGfHQj.js";
+import { t as Route } from "./projects._project-DUN3iWfg.js";
 import { t as DataTable } from "./data-table-Cdct823O.js";
-import { t as PageHeader } from "./page-header-CxdZM86z.js";
+import { t as PageHeader } from "./page-header-VNSaM3xd.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 { n as downloadUrlFile, t as downloadTextFile } from "./download-DMmiy1xf.js";
+import { i as DropdownMenuTrigger, n as DropdownMenuContent, r as DropdownMenuItem, t as DropdownMenu } from "./dropdown-menu-Dy_9t6TN.js";
+import { n as ListSearchInput, t as matchesTextQuery } from "./text-filter-CGKxMCKt.js";
+import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-PCD7S0_M.js";
+import { t as ExportDialog } from "./export-dialog-DaPlOGFT.js";
+import { useDeferredValue, useMemo, 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 { Download, MoreHorizontal, RefreshCcw, Trash2, X } from "lucide-react";
 import { createColumnHelper } from "@tanstack/react-table";
 //#region src/components/threads-table.tsx
 var columnHelper = createColumnHelper();
@@ -211,6 +213,17 @@ function ProjectDetailPage() {
 			setPendingDelete(null);
 		}
 	});
+	const recoverProjectMutation = useMutation({
+		mutationFn: () => recoverProjectThreadsFn({ data: { project: params.project } }),
+		onSuccess: async () => {
+			await Promise.all([
+				queryClient.invalidateQueries({ queryKey: ["analytics"] }),
+				queryClient.invalidateQueries({ queryKey: ["dashboard"] }),
+				queryClient.invalidateQueries({ queryKey: ["project-threads", params.project] }),
+				queryClient.invalidateQueries({ queryKey: ["projects"] })
+			]);
+		}
+	});
 	const exportThreadMutation = useMutation({
 		mutationFn: async (options) => {
 			if (!pendingExport) throw new Error("No thread selected for export");
@@ -255,34 +268,48 @@ function ProjectDetailPage() {
 		}
 	});
 	const visibleThreads = [...threads].filter((thread) => {
-		if (!deferredSearch) return true;
-		return `${thread.thread.title}\n${thread.thread.preview}`.toLowerCase().includes(deferredSearch);
+		return matchesTextQuery(deferredSearch, [
+			thread.thread.title,
+			thread.thread.preview,
+			thread.thread.model,
+			thread.thread.id
+		]);
 	});
+	const visibleThreadsById = useMemo(() => new Map(visibleThreads.map((thread) => [thread.thread.id, thread])), [visibleThreads]);
 	const lookupSelectedThreads = (threadIds) => {
-		const threadIdSet = new Set(threadIds);
-		return visibleThreads.filter((thread) => threadIdSet.has(thread.thread.id));
+		return threadIds.map((threadId) => visibleThreadsById.get(threadId) ?? null).filter((thread) => thread !== null);
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsx(PageHeader, {
-				actions: /* @__PURE__ */ jsx("div", {
+				actions: /* @__PURE__ */ jsxs("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",
+					children: [/* @__PURE__ */ jsxs(Button, {
+						className: "rounded-full",
+						disabled: recoverProjectMutation.isPending,
+						type: "button",
+						variant: "outline",
+						onClick: () => recoverProjectMutation.mutate(),
+						children: [/* @__PURE__ */ jsx(RefreshCcw, { className: "mr-2 size-4" }), recoverProjectMutation.isPending ? "Recovering..." : "Recover"]
+					}), /* @__PURE__ */ jsx(ListSearchInput, {
+						placeholder: "Search thread title, preview, or model",
 						value: searchInput,
-						onChange: (event) => {
-							startTransition(() => {
-								setSearchInput(event.target.value);
-							});
-						}
-					})
+						onValueChange: setSearchInput
+					})]
 				}),
-				eyebrow: "Project",
-				subtitle: "Sort by any column, inspect tool call volume, and manage thread records for this derived project.",
+				eyebrow: "Codex project",
+				subtitle: "Sort by any column, inspect tool call volume, manage thread records, or repair stale Codex thread metadata for this derived project.",
 				title: params.project
 			}),
+			recoverProjectMutation.isError ? /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--destructive)] text-sm",
+				children: recoverProjectMutation.error instanceof Error ? recoverProjectMutation.error.message : "Project recovery failed"
+			}) : null,
+			recoverProjectMutation.isSuccess ? /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--success)] text-sm",
+				children: "Project thread metadata recovery completed."
+			}) : null,
 			/* @__PURE__ */ jsx(ThreadsTable, {
 				threads: visibleThreads,
 				onDeleteThread: (thread) => setPendingDelete({ threads: [thread] }),
@@ -305,11 +332,12 @@ function ProjectDetailPage() {
 				}
 			}),
 			/* @__PURE__ */ jsx(DeleteConfirmDialog, {
-				confirmLabel: deleteThreadMutation.isPending ? "Deleting..." : "Delete thread",
+				confirmLabel: deleteThreadMutation.isPending ? "Deleting..." : pendingDelete && pendingDelete.threads.length > 1 ? "Delete threads" : "Delete thread",
+				defaultDeleteSessionFiles: true,
 				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?",
+				title: pendingDelete && pendingDelete.threads.length > 1 ? `Delete ${pendingDelete.threads.length} Codex threads?` : "Delete Codex thread?",
 				onConfirm: ({ deleteSessionFiles }) => {
 					if (!pendingDelete) return;
 					deleteThreadMutation.mutate({

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

@@ -0,0 +1,12 @@
+import { t as ReloadErrorPanel } from "./reload-error-panel-BJMxY3U1.js";
+import { jsx } 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__ */ jsx(ReloadErrorPanel, {
+		description: isSqlite ? "Codex may have an exclusive lock on the database. Reload to retry." : error.message,
+		title: isSqlite ? "Database unavailable" : "Failed to load Codex inventory"
+	});
+}
+//#endregion
+export { ProjectsErrorComponent as errorComponent };

package/apps/ui/dist/server/assets/{projects.index-srtogpuF.js → projects.index-DjSQK5dm.js}

@@ -1,12 +1,13 @@
 import { t as Button } from "./button-CmTDnzOn.js";
-import { i as projectsQueryOptions, s as deleteProjectFn } from "./codex-queries-CAF6HYiG.js";
+import { i as projectsQueryOptions, s as deleteProjectFn } from "./codex-queries-eOJGfHQj.js";
 import { t as DataTable } from "./data-table-Cdct823O.js";
-import { t as PageHeader } from "./page-header-CxdZM86z.js";
+import { t as PageHeader } from "./page-header-VNSaM3xd.js";
 import { i as formatList, o as formatNumber, r as formatDateTime, s as formatTokens } from "./formatters-FJaGZgJk.js";
-import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-CWqcTXTF.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 { useNavigate } from "@tanstack/react-router";
+import { i as DropdownMenuTrigger, n as DropdownMenuContent, r as DropdownMenuItem, t as DropdownMenu } from "./dropdown-menu-Dy_9t6TN.js";
+import { n as ListSearchInput, t as matchesTextQuery } from "./text-filter-CGKxMCKt.js";
+import { t as DeleteConfirmDialog } from "./delete-confirm-dialog-PCD7S0_M.js";
+import { 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 { MoreHorizontal, Trash2 } from "lucide-react";
@@ -15,10 +16,12 @@ import { createColumnHelper } from "@tanstack/react-table";
 var columnHelper = createColumnHelper();
 var columns = (onDeleteProject) => [
 	columnHelper.accessor("name", {
-		cell: (info) => /* @__PURE__ */ jsxs("div", {
-			className: "space-y-1",
+		cell: (info) => /* @__PURE__ */ jsxs(Link, {
+			className: "block w-[14rem] max-w-[18rem] space-y-1 rounded-md outline-none transition hover:opacity-80 focus-visible:ring-2 focus-visible:ring-[var(--accent)] lg:w-auto",
+			params: { project: info.row.original.name },
+			to: "/projects/$project",
 			children: [/* @__PURE__ */ jsx("p", {
-				className: "font-medium",
+				className: "font-medium underline-offset-2 hover:underline",
 				children: info.getValue()
 			}), /* @__PURE__ */ jsxs("p", {
 				className: "text-[var(--muted-foreground)] text-xs",
@@ -92,15 +95,10 @@ var columns = (onDeleteProject) => [
 	})
 ];
 function ProjectsTable({ projects, onDeleteProject }) {
-	const navigate = useNavigate();
 	return /* @__PURE__ */ jsx(DataTable, {
 		columns: columns(onDeleteProject),
 		data: projects,
-		emptyMessage: "No projects match the current search.",
-		onRowClick: (project) => navigate({
-			params: { project: project.name },
-			to: "/projects/$project"
-		})
+		emptyMessage: "No projects match the current search."
 	});
 }
 //#endregion
@@ -123,26 +121,24 @@ function ProjectsPage() {
 		}
 	});
 	const visibleProjects = projects.filter((project) => {
-		if (!deferredSearch) return true;
-		return project.name.toLowerCase().includes(deferredSearch);
+		return matchesTextQuery(deferredSearch, [
+			project.name,
+			project.cwdPaths.join("\n"),
+			project.modelNames.join("\n")
+		]);
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6",
 		children: [
 			/* @__PURE__ */ jsx(PageHeader, {
-				actions: /* @__PURE__ */ jsx(Input, {
-					className: "h-10 w-full rounded-full border-[var(--border)] bg-[var(--panel)] px-4 sm:w-[20rem]",
-					placeholder: "Search projects by name",
+				actions: /* @__PURE__ */ jsx(ListSearchInput, {
+					placeholder: "Search project name, cwd, or model",
 					value: searchInput,
-					onChange: (event) => {
-						startTransition(() => {
-							setSearchInput(event.target.value);
-						});
-					}
+					onValueChange: setSearchInput
 				}),
 				eyebrow: "Inventory",
 				subtitle: "Derived projects are grouped from the final basename of each thread cwd, matching the existing CLI behavior.",
-				title: "Projects"
+				title: "Codex"
 			}),
 			/* @__PURE__ */ jsx(ProjectsTable, {
 				projects: visibleProjects,
@@ -153,7 +149,7 @@ function ProjectsPage() {
 				description: pendingDelete ? `Delete ${pendingDelete.threadCount} thread records for the derived project "${pendingDelete.name}" from the Codex database. Enable Delete Session files to remove the rollout JSONL files too.` : "",
 				open: pendingDelete !== null,
 				showDeleteSessionFilesOption: true,
-				title: "Delete project from Codex DB?",
+				title: "Delete Codex project?",
 				onConfirm: ({ deleteSessionFiles }) => {
 					if (!pendingDelete) return;
 					deleteProjectMutation.mutate({