@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/wc3-analysis-saved-view.mjs

@@ -0,0 +1,540 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { Card } from "../card.mjs";
+import { Empty } from "../empty.mjs";
+import { CatalogueCardGrid, CatalogueViewToggle, useCatalogueViewMode } from "../catalogue-view-toggle.mjs";
+import { Filter as Filter$1, FilterCategory, FilterContent, FilterOption, FilterTrigger } from "../filter.mjs";
+import { DataTable, DataTableColumnHeader } from "../data-table.mjs";
+import { getObjectType } from "./wc3-ontology-data.mjs";
+import { Mono, Pane, TypeGlyphLabel } from "./wc3-lineage-shared.mjs";
+import { analysisDatasetName, analysisMetric } from "./wc3-analysis-data.mjs";
+import { AnalysisRouteBadge, AnalysisSpecSummary, WC3_ANALYSIS_MESSAGES, analysisDeleteMaterialisation, analysisDeleteSaved, analysisLineage, analysisNav, analysisReopen } from "./wc3-analysis-shared.mjs";
+import { ArrowUpRight, Bookmark, Search, Trash2 } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-analysis-saved-view.tsx
+/** Matches the perspective's own tab labels, so a saved record names the tab it reopens into. */
+const MODE_LABEL = {
+	object: "Object analysis",
+	data: "Data analysis"
+};
+/** Object mode names an ontology object type; data mode names a catalogue dataset. */
+const sourceLabel = (spec) => spec.mode === "object" ? spec.sourceType ?? "—" : analysisDatasetName(spec.sourceDs ?? "");
+const groupLabel = (spec) => `${spec.groupBy ?? "none"}${spec.grain === "month" ? " × month" : ""}`;
+const metricsLabel = (spec) => spec.metrics.length ? spec.metrics.map((id) => analysisMetric(id)?.label ?? id).join(", ") : "none";
+const traverseLabel = (spec) => spec.mode === "object" ? spec.traverse ? `traverse ${spec.traverse} → ot_worker` : "no traversal" : spec.joinDs ? `join ${analysisDatasetName(spec.joinDs)} on reported_by = worker_id` : "no join";
+/**
+* The part of the spec that does NOT already have a column of its own, on one line.
+*
+* Mode, Source and Group are columns; this covers the other five rows AnalysisSpecSummary renders, so
+* between them the table can show everything the card does.
+*/
+const specDetailLine = (spec) => [
+	`filters ${spec.filters.length ? spec.filters.map((f) => `${f.field} = ${f.value}`).join(", ") : "none"}`,
+	traverseLabel(spec),
+	`metrics ${metricsLabel(spec)}`,
+	`window ${spec.window === 0 ? "current state only" : `${spec.window} weeks`}`,
+	`chart ${spec.viz}`
+].join(" · ");
+/** One search haystack for both view modes — the toggle changes rendering, never matching. */
+const savedSearchText = (a) => [
+	a.id,
+	a.name,
+	a.route,
+	MODE_LABEL[a.spec.mode],
+	sourceLabel(a.spec),
+	groupLabel(a.spec),
+	specDetailLine(a.spec),
+	analysisLineage(a.spec).join(" "),
+	a.at
+].join(" ");
+/** The source, with the ontology glyph in object mode and the catalogue name in data mode. */
+function SourceLabel({ spec }) {
+	if (spec.mode === "object" && spec.sourceType) return /* @__PURE__ */ jsx(TypeGlyphLabel, {
+		type: getObjectType(spec.sourceType),
+		className: "wwc:text-sm"
+	});
+	return /* @__PURE__ */ jsx(Mono, { children: sourceLabel(spec) });
+}
+/**
+* The provenance chain, recomputed from the saved spec.
+*
+* It is not a stored field: `analysisLineage` is pure, so re-deriving it from the spec that was
+* saved beside the route is the same chain the execution-meta panel printed when Save was pressed.
+* That is the third of the three things this tab exists to keep together.
+*/
+function LineageChain({ spec, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		children: analysisLineage(spec).map((line, i) => /* @__PURE__ */ jsxs("span", {
+			className: "wwc:whitespace-nowrap",
+			children: [i > 0 ? /* @__PURE__ */ jsx("span", {
+				className: "wwc:px-1 wwc:text-muted-foreground",
+				children: "·"
+			}) : null, /* @__PURE__ */ jsx(Mono, { children: line })]
+		}, line))
+	});
+}
+/** The prototype's saved-record meta line, verbatim apart from the route, which is the Badge. */
+const metaLine = (a) => `${a.rows.toLocaleString()} rows → ${a.groups.toLocaleString()} groups · ${a.ms} ms · ${a.at}`;
+/**
+* One saved analysis. It carries the SPEC (via AnalysisSpecSummary), the execution ROUTE and the
+* LINEAGE together — which is the whole claim the prototype's save flow makes — plus the counts and
+* the timing exactly as executed.
+*
+* Table-only facts: none. Card-only facts: none — `spec`, `lineage` and `ms` are columns that ship
+* hidden rather than facts the table cannot reach.
+*/
+function SavedAnalysisCard({ saved, onReopen, onDelete }) {
+	return /* @__PURE__ */ jsxs(Card, {
+		"data-saved-analysis": saved.id,
+		className: "wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-lg wwc:p-3 wwc:text-left",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-start wwc:gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-w-0 wwc:flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "wwc:truncate wwc:text-sm wwc:font-semibold",
+						children: saved.name
+					}), /* @__PURE__ */ jsx(Mono, { children: saved.id })]
+				}), /* @__PURE__ */ jsx(AnalysisRouteBadge, { route: saved.route })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+				children: [/* @__PURE__ */ jsx(Badge, {
+					variant: "neutralSoft",
+					children: MODE_LABEL[saved.spec.mode]
+				}), /* @__PURE__ */ jsx(SourceLabel, { spec: saved.spec })]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground wwc:tabular-nums",
+				children: metaLine(saved)
+			}),
+			/* @__PURE__ */ jsx(AnalysisSpecSummary, {
+				spec: saved.spec,
+				dense: true
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-col wwc:gap-0.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: "Lineage"
+				}), /* @__PURE__ */ jsx(LineageChain, {
+					spec: saved.spec,
+					className: "wwc:flex wwc:flex-wrap wwc:items-center"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:mt-auto wwc:flex wwc:items-center wwc:gap-1.5 wwc:pt-1",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => onReopen(saved),
+						children: [/* @__PURE__ */ jsx(ArrowUpRight, {}), "Reopen"]
+					}),
+					/* @__PURE__ */ jsx("span", { className: "wwc:flex-1" }),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						icon: true,
+						"aria-label": `Delete ${saved.name}`,
+						tooltip: "Delete",
+						onClick: () => onDelete(saved.id),
+						children: /* @__PURE__ */ jsx(Trash2, {})
+					})
+				]
+			})
+		]
+	});
+}
+/**
+* `hasAny` distinguishes "nothing has ever been saved" from "the search and facets exclude
+* everything". The first is the prototype's copy verbatim; the second must never be shown in its
+* place, or a filtered-out list would read as a lost record.
+*/
+function SavedEmptyState({ hasAny, onClear, onBuild }) {
+	if (!hasAny) return /* @__PURE__ */ jsx(Empty, {
+		icon: /* @__PURE__ */ jsx(Bookmark, { className: "wwc:h-6 wwc:w-6" }),
+		title: "No saved analyses",
+		description: WC3_ANALYSIS_MESSAGES.savedEmpty,
+		action: onBuild ? /* @__PURE__ */ jsxs(Button, {
+			onClick: onBuild,
+			children: [/* @__PURE__ */ jsx(ArrowUpRight, {}), "Build an analysis"]
+		}) : void 0
+	});
+	return /* @__PURE__ */ jsx(Empty, {
+		icon: /* @__PURE__ */ jsx(Search, { className: "wwc:h-6 wwc:w-6" }),
+		title: "No saved analyses match",
+		description: "Nothing in this list matches the current search and filter.",
+		action: /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			onClick: onClear,
+			children: [/* @__PURE__ */ jsx(Search, {}), "Clear the filter"]
+		})
+	});
+}
+/**
+* The materialisations the publish stage produced, as the prototype's saved panel lists them:
+* `materialised · N groups · at`, verbatim.
+*
+* They are NOT rows of the table above. A materialisation holds no spec and no lineage — it is a
+* saved RESULT, not a saved question — so folding it into a list whose columns are spec fields would
+* mean printing "—" for most of the row. It renders only when at least one exists.
+*/
+function MaterialisationList({ materialisations, onDelete }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: "wwc:flex wwc:flex-col wwc:gap-2",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "wwc:text-sm wwc:font-semibold",
+				children: `Materialisations (${materialisations.length})`
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: "A materialisation stores the grouped result, not the question behind it. Its execution metadata reads Materialised rather than Live query for as long as the spec that produced it is untouched."
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:grid wwc:gap-2 wwc:sm:grid-cols-2 wwc:xl:grid-cols-3",
+				children: materialisations.map((m) => /* @__PURE__ */ jsxs(Card, {
+					"data-materialisation": m.id,
+					className: "wwc:flex wwc:flex-col wwc:gap-1.5 wwc:p-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-start wwc:gap-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:min-w-0 wwc:flex-1",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "wwc:truncate wwc:text-sm wwc:font-semibold",
+								children: m.name
+							}), /* @__PURE__ */ jsx(Mono, { children: m.id })]
+						}), /* @__PURE__ */ jsx(AnalysisRouteBadge, { route: m.route })]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-1.5",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "wwc:flex-1 wwc:text-xs wwc:text-muted-foreground wwc:tabular-nums",
+							children: `materialised · ${m.groups.toLocaleString()} groups · ${m.at}`
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							icon: true,
+							"aria-label": `Delete ${m.name}`,
+							tooltip: "Delete",
+							onClick: () => onDelete(m.id),
+							children: /* @__PURE__ */ jsx(Trash2, {})
+						})]
+					})]
+				}, m.id))
+			})
+		]
+	});
+}
+function SavedAnalysesView({ session, onSessionChange, onNavigate }) {
+	const [filters, setFilters] = useState({});
+	const [query, setQuery] = useState("");
+	const [mode, setMode] = useCatalogueViewMode("wc3.analysis.saved.view");
+	const saved = session.saved;
+	const materialisations = session.materialisations;
+	const reopen = useCallback((a) => {
+		onSessionChange(analysisReopen(session, a));
+		onNavigate?.(a.spec.mode === "object" ? analysisNav.object() : analysisNav.data());
+	}, [
+		session,
+		onSessionChange,
+		onNavigate
+	]);
+	const deleteSaved = useCallback((id) => onSessionChange(analysisDeleteSaved(session, id)), [session, onSessionChange]);
+	const deleteMaterialisation = useCallback((id) => onSessionChange(analysisDeleteMaterialisation(session, id)), [session, onSessionChange]);
+	const build = useCallback(() => onNavigate?.(analysisNav.object()), [onNavigate]);
+	const clearAll = useCallback(() => {
+		setFilters({});
+		setQuery("");
+	}, []);
+	const routeOptions = useMemo(() => {
+		const counts = /* @__PURE__ */ new Map();
+		for (const a of saved) counts.set(a.route, (counts.get(a.route) ?? 0) + 1);
+		return [...counts.entries()].map(([value, count]) => ({
+			value,
+			count
+		})).sort((a, b) => a.value.localeCompare(b.value));
+	}, [saved]);
+	const modeCounts = useMemo(() => {
+		const object = saved.filter((a) => a.spec.mode === "object").length;
+		return {
+			object,
+			data: saved.length - object
+		};
+	}, [saved]);
+	const data = useMemo(() => {
+		const needle = query.trim().toLowerCase();
+		return saved.filter((a) => {
+			if (needle && !savedSearchText(a).toLowerCase().includes(needle)) return false;
+			const route = filters.route;
+			if (route && route.length > 0 && !route.includes(a.route)) return false;
+			const specMode = filters.mode;
+			if (specMode && specMode.length > 0 && !specMode.includes(a.spec.mode)) return false;
+			return true;
+		});
+	}, [
+		saved,
+		query,
+		filters
+	]);
+	const columns = useMemo(() => [
+		{
+			id: "name",
+			accessorFn: (a) => a.name,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Analysis"
+			}),
+			enableHiding: false,
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:min-w-0 wwc:flex-col",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => reopen(row.original),
+					className: "wwc:block wwc:truncate wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+					children: row.original.name
+				}), /* @__PURE__ */ jsx(Mono, { children: row.original.id })]
+			})
+		},
+		{
+			id: "route",
+			accessorFn: (a) => a.route,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Route"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(AnalysisRouteBadge, { route: row.original.route })
+		},
+		{
+			id: "mode",
+			accessorFn: (a) => MODE_LABEL[a.spec.mode],
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Mode"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Badge, {
+				variant: "neutralSoft",
+				children: MODE_LABEL[row.original.spec.mode]
+			})
+		},
+		{
+			id: "source",
+			accessorFn: (a) => sourceLabel(a.spec),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Source"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(SourceLabel, { spec: row.original.spec })
+		},
+		{
+			id: "group",
+			accessorFn: (a) => groupLabel(a.spec),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Group"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Mono, { children: groupLabel(row.original.spec) })
+		},
+		{
+			id: "rows",
+			accessorFn: (a) => a.rows,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Rows"
+			}),
+			meta: {
+				headerClassName: "wwc:text-right",
+				cellClassName: "wwc:text-right wwc:tabular-nums"
+			},
+			cell: ({ row }) => row.original.rows.toLocaleString()
+		},
+		{
+			id: "groups",
+			accessorFn: (a) => a.groups,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Groups"
+			}),
+			meta: {
+				headerClassName: "wwc:text-right",
+				cellClassName: "wwc:text-right wwc:tabular-nums"
+			},
+			cell: ({ row }) => row.original.groups.toLocaleString()
+		},
+		{
+			id: "ms",
+			accessorFn: (a) => a.ms,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Time"
+			}),
+			meta: {
+				headerClassName: "wwc:text-right",
+				cellClassName: "wwc:text-right wwc:tabular-nums"
+			},
+			cell: ({ row }) => `${row.original.ms} ms`
+		},
+		{
+			id: "saved at",
+			accessorFn: (a) => a.at,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Saved at"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Mono, { children: row.original.at })
+		},
+		{
+			id: "spec",
+			accessorFn: (a) => specDetailLine(a.spec),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Spec"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: specDetailLine(row.original.spec)
+			})
+		},
+		{
+			id: "lineage",
+			accessorFn: (a) => analysisLineage(a.spec).join(" "),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Lineage"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(LineageChain, {
+				spec: row.original.spec,
+				className: "wwc:flex wwc:flex-wrap"
+			})
+		},
+		{
+			id: "actions",
+			header: () => null,
+			enableHiding: false,
+			enableSorting: false,
+			meta: {
+				headerClassName: "wwc:w-20",
+				cellClassName: "wwc:text-right"
+			},
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-0.5",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					icon: true,
+					"aria-label": `Reopen ${row.original.name}`,
+					tooltip: "Reopen",
+					onClick: () => reopen(row.original),
+					children: /* @__PURE__ */ jsx(ArrowUpRight, {})
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					icon: true,
+					"aria-label": `Delete ${row.original.name}`,
+					tooltip: "Delete",
+					onClick: () => deleteSaved(row.original.id),
+					children: /* @__PURE__ */ jsx(Trash2, {})
+				})]
+			})
+		}
+	], [reopen, deleteSaved]);
+	const renderGrid = useCallback((rows) => {
+		if (rows.length === 0) return /* @__PURE__ */ jsx(SavedEmptyState, {
+			hasAny: saved.length > 0,
+			onClear: clearAll,
+			onBuild: onNavigate ? build : void 0
+		});
+		return /* @__PURE__ */ jsx(CatalogueCardGrid, {
+			"data-saved-analyses": rows.length,
+			children: rows.map((row) => /* @__PURE__ */ jsx(SavedAnalysisCard, {
+				saved: row.original,
+				onReopen: reopen,
+				onDelete: deleteSaved
+			}, row.id))
+		});
+	}, [
+		saved.length,
+		clearAll,
+		onNavigate,
+		build,
+		reopen,
+		deleteSaved
+	]);
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "wwc:pt-4 wwc:text-xs wwc:text-muted-foreground",
+				children: "Every record here keeps three things together: the SPEC that was asked, the execution ROUTE the spec was computed onto, and the LINEAGE the answer came through — so a result can always be traced back to the question that produced it. Reopening restores the spec into the builder tab that owns its mode and re-runs it. Nothing is seeded: a record appears here only when a builder saves one, and a reload restores the empty list."
+			}),
+			/* @__PURE__ */ jsx(Filter$1, {
+				value: filters,
+				onChange: setFilters,
+				children: /* @__PURE__ */ jsx(DataTable, {
+					columns,
+					data,
+					search: query,
+					onSearchChange: setQuery,
+					searchPlaceholder: "Filter saved analyses…",
+					recordLabel: "saved analysis",
+					recordLabelPlural: "saved analyses",
+					pageSize: 25,
+					flushToolbar: true,
+					getRowId: (a) => a.id,
+					showColumnToggle: mode === "table",
+					initialColumnVisibility: {
+						ms: false,
+						spec: false,
+						lineage: false
+					},
+					renderGrid: mode === "cards" ? renderGrid : void 0,
+					emptyMessage: /* @__PURE__ */ jsx(SavedEmptyState, {
+						hasAny: saved.length > 0,
+						onClear: clearAll,
+						onBuild: onNavigate ? build : void 0
+					}),
+					filterChipLabel: (category, value) => {
+						if (category === "mode") return MODE_LABEL[value] ?? value;
+						return value;
+					},
+					toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(CatalogueViewToggle, {
+							value: mode,
+							onValueChange: setMode
+						}),
+						/* @__PURE__ */ jsx(FilterTrigger, {}),
+						/* @__PURE__ */ jsxs(FilterContent, { children: [/* @__PURE__ */ jsx(FilterCategory, {
+							value: "route",
+							label: "Execution route",
+							children: routeOptions.map((option) => /* @__PURE__ */ jsx(FilterOption, {
+								value: option.value,
+								children: `${option.value} (${option.count})`
+							}, option.value))
+						}), /* @__PURE__ */ jsxs(FilterCategory, {
+							value: "mode",
+							label: "Mode",
+							children: [/* @__PURE__ */ jsx(FilterOption, {
+								value: "object",
+								children: `${MODE_LABEL.object} (${modeCounts.object})`
+							}), /* @__PURE__ */ jsx(FilterOption, {
+								value: "data",
+								children: `${MODE_LABEL.data} (${modeCounts.data})`
+							})]
+						})] })
+					] })
+				})
+			}),
+			materialisations.length > 0 ? /* @__PURE__ */ jsx(MaterialisationList, {
+				materialisations,
+				onDelete: deleteMaterialisation
+			}) : null
+		]
+	});
+}
+//#endregion
+export { SavedAnalysesView };
+
+//# sourceMappingURL=wc3-analysis-saved-view.mjs.map

