spiracha 1.4.0 → 1.5.0

package/apps/ui/dist/server/assets/claude-code._workspaceKey-DqDve2wl.js

@@ -0,0 +1,191 @@
+import { t as Button } from "./button-CmTDnzOn.js";
+import { i as exportClaudeCodeSessionFn, n as claudeCodeSessionsQueryOptions, r as claudeCodeWorkspacesQueryOptions } from "./claude-code-queries-Cgzi4K-e.js";
+import { n as findWorkspaceOrThrow, t as Route } from "./claude-code._workspaceKey-B5Xg_-tE.js";
+import { t as DataTable } from "./data-table-Cdct823O.js";
+import { t as PageHeader } from "./page-header-VNSaM3xd.js";
+import { o as formatNumber, r as formatDateTime, s as formatTokens } from "./formatters-FJaGZgJk.js";
+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 ExportDialog } from "./export-dialog-D88ze9Gy.js";
+import { useDeferredValue, useMemo, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useSuspenseQuery } from "@tanstack/react-query";
+import { Download, MoreHorizontal } from "lucide-react";
+import { createColumnHelper } from "@tanstack/react-table";
+//#region src/components/claude-code-sessions-table.tsx
+var columnHelper = createColumnHelper();
+var defaultSorting = [{
+	desc: true,
+	id: "lastActive"
+}];
+var columns = (onExportSession) => [
+	columnHelper.accessor("title", {
+		cell: (info) => /* @__PURE__ */ jsxs(Link, {
+			className: "block w-[16rem] max-w-[22rem] space-y-1 rounded-md outline-none transition hover:opacity-80 focus-visible:ring-2 focus-visible:ring-[var(--accent)] lg:w-auto",
+			params: { sessionId: info.row.original.sessionId },
+			to: "/claude-code-sessions/$sessionId",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "truncate font-medium underline-offset-2 hover:underline",
+				children: info.getValue()
+			}), /* @__PURE__ */ jsx("p", {
+				className: "truncate text-[var(--muted-foreground)] text-xs",
+				children: info.row.original.sessionId
+			})]
+		}),
+		header: "Session"
+	}),
+	columnHelper.accessor("lastActiveAtMs", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap text-sm",
+			children: formatDateTime(info.getValue(), { timeZone: "UTC" })
+		}),
+		header: "Updated",
+		id: "lastActive"
+	}),
+	columnHelper.accessor("model", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "text-sm",
+			children: info.getValue() ?? "unknown"
+		}),
+		header: "Model"
+	}),
+	columnHelper.accessor("messageCount", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Messages"
+	}),
+	columnHelper.accessor("toolCallCount", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Tools"
+	}),
+	columnHelper.accessor("totalTokens", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap font-mono text-sm",
+			children: formatTokens(info.getValue())
+		}),
+		header: "Tokens"
+	}),
+	columnHelper.accessor("version", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: info.getValue() ?? "unknown"
+		}),
+		header: "Version"
+	}),
+	columnHelper.display({
+		cell: (info) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": `Actions for ${info.row.original.title}`,
+				className: "rounded-full",
+				size: "icon",
+				type: "button",
+				variant: "ghost",
+				onClick: (event) => event.stopPropagation(),
+				children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align: "end",
+			children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				disabled: info.row.original.renderablePartCount === 0,
+				onClick: () => onExportSession(info.row.original),
+				children: [/* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }), "Export session"]
+			})
+		})] }),
+		enableSorting: false,
+		header: "",
+		id: "actions"
+	})
+];
+function ClaudeCodeSessionsTable({ onExportSession, sessions }) {
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns: useMemo(() => columns(onExportSession), [onExportSession]),
+		data: sessions,
+		emptyMessage: "No Claude Code sessions match the current workspace filter.",
+		initialSorting: defaultSorting
+	});
+}
+//#endregion
+//#region src/routes/claude-code.$workspaceKey.tsx?tsr-split=component
+function ClaudeCodeWorkspacePage() {
+	const params = Route.useParams();
+	const workspaces = useSuspenseQuery(claudeCodeWorkspacesQueryOptions()).data;
+	const workspace = findWorkspaceOrThrow(workspaces, params.workspaceKey);
+	const sessions = useSuspenseQuery(claudeCodeSessionsQueryOptions(workspace.key)).data;
+	const [searchInput, setSearchInput] = useState("");
+	const [pendingExport, setPendingExport] = useState(null);
+	const deferredSearch = useDeferredValue(searchInput);
+	const exportMutation = useMutation({
+		mutationFn: async (options) => {
+			if (!pendingExport) throw new Error("No Claude Code session selected for export");
+			const download = await exportClaudeCodeSessionFn({ data: {
+				includeCommentary: options.includeCommentary,
+				includeMetadata: options.includeMetadata,
+				includeTools: options.includeTools,
+				outputFormat: options.outputFormat,
+				sessionId: pendingExport.sessionId,
+				zipArchive: options.zipArchive
+			} });
+			if (download.mode === "download") {
+				downloadTextFile(download.fileName, download.content, download.mimeType);
+				return;
+			}
+			await downloadUrlFile(download.fileName, download.downloadUrl);
+		},
+		onSuccess: () => {
+			setPendingExport(null);
+		}
+	});
+	const visibleSessions = sessions.filter((session) => matchesTextQuery(deferredSearch, [
+		session.title,
+		session.sessionId,
+		session.model,
+		session.version,
+		session.gitBranch,
+		session.filePath
+	]));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsx(PageHeader, {
+				actions: /* @__PURE__ */ jsx(ListSearchInput, {
+					placeholder: "Search session title, id, model, or version",
+					value: searchInput,
+					onValueChange: setSearchInput
+				}),
+				eyebrow: "Claude Code workspace",
+				subtitle: "Inspect local Claude Code sessions, user prompts, assistant responses, tool calls, and token totals.",
+				title: workspace.label
+			}),
+			/* @__PURE__ */ jsx(ClaudeCodeSessionsTable, {
+				sessions: visibleSessions,
+				onExportSession: setPendingExport
+			}),
+			/* @__PURE__ */ jsx(ExportDialog, {
+				open: pendingExport !== null,
+				pending: exportMutation.isPending,
+				title: pendingExport ? `Export ${pendingExport.title}` : "Export session",
+				onExport: (options) => exportMutation.mutate(options),
+				onOpenChange: (open) => {
+					if (!open) {
+						setPendingExport(null);
+						exportMutation.reset();
+					}
+				}
+			}),
+			exportMutation.isError ? /* @__PURE__ */ jsx("p", {
+				className: "text-[var(--destructive)] text-sm",
+				children: exportMutation.error instanceof Error ? exportMutation.error.message : "Session export failed"
+			}) : null
+		]
+	});
+}
+//#endregion
+export { ClaudeCodeWorkspacePage as component };