package/dist/pages/wc3-analysis-saved-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-analysis-saved-view.mjs","names":["Filter"],"sources":["../../src/pages/wc3-analysis-saved-view.tsx"],"sourcesContent":["import type {ColumnDef, Row} from \"@tanstack/react-table\";\nimport type {ReactElement} from \"react\";\n\nimport {ArrowUpRight, Bookmark, Search, Trash2} from \"lucide-react\";\nimport {useCallback, useMemo, useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {Card} from \"../card\";\nimport {CatalogueCardGrid, CatalogueViewToggle, useCatalogueViewMode} from \"../catalogue-view-toggle\";\nimport {DataTable, DataTableColumnHeader} from \"../data-table\";\nimport {Empty} from \"../empty\";\nimport {Filter, FilterCategory, FilterContent, FilterOption, FilterTrigger, type FilterValue} from \"../filter\";\nimport {\n\tAnalysisRouteBadge,\n\tAnalysisSpecSummary,\n\tMono,\n\tPane,\n\tTypeGlyphLabel,\n\tWC3_ANALYSIS_MESSAGES,\n\ttype Wc3AnalysisMode,\n\ttype Wc3AnalysisSpec,\n\ttype Wc3AnalysisViewProps,\n\ttype Wc3Materialisation,\n\ttype Wc3SavedAnalysis,\n\tanalysisDatasetName,\n\tanalysisDeleteMaterialisation,\n\tanalysisDeleteSaved,\n\tanalysisLineage,\n\tanalysisMetric,\n\tanalysisNav,\n\tanalysisReopen,\n} from \"./wc3-analysis-shared\";\nimport {getObjectType} from \"./wc3-ontology-data\";\n\n// The Analysis perspective's third tab: the record list of saved analyses, plus the materialisations\n// the builder's publish stage produced.\n//\n// THE LIST OPENS EMPTY, AND THAT IS THE HONEST STATE. The prototype's store boots with\n// `S.analyses = []` and `S.materializations = []` (06-unified-workspace.html, AnSavedList ~10072), so\n// WC3_SAVED_ANALYSES_SEED and WC3_MATERIALISATIONS_SEED are both `[]` and this surface renders the\n// shared Empty with the prototype's own copy until the session saves something. Nothing is seeded to\n// make the tab look populated; a fabricated saved analysis would carry a fabricated route and a\n// fabricated timing, which is exactly the claim the rest of this perspective refuses to make.\n//\n// Nothing in this file reads the fixture's seeds. The live session arrives on props and every\n// mutation is committed back through `onSessionChange` with a pure helper from\n// wc3-analysis-shared.tsx — a raw spread over `session.saved` here would be a contract violation, and\n// a raw spread over `session.object` / `session.data` would desynchronise a spec from its result.\n//\n// FOUR DIVERGENCES FROM THE PROTOTYPE, all deliberate:\n//   1. The prototype renders this as a side panel inside the builder page (AnSavedList, injected below\n//      the execution-meta block). Here it is the perspective's own declared tab, so the builder's\n//      right column links to it instead of rendering the list a second time.\n//   2. The prototype's \"View lineage\" button toasts the lineage as a sentence. The lineage is stored\n//      derivably — it is a pure function of the saved spec — so it is RENDERED on the card and in a\n//      column instead of hidden behind a transient toast. The button is therefore dropped, not lost.\n//   3. Delete is net-new: the prototype has no way to remove a saved analysis or a materialisation, so\n//      one mis-click is permanent for the session. Both deletes go through the shared pure mutators.\n//   4. The three columns that carry the rest of the spec (`spec`, `lineage`) and the timing (`ms`)\n//      ship HIDDEN rather than absent, so the card⇄table toggle is lossless in both directions: every\n//      fact the card shows is reachable in the table through the column-toggle popover.\n//\n// HONEST SCALE NOTES, because they shape the facets and the sort affordances below:\n//   · Every record here is created in-session. There is no seeded history, so an \"Origin\" facet would\n//     select every row and read as broken.\n//   · `at` is the frozen fixture clock (WC3_PROCESS_FIXTURE_NOW) for every save, because that is the\n//     only clock this prototype has. Sorting by \"saved at\" is therefore a no-op on the seeded clock;\n//     the column is kept because it is what the prototype prints and because it is the truth about\n//     when the analysis was executed, not because it discriminates.\n\n// ─── Labels ──────────────────────────────────────────────────────────────────\n\n/** Matches the perspective's own tab labels, so a saved record names the tab it reopens into. */\nconst MODE_LABEL: Record<Wc3AnalysisMode, string> = {object: \"Object analysis\", data: \"Data analysis\"};\n\n/** Object mode names an ontology object type; data mode names a catalogue dataset. */\nconst sourceLabel = (spec: Wc3AnalysisSpec): string =>\n\tspec.mode === \"object\" ? (spec.sourceType ?? \"—\") : analysisDatasetName(spec.sourceDs ?? \"\");\n\nconst groupLabel = (spec: Wc3AnalysisSpec): string =>\n\t`${spec.groupBy ?? \"none\"}${spec.grain === \"month\" ? \" × month\" : \"\"}`;\n\nconst metricsLabel = (spec: Wc3AnalysisSpec): string =>\n\tspec.metrics.length ? spec.metrics.map((id) => analysisMetric(id)?.label ?? id).join(\", \") : \"none\";\n\nconst traverseLabel = (spec: Wc3AnalysisSpec): string =>\n\tspec.mode === \"object\"\n\t\t? spec.traverse\n\t\t\t? `traverse ${spec.traverse} → ot_worker`\n\t\t\t: \"no traversal\"\n\t\t: spec.joinDs\n\t\t\t? `join ${analysisDatasetName(spec.joinDs)} on reported_by = worker_id`\n\t\t\t: \"no join\";\n\n/**\n * The part of the spec that does NOT already have a column of its own, on one line.\n *\n * Mode, Source and Group are columns; this covers the other five rows AnalysisSpecSummary renders, so\n * between them the table can show everything the card does.\n */\nconst specDetailLine = (spec: Wc3AnalysisSpec): string =>\n\t[\n\t\t`filters ${spec.filters.length ? spec.filters.map((f) => `${f.field} = ${f.value}`).join(\", \") : \"none\"}`,\n\t\ttraverseLabel(spec),\n\t\t`metrics ${metricsLabel(spec)}`,\n\t\t`window ${spec.window === 0 ? \"current state only\" : `${spec.window} weeks`}`,\n\t\t`chart ${spec.viz}`,\n\t].join(\" · \");\n\n/** One search haystack for both view modes — the toggle changes rendering, never matching. */\nconst savedSearchText = (a: Wc3SavedAnalysis): string =>\n\t[\n\t\ta.id,\n\t\ta.name,\n\t\ta.route,\n\t\tMODE_LABEL[a.spec.mode],\n\t\tsourceLabel(a.spec),\n\t\tgroupLabel(a.spec),\n\t\tspecDetailLine(a.spec),\n\t\tanalysisLineage(a.spec).join(\" \"),\n\t\ta.at,\n\t].join(\" \");\n\n// ─── Shared cell/card fragments ──────────────────────────────────────────────\n\n/** The source, with the ontology glyph in object mode and the catalogue name in data mode. */\nfunction SourceLabel({spec}: {spec: Wc3AnalysisSpec}): ReactElement {\n\tif (spec.mode === \"object\" && spec.sourceType) {\n\t\treturn <TypeGlyphLabel type={getObjectType(spec.sourceType)} className=\"wwc:text-sm\" />;\n\t}\n\treturn <Mono>{sourceLabel(spec)}</Mono>;\n}\n\n/**\n * The provenance chain, recomputed from the saved spec.\n *\n * It is not a stored field: `analysisLineage` is pure, so re-deriving it from the spec that was\n * saved beside the route is the same chain the execution-meta panel printed when Save was pressed.\n * That is the third of the three things this tab exists to keep together.\n */\nfunction LineageChain({spec, className}: {spec: Wc3AnalysisSpec; className?: string}): ReactElement {\n\treturn (\n\t\t<span className={className}>\n\t\t\t{analysisLineage(spec).map((line, i) => (\n\t\t\t\t<span key={line} className=\"wwc:whitespace-nowrap\">\n\t\t\t\t\t{i > 0 ? <span className=\"wwc:px-1 wwc:text-muted-foreground\">·</span> : null}\n\t\t\t\t\t<Mono>{line}</Mono>\n\t\t\t\t</span>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n\n/** The prototype's saved-record meta line, verbatim apart from the route, which is the Badge. */\nconst metaLine = (a: Wc3SavedAnalysis): string =>\n\t`${a.rows.toLocaleString()} rows → ${a.groups.toLocaleString()} groups · ${a.ms} ms · ${a.at}`;\n\n// ─── Card ────────────────────────────────────────────────────────────────────\n\n/**\n * One saved analysis. It carries the SPEC (via AnalysisSpecSummary), the execution ROUTE and the\n * LINEAGE together — which is the whole claim the prototype's save flow makes — plus the counts and\n * the timing exactly as executed.\n *\n * Table-only facts: none. Card-only facts: none — `spec`, `lineage` and `ms` are columns that ship\n * hidden rather than facts the table cannot reach.\n */\nfunction SavedAnalysisCard({\n\tsaved,\n\tonReopen,\n\tonDelete,\n}: {\n\tsaved: Wc3SavedAnalysis;\n\tonReopen: (a: Wc3SavedAnalysis) => void;\n\tonDelete: (id: string) => void;\n}): ReactElement {\n\treturn (\n\t\t<Card\n\t\t\tdata-saved-analysis={saved.id}\n\t\t\tclassName=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-lg wwc:p-3 wwc:text-left\"\n\t\t>\n\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t<div className=\"wwc:truncate wwc:text-sm wwc:font-semibold\">{saved.name}</div>\n\t\t\t\t\t<Mono>{saved.id}</Mono>\n\t\t\t\t</div>\n\t\t\t\t<AnalysisRouteBadge route={saved.route} />\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5\">\n\t\t\t\t<Badge variant=\"neutralSoft\">{MODE_LABEL[saved.spec.mode]}</Badge>\n\t\t\t\t<SourceLabel spec={saved.spec} />\n\t\t\t</div>\n\n\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground wwc:tabular-nums\">{metaLine(saved)}</p>\n\n\t\t\t{/* The whole spec, so reopening is never a surprise and the card is lossless against the row. */}\n\t\t\t<AnalysisSpecSummary spec={saved.spec} dense />\n\n\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-0.5\">\n\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">Lineage</span>\n\t\t\t\t<LineageChain spec={saved.spec} className=\"wwc:flex wwc:flex-wrap wwc:items-center\" />\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:mt-auto wwc:flex wwc:items-center wwc:gap-1.5 wwc:pt-1\">\n\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={() => onReopen(saved)}>\n\t\t\t\t\t<ArrowUpRight />\n\t\t\t\t\tReopen\n\t\t\t\t</Button>\n\t\t\t\t<span className=\"wwc:flex-1\" />\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ticon\n\t\t\t\t\taria-label={`Delete ${saved.name}`}\n\t\t\t\t\ttooltip=\"Delete\"\n\t\t\t\t\tonClick={() => onDelete(saved.id)}\n\t\t\t\t>\n\t\t\t\t\t<Trash2 />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Card>\n\t);\n}\n\n// ─── Empty states ────────────────────────────────────────────────────────────\n\n/**\n * `hasAny` distinguishes \"nothing has ever been saved\" from \"the search and facets exclude\n * everything\". The first is the prototype's copy verbatim; the second must never be shown in its\n * place, or a filtered-out list would read as a lost record.\n */\nfunction SavedEmptyState({\n\thasAny,\n\tonClear,\n\tonBuild,\n}: {\n\thasAny: boolean;\n\tonClear: () => void;\n\tonBuild?: () => void;\n}): ReactElement {\n\tif (!hasAny) {\n\t\treturn (\n\t\t\t<Empty\n\t\t\t\ticon={<Bookmark className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\ttitle=\"No saved analyses\"\n\t\t\t\tdescription={WC3_ANALYSIS_MESSAGES.savedEmpty}\n\t\t\t\taction={\n\t\t\t\t\tonBuild ? (\n\t\t\t\t\t\t<Button onClick={onBuild}>\n\t\t\t\t\t\t\t<ArrowUpRight />\n\t\t\t\t\t\t\tBuild an analysis\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : undefined\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<Empty\n\t\t\ticon={<Search className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\ttitle=\"No saved analyses match\"\n\t\t\tdescription=\"Nothing in this list matches the current search and filter.\"\n\t\t\taction={\n\t\t\t\t<Button variant=\"outline\" onClick={onClear}>\n\t\t\t\t\t<Search />\n\t\t\t\t\tClear the filter\n\t\t\t\t</Button>\n\t\t\t}\n\t\t/>\n\t);\n}\n\n// ─── Materialisations ────────────────────────────────────────────────────────\n\n/**\n * The materialisations the publish stage produced, as the prototype's saved panel lists them:\n * `materialised · N groups · at`, verbatim.\n *\n * They are NOT rows of the table above. A materialisation holds no spec and no lineage — it is a\n * saved RESULT, not a saved question — so folding it into a list whose columns are spec fields would\n * mean printing \"—\" for most of the row. It renders only when at least one exists.\n */\nfunction MaterialisationList({\n\tmaterialisations,\n\tonDelete,\n}: {\n\tmaterialisations: Wc3Materialisation[];\n\tonDelete: (id: string) => void;\n}): ReactElement {\n\treturn (\n\t\t<section className=\"wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">{`Materialisations (${materialisations.length})`}</h3>\n\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\tA materialisation stores the grouped result, not the question behind it. Its execution metadata reads\n\t\t\t\tMaterialised rather than Live query for as long as the spec that produced it is untouched.\n\t\t\t</p>\n\t\t\t<div className=\"wwc:grid wwc:gap-2 wwc:sm:grid-cols-2 wwc:xl:grid-cols-3\">\n\t\t\t\t{materialisations.map((m) => (\n\t\t\t\t\t<Card key={m.id} data-materialisation={m.id} className=\"wwc:flex wwc:flex-col wwc:gap-1.5 wwc:p-3\">\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t\t\t\t<div className=\"wwc:truncate wwc:text-sm wwc:font-semibold\">{m.name}</div>\n\t\t\t\t\t\t\t\t<Mono>{m.id}</Mono>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<AnalysisRouteBadge route={m.route} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t<p className=\"wwc:flex-1 wwc:text-xs wwc:text-muted-foreground wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t{`materialised · ${m.groups.toLocaleString()} groups · ${m.at}`}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\taria-label={`Delete ${m.name}`}\n\t\t\t\t\t\t\t\ttooltip=\"Delete\"\n\t\t\t\t\t\t\t\tonClick={() => onDelete(m.id)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Trash2 />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Card>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\n// ─── View ────────────────────────────────────────────────────────────────────\n\nexport function SavedAnalysesView({session, onSessionChange, onNavigate}: Wc3AnalysisViewProps): ReactElement {\n\tconst [filters, setFilters] = useState<FilterValue>({});\n\t// Controlled so the empty state's \"Clear the filter\" can clear the query as well as the facets.\n\tconst [query, setQuery] = useState(\"\");\n\t// Persisted: the perspective has three tabs and the shell resolves exactly one ANALYSIS_VIEWS entry\n\t// per render, so a plain useState here would reset on every trip to a builder tab.\n\tconst [mode, setMode] = useCatalogueViewMode(\"wc3.analysis.saved.view\");\n\n\t// No useDetailLabel and no persisted open id: this surface has no drill-in. A saved analysis is\n\t// reopened INTO the builder tab that owns its mode, which is a navigation, not a detail page — so\n\t// there is no breadcrumb tail to report and no dangling id to guard.\n\n\tconst saved = session.saved;\n\tconst materialisations = session.materialisations;\n\n\tconst reopen = useCallback(\n\t\t(a: Wc3SavedAnalysis) => {\n\t\t\t// analysisReopen deep-clones the spec into ITS OWN mode's slot and re-runs it, so the builder\n\t\t\t// opens with a result that matches the spec rather than the one it was showing before.\n\t\t\tonSessionChange(analysisReopen(session, a));\n\t\t\tonNavigate?.(a.spec.mode === \"object\" ? analysisNav.object() : analysisNav.data());\n\t\t},\n\t\t[session, onSessionChange, onNavigate],\n\t);\n\n\tconst deleteSaved = useCallback(\n\t\t(id: string) => onSessionChange(analysisDeleteSaved(session, id)),\n\t\t[session, onSessionChange],\n\t);\n\n\tconst deleteMaterialisation = useCallback(\n\t\t(id: string) => onSessionChange(analysisDeleteMaterialisation(session, id)),\n\t\t[session, onSessionChange],\n\t);\n\n\tconst build = useCallback(() => onNavigate?.(analysisNav.object()), [onNavigate]);\n\n\tconst clearAll = useCallback(() => {\n\t\tsetFilters({});\n\t\tsetQuery(\"\");\n\t}, []);\n\n\t// ── Facets. TWO only, both DERIVED from the live array so an option can never be dead.\n\t//\n\t// Deliberately NOT shipped, because each would select every row or none at this size and would read\n\t// as broken rather than as a filter:\n\t//   · Origin — every record here is created in-session; there is no seeded history to separate.\n\t//   · Saved at — one frozen fixture clock stamps every save with the same value.\n\t//   · Group by / window / chart — these are spec fields, not properties of the saved record, and\n\t//     they are already searchable through the hidden `spec` column's text.\n\t//   · Source — 1:1 with `mode` on everything the builders can produce today (object mode has one\n\t//     source type, and the data-mode picker offers four datasets of which three yield no rows).\n\tconst routeOptions = useMemo(() => {\n\t\tconst counts = new Map<string, number>();\n\t\tfor (const a of saved) counts.set(a.route, (counts.get(a.route) ?? 0) + 1);\n\t\treturn [...counts.entries()]\n\t\t\t.map(([value, count]) => ({value, count}))\n\t\t\t.sort((a, b) => a.value.localeCompare(b.value));\n\t}, [saved]);\n\n\tconst modeCounts = useMemo(() => {\n\t\tconst object = saved.filter((a) => a.spec.mode === \"object\").length;\n\t\treturn {object, data: saved.length - object};\n\t}, [saved]);\n\n\t// ONE predicate for both view modes — the toggle changes what DataTable's body renders, never what\n\t// it filters.\n\tconst data = useMemo(() => {\n\t\tconst needle = query.trim().toLowerCase();\n\t\treturn saved.filter((a) => {\n\t\t\tif (needle && !savedSearchText(a).toLowerCase().includes(needle)) return false;\n\t\t\tconst route = filters.route;\n\t\t\tif (route && route.length > 0 && !route.includes(a.route)) return false;\n\t\t\tconst specMode = filters.mode;\n\t\t\tif (specMode && specMode.length > 0 && !specMode.includes(a.spec.mode)) return false;\n\t\t\treturn true;\n\t\t});\n\t}, [saved, query, filters]);\n\n\tconst columns: ColumnDef<Wc3SavedAnalysis, unknown>[] = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\t// Ids are space-separated lowercase on purpose: the column-toggle popover capitalises\n\t\t\t\t// `column.id`, so \"savedAt\" would read \"SavedAt\" in the list.\n\t\t\t\tid: \"name\",\n\t\t\t\taccessorFn: (a) => a.name,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Analysis\" />,\n\t\t\t\tenableHiding: false,\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<span className=\"wwc:flex wwc:min-w-0 wwc:flex-col\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={() => reopen(row.original)}\n\t\t\t\t\t\t\tclassName=\"wwc:block wwc:truncate wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{row.original.name}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<Mono>{row.original.id}</Mono>\n\t\t\t\t\t</span>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\t// The execution route AS EXECUTED. It is stored on the record rather than re-derived, so a\n\t\t\t\t// saved analysis always reports the engine that actually answered it.\n\t\t\t\tid: \"route\",\n\t\t\t\taccessorFn: (a) => a.route,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Route\" />,\n\t\t\t\tcell: ({row}) => <AnalysisRouteBadge route={row.original.route} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"mode\",\n\t\t\t\taccessorFn: (a) => MODE_LABEL[a.spec.mode],\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Mode\" />,\n\t\t\t\tcell: ({row}) => <Badge variant=\"neutralSoft\">{MODE_LABEL[row.original.spec.mode]}</Badge>,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"source\",\n\t\t\t\taccessorFn: (a) => sourceLabel(a.spec),\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Source\" />,\n\t\t\t\tcell: ({row}) => <SourceLabel spec={row.original.spec} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"group\",\n\t\t\t\taccessorFn: (a) => groupLabel(a.spec),\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Group\" />,\n\t\t\t\tcell: ({row}) => <Mono>{groupLabel(row.original.spec)}</Mono>,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"rows\",\n\t\t\t\taccessorFn: (a) => a.rows,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Rows\" />,\n\t\t\t\tmeta: {headerClassName: \"wwc:text-right\", cellClassName: \"wwc:text-right wwc:tabular-nums\"},\n\t\t\t\tcell: ({row}) => row.original.rows.toLocaleString(),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"groups\",\n\t\t\t\taccessorFn: (a) => a.groups,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Groups\" />,\n\t\t\t\tmeta: {headerClassName: \"wwc:text-right\", cellClassName: \"wwc:text-right wwc:tabular-nums\"},\n\t\t\t\tcell: ({row}) => row.original.groups.toLocaleString(),\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Hidden by default: `ms` is a measurement of one execution in one browser tab, so it is a\n\t\t\t\t// provenance fact rather than something to rank saved analyses by. Still reachable.\n\t\t\t\tid: \"ms\",\n\t\t\t\taccessorFn: (a) => a.ms,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Time\" />,\n\t\t\t\tmeta: {headerClassName: \"wwc:text-right\", cellClassName: \"wwc:text-right wwc:tabular-nums\"},\n\t\t\t\tcell: ({row}) => `${row.original.ms} ms`,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"saved at\",\n\t\t\t\taccessorFn: (a) => a.at,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Saved at\" />,\n\t\t\t\t// The frozen fixture clock stamps every save identically — the column states the truth, it\n\t\t\t\t// does not discriminate. Said out loud rather than silently sorted on.\n\t\t\t\tcell: ({row}) => <Mono>{row.original.at}</Mono>,\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Hidden by default. Carries the five spec fields that have no column of their own, so the\n\t\t\t\t// table can show everything the card's AnalysisSpecSummary shows.\n\t\t\t\tid: \"spec\",\n\t\t\t\taccessorFn: (a) => specDetailLine(a.spec),\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Spec\" />,\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground\">{specDetailLine(row.original.spec)}</span>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Hidden by default, for the same reason: the card prints the chain, so the table must be\n\t\t\t\t// able to as well.\n\t\t\t\tid: \"lineage\",\n\t\t\t\taccessorFn: (a) => analysisLineage(a.spec).join(\" \"),\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Lineage\" />,\n\t\t\t\tcell: ({row}) => <LineageChain spec={row.original.spec} className=\"wwc:flex wwc:flex-wrap\" />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"actions\",\n\t\t\t\theader: () => null,\n\t\t\t\tenableHiding: false,\n\t\t\t\tenableSorting: false,\n\t\t\t\tmeta: {headerClassName: \"wwc:w-20\", cellClassName: \"wwc:text-right\"},\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-0.5\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label={`Reopen ${row.original.name}`}\n\t\t\t\t\t\t\ttooltip=\"Reopen\"\n\t\t\t\t\t\t\tonClick={() => reopen(row.original)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowUpRight />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\taria-label={`Delete ${row.original.name}`}\n\t\t\t\t\t\t\ttooltip=\"Delete\"\n\t\t\t\t\t\t\tonClick={() => deleteSaved(row.original.id)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Trash2 />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</span>\n\t\t\t\t),\n\t\t\t},\n\t\t],\n\t\t[reopen, deleteSaved],\n\t);\n\n\tconst renderGrid = useCallback(\n\t\t(rows: Row<Wc3SavedAnalysis>[]) => {\n\t\t\t// The SAME rows the <Table> would have painted — already filtered, sorted and paginated by the\n\t\t\t// one DataTable this view mounts.\n\t\t\tif (rows.length === 0) {\n\t\t\t\treturn (\n\t\t\t\t\t<SavedEmptyState hasAny={saved.length > 0} onClear={clearAll} onBuild={onNavigate ? build : undefined} />\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<CatalogueCardGrid data-saved-analyses={rows.length}>\n\t\t\t\t\t{rows.map((row) => (\n\t\t\t\t\t\t<SavedAnalysisCard key={row.id} saved={row.original} onReopen={reopen} onDelete={deleteSaved} />\n\t\t\t\t\t))}\n\t\t\t\t</CatalogueCardGrid>\n\t\t\t);\n\t\t},\n\t\t[saved.length, clearAll, onNavigate, build, reopen, deleteSaved],\n\t);\n\n\treturn (\n\t\t<Pane flush>\n\t\t\t{/* No in-content <h1> — the perspective tab bar is the header. */}\n\t\t\t<p className=\"wwc:pt-4 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\tEvery record here keeps three things together: the SPEC that was asked, the execution ROUTE the spec was\n\t\t\t\tcomputed onto, and the LINEAGE the answer came through — so a result can always be traced back to the question\n\t\t\t\tthat produced it. Reopening restores the spec into the builder tab that owns its mode and re-runs it. Nothing is\n\t\t\t\tseeded: a record appears here only when a builder saves one, and a reload restores the empty list.\n\t\t\t</p>\n\n\t\t\t<Filter value={filters} onChange={setFilters}>\n\t\t\t\t{/*\n\t\t\t\t * ONE DataTable is mounted for the life of this view. `mode` appears in exactly two props —\n\t\t\t\t * `renderGrid` and `showColumnToggle` — and nowhere else: no `key`, no conditional render, no\n\t\t\t\t * second table. The sorting, the page index and the column visibility all live in useState\n\t\t\t\t * INSIDE DataTable, so any structure that unmounts it would reset them; this one structurally\n\t\t\t\t * cannot. The query and the applied filter are held above it, here, for the same reason.\n\t\t\t\t */}\n\t\t\t\t<DataTable\n\t\t\t\t\tcolumns={columns}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tsearch={query}\n\t\t\t\t\tonSearchChange={setQuery}\n\t\t\t\t\tsearchPlaceholder=\"Filter saved analyses…\"\n\t\t\t\t\trecordLabel=\"saved analysis\"\n\t\t\t\t\trecordLabelPlural=\"saved analyses\"\n\t\t\t\t\tpageSize={25}\n\t\t\t\t\tflushToolbar\n\t\t\t\t\tgetRowId={(a) => a.id}\n\t\t\t\t\tshowColumnToggle={mode === \"table\"}\n\t\t\t\t\tinitialColumnVisibility={{ms: false, spec: false, lineage: false}}\n\t\t\t\t\trenderGrid={mode === \"cards\" ? renderGrid : undefined}\n\t\t\t\t\temptyMessage={\n\t\t\t\t\t\t<SavedEmptyState hasAny={saved.length > 0} onClear={clearAll} onBuild={onNavigate ? build : undefined} />\n\t\t\t\t\t}\n\t\t\t\t\tfilterChipLabel={(category, value) => {\n\t\t\t\t\t\tif (category === \"mode\") return MODE_LABEL[value as Wc3AnalysisMode] ?? value;\n\t\t\t\t\t\treturn value;\n\t\t\t\t\t}}\n\t\t\t\t\ttoolbarExtra={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<CatalogueViewToggle value={mode} onValueChange={setMode} />\n\t\t\t\t\t\t\t<FilterTrigger />\n\t\t\t\t\t\t\t<FilterContent>\n\t\t\t\t\t\t\t\t{/*\n\t\t\t\t\t\t\t\t * Derived from the live array, so only routes that have actually been executed appear.\n\t\t\t\t\t\t\t\t * With no saved analyses the popover shows no route options at all rather than three\n\t\t\t\t\t\t\t\t * dead ones — the honest state for a list that starts empty.\n\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t<FilterCategory value=\"route\" label=\"Execution route\">\n\t\t\t\t\t\t\t\t\t{routeOptions.map((option) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={option.value} value={option.value}>\n\t\t\t\t\t\t\t\t\t\t\t{`${option.value} (${option.count})`}\n\t\t\t\t\t\t\t\t\t\t</FilterOption>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</FilterCategory>\n\t\t\t\t\t\t\t\t{/*\n\t\t\t\t\t\t\t\t * The two builder tabs are the two things that produce records here, so this facet is\n\t\t\t\t\t\t\t\t * the one that stays useful as the list grows. Counts come off the live array.\n\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t<FilterCategory value=\"mode\" label=\"Mode\">\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"object\">{`${MODE_LABEL.object} (${modeCounts.object})`}</FilterOption>\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"data\">{`${MODE_LABEL.data} (${modeCounts.data})`}</FilterOption>\n\t\t\t\t\t\t\t\t</FilterCategory>\n\t\t\t\t\t\t\t</FilterContent>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Filter>\n\n\t\t\t{/* Only when at least one exists — an empty section here would be a second empty state. */}\n\t\t\t{materialisations.length > 0 ? (\n\t\t\t\t<MaterialisationList materialisations={materialisations} onDelete={deleteMaterialisation} />\n\t\t\t) : null}\n\t\t</Pane>\n\t);\n}\n"],"mappings":"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"}