package/apps/ui/dist/server/assets/claude-code.index-B7yYR7dD.js

@@ -0,0 +1,92 @@
+import { r as claudeCodeWorkspacesQueryOptions } from "./claude-code-queries-Cgzi4K-e.js";
+import { t as DataTable } from "./data-table-Cdct823O.js";
+import { t as PageHeader } from "./page-header-VNSaM3xd.js";
+import { o as formatNumber, r as formatDateTime } from "./formatters-FJaGZgJk.js";
+import { n as ListSearchInput, t as matchesTextQuery } from "./text-filter-CGKxMCKt.js";
+import { useDeferredValue, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+//#region src/components/claude-code-workspaces-table.tsx
+var columnHelper = createColumnHelper();
+var columns = [
+	columnHelper.accessor("label", {
+		cell: (info) => /* @__PURE__ */ jsxs(Link, {
+			className: "block w-[16rem] max-w-[22rem] space-y-1 rounded-md outline-none transition hover:opacity-80 focus-visible:ring-2 focus-visible:ring-[var(--accent)] lg:w-auto",
+			params: { workspaceKey: info.row.original.key },
+			to: "/claude-code/$workspaceKey",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "truncate font-medium underline-offset-2 hover:underline",
+				children: info.getValue()
+			}), /* @__PURE__ */ jsx("p", {
+				className: "truncate text-[var(--muted-foreground)] text-xs",
+				children: info.row.original.worktree
+			})]
+		}),
+		header: "Workspace"
+	}),
+	columnHelper.accessor("sessionCount", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Sessions"
+	}),
+	columnHelper.accessor("messageCount", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Messages"
+	}),
+	columnHelper.accessor("toolCallCount", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "font-mono text-sm",
+			children: formatNumber(info.getValue())
+		}),
+		header: "Tool calls"
+	}),
+	columnHelper.accessor("lastActiveAtMs", {
+		cell: (info) => /* @__PURE__ */ jsx("span", {
+			className: "whitespace-nowrap text-sm",
+			children: formatDateTime(info.getValue(), { timeZone: "UTC" })
+		}),
+		header: "Last active"
+	})
+];
+function ClaudeCodeWorkspacesTable({ workspaces }) {
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns,
+		data: workspaces,
+		emptyMessage: "No Claude Code workspaces match the current search."
+	});
+}
+//#endregion
+//#region src/routes/claude-code.index.tsx?tsr-split=component
+function ClaudeCodePage() {
+	const workspaces = useSuspenseQuery(claudeCodeWorkspacesQueryOptions()).data;
+	const [searchInput, setSearchInput] = useState("");
+	const deferredSearch = useDeferredValue(searchInput);
+	const visibleWorkspaces = workspaces.filter((workspace) => matchesTextQuery(deferredSearch, [
+		workspace.label,
+		workspace.worktree,
+		workspace.key,
+		workspace.directoryName
+	]));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ jsx(PageHeader, {
+			actions: /* @__PURE__ */ jsx(ListSearchInput, {
+				placeholder: "Search workspace name or path",
+				value: searchInput,
+				onValueChange: setSearchInput
+			}),
+			eyebrow: "Inventory",
+			subtitle: "Workspace groups are derived from local Claude Code project JSONL transcripts.",
+			title: "Claude Code"
+		}), /* @__PURE__ */ jsx(ClaudeCodeWorkspacesTable, { workspaces: visibleWorkspaces })]
+	});
+}
+//#endregion
+export { ClaudeCodePage as component };

package/apps/ui/dist/server/assets/claude-code.index-BUHThG1W.js

@@ -0,0 +1,11 @@
+import { t as ReloadErrorPanel } from "./reload-error-panel-BJMxY3U1.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/routes/claude-code.index.tsx?tsr-split=errorComponent
+function ClaudeCodeErrorComponent({ error }) {
+	return /* @__PURE__ */ jsx(ReloadErrorPanel, {
+		description: error.message,
+		title: "Failed to load Claude Code workspaces"
+	});
+}
+//#endregion
+export { ClaudeCodeErrorComponent as errorComponent };