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

package/dist/pages/wc3-pipeline-side-views.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-pipeline-side-views.mjs","names":["Filter"],"sources":["../../src/pages/wc3-pipeline-side-views.tsx"],"sourcesContent":["import type {ColumnDef, Row} from \"@tanstack/react-table\";\nimport type {ReactElement, ReactNode} from \"react\";\n\nimport {cn} from \"@corensystem/coren-utils\";\nimport {ChevronDown, ChevronRight, LayoutGrid, List, Play, Workflow, XCircle} from \"lucide-react\";\nimport {useCallback, useMemo, useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {Card} from \"../card\";\nimport {Combobox} from \"../combobox\";\nimport {DataTable, DataTableColumnHeader} from \"../data-table\";\nimport {Empty} from \"../empty\";\nimport {Filter, FilterCategory, FilterContent, FilterOption, FilterTrigger, type FilterValue} from \"../filter\";\nimport {ToggleGroup, ToggleGroupItem} from \"../toggle-group\";\nimport {HoverTooltip} from \"../tooltip\";\nimport {usePersistentState} from \"../use-persistent-state\";\nimport {\n\tWC3_NODE_KINDS,\n\ttype Wc3NodeKind,\n\ttype Wc3NodeKindCategory,\n\ttype Wc3Pipeline,\n\ttype Wc3PipelineNode,\n\ttype Wc3PipelineRun,\n} from \"./wc3-lineage-data\";\nimport {Mono, Pane, TypeGlyphLabel, type Wc3LineageNavTarget, lineageNav} from \"./wc3-lineage-shared\";\nimport {getObjectType} from \"./wc3-ontology-data\";\nimport {\n\tNodeKindBadge,\n\tNodeKindGlyph,\n\tPipelineGlyph,\n\tPortDot,\n\tPortLegend,\n\tWC3_NODE_CATEGORIES,\n\tWC3_PORT_TYPES,\n\ttype Wc3PipelineViewMode,\n\ttype Wc3PipelineViewProps,\n\tcheckWire,\n\tkindConnectivity,\n\tkindOutputCols,\n\tkindsUsedIn,\n\tnodeKindLabel,\n\treplacePipeline,\n\trunPipeline,\n} from \"./wc3-pipeline-shared\";\n\n// The Pipelines perspective's two SIDE tabs, in one file because each is a single flat surface with\n// no drill-in and they share the node-kind row rendering, the chip and the two empty-state shapes.\n//\n// PALETTE is the reference catalogue of the 15 node kinds — read-only over the live pipeline array,\n// with deliberately NO add affordance, so exactly one surface (the detail's canvas palette) ever\n// mutates a pipeline's graph.\n//\n// RUNS is the run log across every pipeline. The seeded fixture has ZERO runs on all three\n// pipelines, so at first paint this tab is genuinely empty and says so; the only thing that fills it\n// is running a pipeline in this session.\n//\n// Both read `pipelines` from props — never WC3_PIPELINES — so a pipeline created or run in-session\n// is counted here the moment the shell commits it.\n\n// ─── Shared bits ─────────────────────────────────────────────────────────────\n\n/** A small bordered chip. Same shape as the products catalogue's file-local Chip. */\nfunction Chip({children, title, onClick}: {children: ReactNode; title?: string; onClick?: () => void}) {\n\tconst className =\n\t\t\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/40 wwc:px-1.5 wwc:py-0.5 wwc:text-[10.5px] wwc:text-muted-foreground\";\n\tif (!onClick) {\n\t\treturn (\n\t\t\t<span className={className} title={title}>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t);\n\t}\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\ttitle={title}\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\tonClick();\n\t\t\t}}\n\t\t\tclassName={cn(className, \"wwc:transition-colors wwc:hover:border-primary/50 wwc:hover:text-primary\")}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\n/**\n * A port side rendered as dots + type names, or an em dash when the side is empty.\n *\n * Keys are `<type>#<nth occurrence>` rather than the array index: no kind in the fixture carries two\n * ports of the same type on the same side, but the wire encoding is positional and `portPos` supports\n * N ports, so a future multi-port kind must not produce duplicate keys.\n */\nfunction PortList({types}: {types: string[]}) {\n\tif (types.length === 0) return <span className=\"wwc:text-muted-foreground\">—</span>;\n\tconst seen = new Map<string, number>();\n\treturn (\n\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-x-2 wwc:gap-y-1\">\n\t\t\t{types.map((type) => {\n\t\t\t\tconst nth = (seen.get(type) ?? 0) + 1;\n\t\t\t\tseen.set(type, nth);\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={`${type}#${nth}`}\n\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:gap-1 wwc:whitespace-nowrap wwc:text-xs wwc:text-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<PortDot type={type} />\n\t\t\t\t\t\t{type}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t})}\n\t\t</span>\n\t);\n}\n\n/** `kindOutputCols` as Mono chips — or the plain sentence, for the one kind that emits nothing. */\nfunction OutputSchema({kindId}: {kindId: string}) {\n\tconst cols = kindOutputCols(kindId);\n\t// src_drone is the only kind pipeNodeData returns {cols: [], rows: []} for, so a drone node always\n\t// runs empty. Saying that in words beats leaving the cell blank and looking like missing data.\n\tif (cols.length === 0) return <span className=\"wwc:text-xs wwc:text-muted-foreground\">produces no rows</span>;\n\treturn (\n\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:gap-1\">\n\t\t\t{cols.map((col) => (\n\t\t\t\t<Chip key={col}>\n\t\t\t\t\t<Mono>{col}</Mono>\n\t\t\t\t</Chip>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n\n/** The mode toggle, identical in both tabs so they cannot drift apart. */\nfunction ModeToggle({\n\tmode,\n\tonModeChange,\n}: {\n\tmode: Wc3PipelineViewMode;\n\tonModeChange: (next: Wc3PipelineViewMode) => void;\n}) {\n\treturn (\n\t\t<ToggleGroup\n\t\t\ttype=\"single\"\n\t\t\tvalue={mode}\n\t\t\t// Radix emits \"\" when the active item is pressed again; a segmented control has no\n\t\t\t// \"neither\" state, so that is swallowed.\n\t\t\tonValueChange={(next) => {\n\t\t\t\tif (next) onModeChange(next as Wc3PipelineViewMode);\n\t\t\t}}\n\t\t\tvariant=\"outline\"\n\t\t\tsize=\"sm\"\n\t\t>\n\t\t\t<ToggleGroupItem value=\"table\" aria-label=\"Table view\" title=\"Table view\">\n\t\t\t\t<List className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t</ToggleGroupItem>\n\t\t\t<ToggleGroupItem value=\"cards\" aria-label=\"Card view\" title=\"Card view\">\n\t\t\t\t<LayoutGrid className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t</ToggleGroupItem>\n\t\t</ToggleGroup>\n\t);\n}\n\n/** Shown by BOTH the table's `emptyMessage` and the grid callback, so the two modes cannot drift. */\nfunction FilteredEmpty({noun, onClear}: {noun: string; onClear: () => void}) {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:flex-col wwc:items-center wwc:gap-2 wwc:py-8 wwc:text-center\">\n\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">{`No ${noun} matches the search and filter.`}</p>\n\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={onClear}>\n\t\t\t\tClear the filter\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\n// ─── Palette: the wiring rules, quoted rather than paraphrased ───────────────\n\n/**\n * The four refusals, produced by CALLING {@link checkWire} on a throwaway pipeline built to trip\n * exactly one guard each — not by restating them.\n *\n * That matters: the strings are the shared module's single source of truth (they include the\n * prototype's ungrammatical \"a Objects\", kept verbatim by decision), and a rules panel that\n * paraphrased them would give the perspective two vocabularies for the same rule. This way the panel\n * physically cannot drift from the canvas banner.\n *\n * The mismatch example is Geometry → Objects into a Clash filter, which is the pair captured live in\n * the prototype.\n */\nconst ruleNode = (id: string, kind: string): Wc3PipelineNode => ({\n\tid,\n\tkind,\n\tlabel: nodeKindLabel(kind),\n\tx: 0,\n\ty: 0,\n\tparams: {},\n});\n\nconst RULES_PIPELINE: Wc3Pipeline = {\n\tid: \"pipe_rules_probe\",\n\tname: \"\",\n\ticon: \"pipeline\",\n\tdropRev: 1,\n\tdesc: \"\",\n\tnodes: [\n\t\truleNode(\"geo\", \"src_ifc\"), //      [] → Geometry\n\t\truleNode(\"clash\", \"tx_clash\"), //   Objects → Objects\n\t\truleNode(\"uni\", \"tx_uniclass\"), //  Objects → Objects\n\t\truleNode(\"map\", \"bhom_map\"), //     Objects → Objects\n\t],\n\t// Occupies uni:0 (so guard 3 fires) and makes map reach uni (so guard 4 fires).\n\twires: [{id: \"w1\", from: \"map:0\", to: \"uni:0\"}],\n\truns: [],\n};\n\nconst ruleReason = (from: string, to: string): string => {\n\tconst check = checkWire(RULES_PIPELINE, from, to);\n\treturn check.ok ? \"\" : check.reason;\n};\n\nconst WIRING_RULES: {title: string; reason: string}[] = [\n\t{title: \"A node cannot feed itself\", reason: ruleReason(\"clash:0\", \"clash:0\")},\n\t{title: \"Port types must match exactly\", reason: ruleReason(\"geo:0\", \"clash:0\")},\n\t{title: \"One wire per input\", reason: ruleReason(\"clash:0\", \"uni:0\")},\n\t{title: \"The graph stays acyclic\", reason: ruleReason(\"uni:0\", \"map:0\")},\n];\n\nfunction WiringRulesPanel() {\n\treturn (\n\t\t<Card className=\"wwc:flex wwc:flex-col wwc:gap-3 wwc:rounded-lg wwc:p-4\">\n\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:justify-between wwc:gap-2\">\n\t\t\t\t<div className=\"wwc:text-sm wwc:font-semibold\">Wiring rules</div>\n\t\t\t\t{/* The same component the canvas footer renders, so the key can never drift. */}\n\t\t\t\t<PortLegend />\n\t\t\t</div>\n\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\tA wire is refused for exactly these four reasons, in this order. Type checking is plain equality — there is no\n\t\t\t\tsubtyping and no coercion. An input takes exactly one wire; an output fans out without limit.\n\t\t\t</p>\n\t\t\t<ol className=\"wwc:grid wwc:gap-2 wwc:sm:grid-cols-2\">\n\t\t\t\t{WIRING_RULES.map((rule, i) => (\n\t\t\t\t\t<li key={rule.title} className=\"wwc:flex wwc:gap-2 wwc:rounded-md wwc:bg-muted/40 wwc:p-2\">\n\t\t\t\t\t\t<XCircle className=\"wwc:mt-0.5 wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:text-amber-600\" />\n\t\t\t\t\t\t<span className=\"wwc:min-w-0\">\n\t\t\t\t\t\t\t<span className=\"wwc:block wwc:text-xs wwc:font-medium\">{`${i + 1}. ${rule.title}`}</span>\n\t\t\t\t\t\t\t<span className=\"wwc:block wwc:text-[11px] wwc:text-muted-foreground\">{rule.reason}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</li>\n\t\t\t\t))}\n\t\t\t</ol>\n\t\t</Card>\n\t);\n}\n\n// ─── Palette: rows, facets and the card ──────────────────────────────────────\n\ntype KindRow = {\n\tid: string;\n\tkind: Wc3NodeKind;\n\t/** Live — a pipeline created this session counts. */\n\tusedIn: Wc3Pipeline[];\n};\n\n/** Distinct port types a kind touches on EITHER side — what the \"Port type\" facet matches on. */\nconst kindPortTypes = (kind: Wc3NodeKind): string[] => [...new Set([...kind.inPorts, ...kind.outPorts])];\n\nconst kindSearchText = (row: KindRow): string =>\n\t[row.id, row.kind.label, row.kind.cat, kindPortTypes(row.kind).join(\" \"), kindOutputCols(row.id).join(\" \")].join(\" \");\n\n/** Category counts off the fixture — the palette is the catalogue of kinds, not of pipelines. */\nconst CATEGORY_COUNTS = new Map<string, number>(\n\tWC3_NODE_CATEGORIES.map((cat) => [cat, Object.values(WC3_NODE_KINDS).filter((k) => k.cat === cat).length]),\n);\n\nconst PORT_TYPE_COUNTS = new Map<string, number>(\n\tWC3_PORT_TYPES.map((type) => [\n\t\ttype,\n\t\tObject.values(WC3_NODE_KINDS).filter((k) => kindPortTypes(k).includes(type)).length,\n\t]),\n);\n\nfunction RefChips({refs, onNavigate}: {refs: string[] | undefined; onNavigate?: (t: Wc3LineageNavTarget) => void}) {\n\tif (!refs || refs.length === 0) return <span className=\"wwc:text-muted-foreground\">—</span>;\n\treturn (\n\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:gap-1\">\n\t\t\t{refs.map((otId) => (\n\t\t\t\t<Chip\n\t\t\t\t\tkey={otId}\n\t\t\t\t\ttitle={`Open ${getObjectType(otId)?.displayName ?? otId} in the Ontology perspective`}\n\t\t\t\t\tonClick={onNavigate ? () => onNavigate(lineageNav.objectType(otId)) : undefined}\n\t\t\t\t>\n\t\t\t\t\t<TypeGlyphLabel type={getObjectType(otId)} />\n\t\t\t\t</Chip>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n\nfunction UsedInChips({usedIn, onNavigate}: {usedIn: Wc3Pipeline[]; onNavigate?: (t: Wc3LineageNavTarget) => void}) {\n\tif (usedIn.length === 0) {\n\t\treturn <span className=\"wwc:text-xs wwc:text-muted-foreground\">no pipeline</span>;\n\t}\n\treturn (\n\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:gap-1\">\n\t\t\t{usedIn.map((p) => (\n\t\t\t\t<Chip\n\t\t\t\t\tkey={p.id}\n\t\t\t\t\ttitle={`Open ${p.name}`}\n\t\t\t\t\tonClick={onNavigate ? () => onNavigate(lineageNav.pipeline(p.id)) : undefined}\n\t\t\t\t>\n\t\t\t\t\t<PipelineGlyph pipeline={p} className=\"wwc:h-3 wwc:w-3 wwc:shrink-0\" />\n\t\t\t\t\t{p.name}\n\t\t\t\t</Chip>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n\nfunction KindCard({row, onNavigate}: {row: KindRow; onNavigate?: (t: Wc3LineageNavTarget) => void}) {\n\tconst {kind} = row;\n\treturn (\n\t\t<Card className=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-lg wwc:p-3\" data-node-kind={row.id}>\n\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t<span className=\"wwc:flex wwc:h-7 wwc:w-7 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/50\">\n\t\t\t\t\t<NodeKindGlyph kindId={row.id} />\n\t\t\t\t</span>\n\t\t\t\t<span className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t<span className=\"wwc:block wwc:truncate wwc:text-sm wwc:font-semibold\">{kind.label}</span>\n\t\t\t\t\t<Mono>{row.id}</Mono>\n\t\t\t\t</span>\n\t\t\t\t<NodeKindBadge kindId={row.id} />\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-x-2 wwc:gap-y-1 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\tin <PortList types={kind.inPorts} />\n\t\t\t\t<span className=\"wwc:text-border\">→</span>\n\t\t\t\tout <PortList types={kind.outPorts} />\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\temits <OutputSchema kindId={row.id} />\n\t\t\t</div>\n\n\t\t\t{kind.refs && kind.refs.length > 0 && (\n\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\treferences <RefChips refs={kind.refs} onNavigate={onNavigate} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"wwc:mt-auto wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1 wwc:pt-1 wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\tused in <UsedInChips usedIn={row.usedIn} onNavigate={onNavigate} />\n\t\t\t</div>\n\t\t</Card>\n\t);\n}\n\n// ─── Palette view ────────────────────────────────────────────────────────────\n\nexport function PipelinePaletteView({pipelines, onNavigate}: Wc3PipelineViewProps): ReactElement {\n\tconst [filters, setFilters] = useState<FilterValue>({});\n\t// Controlled so the filtered empty state can clear the query as well as the facets.\n\tconst [query, setQuery] = useState(\"\");\n\t// Cards default: grouped by category, this is the closest thing to the prototype's sidebar and the\n\t// only mode that shows every fact about a kind at once.\n\tconst [mode, setMode] = usePersistentState<Wc3PipelineViewMode>(\"wc3.pipelines.palette.view\", \"cards\");\n\n\tconst usage = useMemo(() => kindsUsedIn(pipelines), [pipelines]);\n\n\tconst rows = useMemo<KindRow[]>(\n\t\t() =>\n\t\t\tObject.entries(WC3_NODE_KINDS).map(([id, kind]) => ({\n\t\t\t\tid,\n\t\t\t\tkind,\n\t\t\t\tusedIn: usage.get(id) ?? [],\n\t\t\t})),\n\t\t[usage],\n\t);\n\n\tconst usedCount = useMemo(() => rows.filter((r) => r.usedIn.length > 0).length, [rows]);\n\n\tconst clearAll = useCallback(() => {\n\t\tsetFilters({});\n\t\tsetQuery(\"\");\n\t}, []);\n\n\t// ONE predicate for both modes — the toggle changes what DataTable's body renders, never what it\n\t// filters.\n\tconst data = useMemo(() => {\n\t\tconst needle = query.trim().toLowerCase();\n\t\treturn rows.filter((row) => {\n\t\t\tif (needle && !kindSearchText(row).toLowerCase().includes(needle)) return false;\n\t\t\tconst cats = filters.category;\n\t\t\tif (cats && cats.length > 0 && !cats.includes(row.kind.cat)) return false;\n\t\t\tconst ports = filters.portType;\n\t\t\tif (ports && ports.length > 0 && !ports.some((t) => kindPortTypes(row.kind).includes(t))) return false;\n\t\t\tconst usedFacet = filters.usage;\n\t\t\tif (usedFacet && usedFacet.length > 0 && !usedFacet.includes(row.usedIn.length > 0 ? \"used\" : \"unused\")) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t});\n\t}, [filters, query, rows]);\n\n\tconst columns: ColumnDef<KindRow, unknown>[] = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\t// Space-separated lowercase ids: the column-toggle popover capitalises `column.id`.\n\t\t\t\tid: \"kind\",\n\t\t\t\taccessorFn: (row) => row.kind.label,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Kind\" />,\n\t\t\t\tenableHiding: false,\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:whitespace-nowrap\">\n\t\t\t\t\t\t<span className=\"wwc:flex wwc:h-6 wwc:w-6 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/50\">\n\t\t\t\t\t\t\t<NodeKindGlyph kindId={row.original.id} />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"wwc:min-w-0\">\n\t\t\t\t\t\t\t<span className=\"wwc:block wwc:truncate wwc:font-medium\">{row.original.kind.label}</span>\n\t\t\t\t\t\t\t<Mono>{row.original.id}</Mono>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"category\",\n\t\t\t\taccessorFn: (row) => row.kind.cat,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Category\" />,\n\t\t\t\tcell: ({row}) => <NodeKindBadge kindId={row.original.id} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"in ports\",\n\t\t\t\taccessorFn: (row) => row.kind.inPorts.join(\", \"),\n\t\t\t\theader: \"In ports\",\n\t\t\t\tcell: ({row}) => <PortList types={row.original.kind.inPorts} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"out ports\",\n\t\t\t\taccessorFn: (row) => row.kind.outPorts.join(\", \"),\n\t\t\t\theader: \"Out ports\",\n\t\t\t\tcell: ({row}) => <PortList types={row.original.kind.outPorts} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"output schema\",\n\t\t\t\taccessorFn: (row) => kindOutputCols(row.id).join(\", \"),\n\t\t\t\theader: \"Output schema\",\n\t\t\t\tcell: ({row}) => <OutputSchema kindId={row.original.id} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"used in\",\n\t\t\t\taccessorFn: (row) => row.usedIn.length,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Used in\" />,\n\t\t\t\tcell: ({row}) => <UsedInChips usedIn={row.original.usedIn} onNavigate={onNavigate} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\t// The only reason a Transform knows about the ontology, and the edge Impact traverses.\n\t\t\t\tid: \"references\",\n\t\t\t\taccessorFn: (row) => (row.kind.refs ?? []).join(\", \"),\n\t\t\t\theader: \"References\",\n\t\t\t\tcell: ({row}) => <RefChips refs={row.original.kind.refs} onNavigate={onNavigate} />,\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Hidden by default: it is a derived reachability read, useful when you are hunting for the\n\t\t\t\t// adapter that unblocks a chain, noise the rest of the time. Geometry is the striking one —\n\t\t\t\t// two kinds emit it and exactly ONE consumes it, so every geometry pipeline is forced\n\t\t\t\t// through the BHoM adapter.\n\t\t\t\tid: \"connects to\",\n\t\t\t\taccessorFn: (row) => {\n\t\t\t\t\tconst {upstream, downstream} = kindConnectivity(row.id);\n\t\t\t\t\treturn upstream.length + downstream.length;\n\t\t\t\t},\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Connects to\" />,\n\t\t\t\tcell: ({row}) => {\n\t\t\t\t\tconst {upstream, downstream} = kindConnectivity(row.original.id);\n\t\t\t\t\tconst list = (ids: string[]) => (ids.length ? ids.map(nodeKindLabel).join(\", \") : \"nothing\");\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<HoverTooltip\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:flex-col wwc:gap-0.5\">\n\t\t\t\t\t\t\t\t\t<span>{`upstream: ${list(upstream)}`}</span>\n\t\t\t\t\t\t\t\t\t<span>{`downstream: ${list(downstream)}`}</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"wwc:whitespace-nowrap wwc:tabular-nums\">{`${upstream.length} up · ${downstream.length} down`}</span>\n\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[onNavigate],\n\t);\n\n\tconst renderGrid = useCallback(\n\t\t(gridRows: Row<KindRow>[]) => {\n\t\t\tif (gridRows.length === 0) return <FilteredEmpty noun=\"node kind\" onClear={clearAll} />;\n\t\t\t// Card mode groups by category in the prototype's palette order. Only the rows DataTable\n\t\t\t// handed over are grouped, so search, filter and the pager still drive what is shown.\n\t\t\tconst byCategory = new Map<Wc3NodeKindCategory, Row<KindRow>[]>();\n\t\t\tfor (const row of gridRows) {\n\t\t\t\tconst list = byCategory.get(row.original.kind.cat);\n\t\t\t\tif (list) list.push(row);\n\t\t\t\telse byCategory.set(row.original.kind.cat, [row]);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-5\" data-node-kind-palette={gridRows.length}>\n\t\t\t\t\t{WC3_NODE_CATEGORIES.filter((cat) => byCategory.has(cat)).map((cat) => {\n\t\t\t\t\t\tconst group = byCategory.get(cat) ?? [];\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={cat} className=\"wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wide wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{cat}\n\t\t\t\t\t\t\t\t\t<Badge variant=\"neutralSoft\">{group.length}</Badge>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-2 wwc:xl:grid-cols-3\">\n\t\t\t\t\t\t\t\t\t{group.map((row) => (\n\t\t\t\t\t\t\t\t\t\t<KindCard key={row.id} row={row.original} onNavigate={onNavigate} />\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[clearAll, onNavigate],\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\tThe node kinds a pipeline can be built from — {Object.keys(WC3_NODE_KINDS).length} kinds across{\" \"}\n\t\t\t\t{WC3_NODE_CATEGORIES.length} categories, with their typed ports, their output schema and the pipelines that use\n\t\t\t\tthem. Reference only: nodes are added on a pipeline's own canvas, so exactly one surface edits a graph.\n\t\t\t</p>\n\n\t\t\t<WiringRulesPanel />\n\n\t\t\t<Filter value={filters} onChange={setFilters}>\n\t\t\t\t{/*\n\t\t\t\t * ONE DataTable 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,\n\t\t\t\t * no second table, so the sort, page index and column visibility held inside it survive\n\t\t\t\t * every toggle. 15 rows means the pager never engages; the mechanism stays identical\n\t\t\t\t * anyway, so this table behaves like every other catalogue in the workspace.\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 node kinds…\"\n\t\t\t\t\trecordLabel=\"node kind\"\n\t\t\t\t\trecordLabelPlural=\"node kinds\"\n\t\t\t\t\tpageSize={25}\n\t\t\t\t\tflushToolbar\n\t\t\t\t\tgetRowId={(row) => row.id}\n\t\t\t\t\tshowColumnToggle={mode === \"table\"}\n\t\t\t\t\tinitialColumnVisibility={{\"connects to\": false}}\n\t\t\t\t\trenderGrid={mode === \"cards\" ? renderGrid : undefined}\n\t\t\t\t\temptyMessage={<FilteredEmpty noun=\"node kind\" onClear={clearAll} />}\n\t\t\t\t\tfilterChipLabel={(category, value) => {\n\t\t\t\t\t\tif (category === \"usage\") return value === \"used\" ? \"Used\" : \"Unused\";\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<ModeToggle mode={mode} onModeChange={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<FilterCategory value=\"category\" label=\"Category\">\n\t\t\t\t\t\t\t\t\t{WC3_NODE_CATEGORIES.map((cat) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={cat} value={cat}>\n\t\t\t\t\t\t\t\t\t\t\t{`${cat} (${CATEGORY_COUNTS.get(cat) ?? 0})`}\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{/* Membership on EITHER side, so \"Objects\" finds every kind that touches Objects. */}\n\t\t\t\t\t\t\t\t<FilterCategory value=\"portType\" label=\"Port type\">\n\t\t\t\t\t\t\t\t\t{WC3_PORT_TYPES.map((type) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={type} value={type}>\n\t\t\t\t\t\t\t\t\t\t\t{`${type} (${PORT_TYPE_COUNTS.get(type) ?? 0})`}\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{/* Counted off the LIVE array — a kind used only by a session pipeline reads \"Used\". */}\n\t\t\t\t\t\t\t\t<FilterCategory value=\"usage\" label=\"Usage\">\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"used\">{`Used (${usedCount})`}</FilterOption>\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"unused\">{`Unused (${rows.length - usedCount})`}</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\t\t</Pane>\n\t);\n}\n\n// ─── Runs: rows and ordering ─────────────────────────────────────────────────\n\ntype RunRow = {\n\t/** Run ids are only unique within a pipeline, exactly as wire ids are — namespace them. */\n\tkey: string;\n\tpipeline: Wc3Pipeline;\n\trun: Wc3PipelineRun;\n\t/** Index in its pipeline's own runs array; the tiebreak for two runs in the same second. */\n\tseq: number;\n\trows: number;\n};\n\n/**\n * Seconds-of-day for a `Wc3PipelineRun.at` label.\n *\n * `at` is `toLocaleTimeString()` — a wall clock and nothing else, with no date and no epoch anywhere\n * on the record. Every run in the log was made in this session, so the clock IS a total order; the\n * one case this gets wrong is a session spanning midnight, which is not worth widening the fixture's\n * run shape for. An unparseable label sorts last rather than throwing.\n */\nfunction atSeconds(at: string): number {\n\tconst m = /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM)?/i.exec(at.trim());\n\tif (!m) return -1;\n\tlet hours = Number(m[1]);\n\tconst meridiem = m[4]?.toUpperCase();\n\tif (meridiem === \"PM\" && hours < 12) hours += 12;\n\tif (meridiem === \"AM\" && hours === 12) hours = 0;\n\treturn hours * 3600 + Number(m[2]) * 60 + Number(m[3] ?? 0);\n}\n\nconst runRows = (pipelines: Wc3Pipeline[]): RunRow[] =>\n\tpipelines\n\t\t.flatMap((pipeline) =>\n\t\t\tpipeline.runs.map((run, seq) => ({\n\t\t\t\tkey: `${pipeline.id}:${run.id}`,\n\t\t\t\tpipeline,\n\t\t\t\trun,\n\t\t\t\tseq,\n\t\t\t\trows: Object.values(run.stats).reduce((total, n) => total + n, 0),\n\t\t\t})),\n\t\t)\n\t\t// Newest first, across every pipeline.\n\t\t.sort((a, b) => atSeconds(b.run.at) - atSeconds(a.run.at) || b.seq - a.seq);\n\nconst runSearchText = (row: RunRow): string =>\n\t[row.pipeline.name, row.pipeline.id, row.run.id, row.run.at, `rev ${row.run.rev}`, row.run.summary.join(\" \")].join(\n\t\t\" \",\n\t);\n\n/** Lineage → Workflow, the prototype's own affordance on every run-log entry. */\nconst LINEAGE_WORKFLOW: Wc3LineageNavTarget = {perspectiveId: \"lineage\", tabId: \"workflow\"};\n\nfunction SummaryLines({summary}: {summary: string[]}) {\n\tif (summary.length === 0) return <span className=\"wwc:text-xs wwc:text-muted-foreground\">no sink effects</span>;\n\treturn (\n\t\t<span className=\"wwc:flex wwc:flex-col wwc:gap-0.5\">\n\t\t\t{summary.map((line) => (\n\t\t\t\t<span key={line} className=\"wwc:text-xs wwc:text-foreground\">{`· ${line}`}</span>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n\n/** The numbered topological order with each node's row count — the only place order + stats show. */\nfunction RunNodeList({row}: {row: RunRow}) {\n\tconst {pipeline, run} = row;\n\treturn (\n\t\t<ol className=\"wwc:flex wwc:flex-col wwc:gap-1 wwc:p-4\">\n\t\t\t{run.order.map((nodeId, i) => {\n\t\t\t\tconst node = pipeline.nodes.find((n) => n.id === nodeId);\n\t\t\t\treturn (\n\t\t\t\t\t<li key={nodeId} className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs\">\n\t\t\t\t\t\t<span className=\"wwc:w-5 wwc:shrink-0 wwc:text-right wwc:tabular-nums wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t{i + 1}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{node ? <NodeKindGlyph kindId={node.kind} /> : null}\n\t\t\t\t\t\t{/* A node deleted since the run still has a stat — name it by id rather than dropping it. */}\n\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:flex-1 wwc:truncate\">{node?.label ?? nodeId}</span>\n\t\t\t\t\t\t{node ? <Mono>{nodeKindLabel(node.kind)}</Mono> : <Mono>deleted</Mono>}\n\t\t\t\t\t\t<span className=\"wwc:w-20 wwc:shrink-0 wwc:text-right wwc:tabular-nums\">{`${run.stats[nodeId] ?? 0} rows`}</span>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ol>\n\t);\n}\n\nfunction RunCard({row, onNavigate}: {row: RunRow; onNavigate?: (t: Wc3LineageNavTarget) => void}) {\n\tconst {pipeline, run} = row;\n\treturn (\n\t\t<Card className=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-lg wwc:p-3\" data-pipeline-run={row.key}>\n\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t<span className=\"wwc:flex wwc:h-7 wwc:w-7 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/50\">\n\t\t\t\t\t<PipelineGlyph pipeline={pipeline} />\n\t\t\t\t</span>\n\t\t\t\t<span className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t<span className=\"wwc:block wwc:truncate wwc:text-sm wwc:font-semibold\">{pipeline.name}</span>\n\t\t\t\t\t<Mono>{`${run.id} · ${run.at} · rev ${run.rev}`}</Mono>\n\t\t\t\t</span>\n\t\t\t\t<Badge variant={run.summary.length > 0 ? \"successSoft\" : \"neutralSoft\"}>\n\t\t\t\t\t{run.summary.length > 0 ? `${run.summary.length} sink effects` : \"no sink effects\"}\n\t\t\t\t</Badge>\n\t\t\t</div>\n\n\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">{`${run.order.length} nodes · ${row.rows} rows produced`}</p>\n\n\t\t\t<SummaryLines summary={run.summary} />\n\n\t\t\t{onNavigate && (\n\t\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\t<Button variant=\"ghost\" size=\"sm\" onClick={() => onNavigate(LINEAGE_WORKFLOW)}>\n\t\t\t\t\t\t<Workflow />\n\t\t\t\t\t\tlineage →\n\t\t\t\t\t</Button>\n\t\t\t\t\t<span className=\"wwc:flex-1\" />\n\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={() => onNavigate(lineageNav.pipeline(pipeline.id))}>\n\t\t\t\t\t\tOpen pipeline\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Card>\n\t);\n}\n\n/**\n * First paint, and the honest one: all three seeded pipelines ship `runs: []`, so the fixture holds\n * ZERO pipeline runs. (WC3_ACTION_RUNS has two entries, but those are action-type runs and belong to\n * Lineage → Workflow, not here.)\n *\n * The copy deliberately does NOT repeat the prototype's promise that sinks \"upsert instances that\n * immediately appear in the Twin and the Ontology tables\". There is no instance store in this port —\n * a run produces a run record and nothing else — so that sentence would be a lie.\n */\nfunction RunsEmptyState({\n\tpipelines,\n\tonRun,\n\tonNavigate,\n}: {\n\tpipelines: Wc3Pipeline[];\n\tonRun: (pipelineId: string) => void;\n\tonNavigate?: (t: Wc3LineageNavTarget) => void;\n}) {\n\treturn (\n\t\t<Empty\n\t\t\ticon={<Play className=\"wwc:h-8 wwc:w-8\" />}\n\t\t\ttitle=\"No pipeline runs yet\"\n\t\t\tdescription={`None of the ${pipelines.length} pipelines has been run in this session, and the fixture ships no run history. Running one executes its nodes in topological order and records what each node produced — the results appear here and as row counts on the pipeline's canvas.`}\n\t\t\taction={\n\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<Combobox\n\t\t\t\t\t\toptions={pipelines.map((p) => ({\n\t\t\t\t\t\t\tvalue: p.id,\n\t\t\t\t\t\t\tlabel: p.name,\n\t\t\t\t\t\t\ticon: <PipelineGlyph pipeline={p} />,\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\tvalue=\"\"\n\t\t\t\t\t\tonValueChange={(id) => {\n\t\t\t\t\t\t\tif (id) onRun(id);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tplaceholder=\"Run a pipeline…\"\n\t\t\t\t\t\tsearchPlaceholder=\"Search pipelines…\"\n\t\t\t\t\t\temptyMessage=\"No pipeline to run.\"\n\t\t\t\t\t\tclassName=\"wwc:w-[280px]\"\n\t\t\t\t\t\tpopoverClassName=\"wwc:w-[280px]\"\n\t\t\t\t\t/>\n\t\t\t\t\t{onNavigate && (\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\tonClick={() => onNavigate({perspectiveId: \"pipelines\", tabId: \"pipelines\"})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tBack to the pipeline list\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t}\n\t\t/>\n\t);\n}\n\n// ─── Runs view ───────────────────────────────────────────────────────────────\n\nexport function PipelineRunsView({pipelines, onPipelinesChange, onNavigate}: Wc3PipelineViewProps): ReactElement {\n\tconst [filters, setFilters] = useState<FilterValue>({});\n\tconst [query, setQuery] = useState(\"\");\n\t// Table default, unlike the other two surfaces: the expandable row carrying the topological order\n\t// and its per-node row counts exists in table mode only, and it is the reason to open this tab.\n\tconst [mode, setMode] = usePersistentState<Wc3PipelineViewMode>(\"wc3.pipelines.runs.view\", \"table\");\n\n\tconst all = useMemo(() => runRows(pipelines), [pipelines]);\n\n\tconst clearAll = useCallback(() => {\n\t\tsetFilters({});\n\t\tsetQuery(\"\");\n\t}, []);\n\n\t// The empty state's only mutation — and the ONLY write this tab makes. Every graph edit lives on\n\t// the detail's canvas.\n\tconst runOne = useCallback(\n\t\t(pipelineId: string) => {\n\t\t\tconst target = pipelines.find((p) => p.id === pipelineId);\n\t\t\tif (!target) return;\n\t\t\tonPipelinesChange(replacePipeline(pipelines, runPipeline(target).pipeline));\n\t\t},\n\t\t[pipelines, onPipelinesChange],\n\t);\n\n\tconst data = useMemo(() => {\n\t\tconst needle = query.trim().toLowerCase();\n\t\treturn all.filter((row) => {\n\t\t\tif (needle && !runSearchText(row).toLowerCase().includes(needle)) return false;\n\t\t\tconst pipes = filters.pipeline;\n\t\t\tif (pipes && pipes.length > 0 && !pipes.includes(row.pipeline.id)) return false;\n\t\t\tconst outcome = filters.outcome;\n\t\t\tif (outcome && outcome.length > 0 && !outcome.includes(row.run.summary.length > 0 ? \"sinks\" : \"none\")) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tconst revs = filters.rev;\n\t\t\tif (revs && revs.length > 0 && !revs.includes(String(row.run.rev))) return false;\n\t\t\treturn true;\n\t\t});\n\t}, [all, filters, query]);\n\n\tconst pipelineCounts = useMemo(() => {\n\t\tconst counts = new Map<string, number>();\n\t\tfor (const row of all) counts.set(row.pipeline.id, (counts.get(row.pipeline.id) ?? 0) + 1);\n\t\treturn counts;\n\t}, [all]);\n\tconst sinkCount = useMemo(() => all.filter((row) => row.run.summary.length > 0).length, [all]);\n\t// Revs are derived from the runs themselves, so the facet never offers a rev no run pinned.\n\tconst revs = useMemo(() => [...new Set(all.map((row) => row.run.rev))].sort((a, b) => a - b), [all]);\n\n\tconst columns: ColumnDef<RunRow, unknown>[] = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\t// The expander. DataTable renders `renderSubComponent` for an expanded row but ships no\n\t\t\t\t// toggle of its own, so the affordance is a column.\n\t\t\t\tid: \"details\",\n\t\t\t\theader: \"\",\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t\tmeta: {cellClassName: \"wwc:w-px wwc:max-w-none wwc:whitespace-nowrap\"},\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\ticon\n\t\t\t\t\t\taria-label={row.getIsExpanded() ? \"Hide node order\" : \"Show node order\"}\n\t\t\t\t\t\ttooltip={row.getIsExpanded() ? \"Hide node order\" : \"Show node order\"}\n\t\t\t\t\t\tonClick={row.getToggleExpandedHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{row.getIsExpanded() ? <ChevronDown /> : <ChevronRight />}\n\t\t\t\t\t</Button>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"pipeline\",\n\t\t\t\taccessorFn: (row) => row.pipeline.name,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Pipeline\" />,\n\t\t\t\tenableHiding: false,\n\t\t\t\tcell: ({row}) => (\n\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:whitespace-nowrap\">\n\t\t\t\t\t\t<PipelineGlyph pipeline={row.original.pipeline} />\n\t\t\t\t\t\t{onNavigate ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tonClick={() => onNavigate(lineageNav.pipeline(row.original.pipeline.id))}\n\t\t\t\t\t\t\t\tclassName=\"wwc:min-w-0 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\t>\n\t\t\t\t\t\t\t\t{row.original.pipeline.name}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"wwc:min-w-0 wwc:truncate wwc:font-medium\">{row.original.pipeline.name}</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"run id\",\n\t\t\t\taccessorFn: (row) => row.run.id,\n\t\t\t\theader: \"Run id\",\n\t\t\t\tcell: ({row}) => <Mono>{row.original.run.id}</Mono>,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"at\",\n\t\t\t\taccessorFn: (row) => atSeconds(row.run.at),\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"At\" />,\n\t\t\t\tcell: ({row}) => <span className=\"wwc:whitespace-nowrap\">{row.original.run.at}</span>,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"drop rev\",\n\t\t\t\taccessorFn: (row) => row.run.rev,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Drop rev\" />,\n\t\t\t\tcell: ({row}) => <Mono>{`rev ${row.original.run.rev}`}</Mono>,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"nodes\",\n\t\t\t\taccessorFn: (row) => row.run.order.length,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Nodes\" />,\n\t\t\t\tmeta: {headerClassName: \"wwc:text-right\", cellClassName: \"wwc:text-right wwc:tabular-nums\"},\n\t\t\t\tcell: ({row}) => row.original.run.order.length,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"rows\",\n\t\t\t\taccessorFn: (row) => row.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,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"sinks\",\n\t\t\t\taccessorFn: (row) => row.run.summary.length,\n\t\t\t\theader: ({column}) => <DataTableColumnHeader column={column} title=\"Sinks\" />,\n\t\t\t\tcell: ({row}) =>\n\t\t\t\t\trow.original.run.summary.length === 0 ? (\n\t\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">no sink effects</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<HoverTooltip content={<SummaryLines summary={row.original.run.summary} />}>\n\t\t\t\t\t\t\t<span className=\"wwc:tabular-nums\">{row.original.run.summary.length}</span>\n\t\t\t\t\t\t</HoverTooltip>\n\t\t\t\t\t),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"actions\",\n\t\t\t\theader: \"\",\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t\tmeta: {cellClassName: \"wwc:w-px wwc:max-w-none wwc:whitespace-nowrap\"},\n\t\t\t\tcell: ({row}) =>\n\t\t\t\t\tonNavigate ? (\n\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1\">\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=\"Open the workflow lineage\"\n\t\t\t\t\t\t\t\ttooltip=\"lineage →\"\n\t\t\t\t\t\t\t\tonClick={() => onNavigate(LINEAGE_WORKFLOW)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Workflow />\n\t\t\t\t\t\t\t</Button>\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={`Open ${row.original.pipeline.name}`}\n\t\t\t\t\t\t\t\ttooltip=\"Open pipeline\"\n\t\t\t\t\t\t\t\tonClick={() => onNavigate(lineageNav.pipeline(row.original.pipeline.id))}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Play />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : null,\n\t\t\t},\n\t\t],\n\t\t[onNavigate],\n\t);\n\n\tconst renderGrid = useCallback(\n\t\t(gridRows: Row<RunRow>[]) => {\n\t\t\tif (gridRows.length === 0) return <FilteredEmpty noun=\"run\" onClear={clearAll} />;\n\t\t\treturn (\n\t\t\t\t<div className=\"wwc:grid wwc:gap-3 wwc:sm:grid-cols-2 wwc:xl:grid-cols-3\" data-pipeline-runs={gridRows.length}>\n\t\t\t\t\t{gridRows.map((row) => (\n\t\t\t\t\t\t<RunCard key={row.id} row={row.original} onNavigate={onNavigate} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[clearAll, onNavigate],\n\t);\n\n\t// Nothing has ever been run, so there is nothing to search, filter or page — the table would be a\n\t// toolbar over an empty box. The Empty replaces it outright and carries the one action that fills\n\t// this tab. Once a run exists the table takes over, and its own empty state is the filtered one.\n\tif (all.length === 0) {\n\t\treturn (\n\t\t\t<Pane>\n\t\t\t\t<RunsEmptyState pipelines={pipelines} onRun={runOne} onNavigate={onNavigate} />\n\t\t\t</Pane>\n\t\t);\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 pipeline run made in this session, newest first. A run executes its nodes in topological order and records\n\t\t\t\twhat each one produced; expand a row for that order and its per-node row counts. Runs are held on the pipeline\n\t\t\t\trecord and capped at 12 each — nothing survives a reload.\n\t\t\t</p>\n\n\t\t\t<Filter value={filters} onChange={setFilters}>\n\t\t\t\t{/* ONE DataTable, same mechanism as the Palette and the pipeline catalogue. */}\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 runs…\"\n\t\t\t\t\trecordLabel=\"run\"\n\t\t\t\t\trecordLabelPlural=\"runs\"\n\t\t\t\t\tpageSize={25}\n\t\t\t\t\tflushToolbar\n\t\t\t\t\tgetRowId={(row) => row.key}\n\t\t\t\t\tshowColumnToggle={mode === \"table\"}\n\t\t\t\t\tgetRowCanExpand={(row) => row.original.run.order.length > 0}\n\t\t\t\t\trenderSubComponent={({row}) => <RunNodeList row={row.original} />}\n\t\t\t\t\trenderGrid={mode === \"cards\" ? renderGrid : undefined}\n\t\t\t\t\temptyMessage={<FilteredEmpty noun=\"run\" onClear={clearAll} />}\n\t\t\t\t\tfilterChipLabel={(category, value) => {\n\t\t\t\t\t\tif (category === \"pipeline\") return pipelines.find((p) => p.id === value)?.name ?? value;\n\t\t\t\t\t\tif (category === \"outcome\") return value === \"sinks\" ? \"Has sink effects\" : \"No sink effects\";\n\t\t\t\t\t\tif (category === \"rev\") return `rev ${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<ModeToggle mode={mode} onModeChange={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<FilterCategory value=\"pipeline\" label=\"Pipeline\">\n\t\t\t\t\t\t\t\t\t{pipelines.map((p) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={p.id} value={p.id}>\n\t\t\t\t\t\t\t\t\t\t\t{`${p.name} (${pipelineCounts.get(p.id) ?? 0})`}\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{/* summary carries sink lines only, so this genuinely splits: a pipeline with no\n\t\t\t\t\t\t\t\t    sink node runs fine and reports nothing. */}\n\t\t\t\t\t\t\t\t<FilterCategory value=\"outcome\" label=\"Outcome\">\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"sinks\">{`Has sink effects (${sinkCount})`}</FilterOption>\n\t\t\t\t\t\t\t\t\t<FilterOption value=\"none\">{`No sink effects (${all.length - sinkCount})`}</FilterOption>\n\t\t\t\t\t\t\t\t</FilterCategory>\n\t\t\t\t\t\t\t\t<FilterCategory value=\"rev\" label=\"Drop rev\">\n\t\t\t\t\t\t\t\t\t{revs.map((rev) => (\n\t\t\t\t\t\t\t\t\t\t<FilterOption key={rev} value={String(rev)}>\n\t\t\t\t\t\t\t\t\t\t\t{`rev ${rev} (${all.filter((row) => row.run.rev === rev).length})`}\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</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\t\t</Pane>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/wc3-pipeline-views.d.mts

@@ -0,0 +1,15 @@
+import { Wc3Pipeline } from "./wc3-lineage-data.mjs";
+import { Wc3PipelineViewProps } from "./wc3-pipeline-shared.mjs";
+import { ReactElement } from "react";
+//#region src/pages/wc3-pipeline-views.d.ts
+export declare const PIPELINE_VIEWS: Record<string, (props: Wc3PipelineViewProps) => ReactElement>;
+/**
+ * Seed for the shell's live pipeline array. Deep-cloned, not aliased: WC3_PIPELINES is a frozen
+ * module fixture that wc3-lineage-data-view.tsx and the ontology's Impact view still read directly,
+ * and one accidental in-place `pipe.runs.push` would corrupt it for the whole app. Every mutation
+ * helper in wc3-pipeline-shared.tsx is pure, so this is belt-and-braces — keep it anyway.
+ */
+export declare function seedPipelines(): Wc3Pipeline[];
+//#endregion
+export type { Wc3PipelineViewProps };
+//# sourceMappingURL=wc3-pipeline-views.d.mts.map

package/dist/pages/wc3-pipeline-views.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-pipeline-views.d.mts","names":[],"sources":["../../src/pages/wc3-pipeline-views.ts"],"mappings":";;;;qBAgBa,gBAAgB,gBAAgB,OAAO,yBAAyB;;;;;;;wBAY7D,iBAAiB"}

package/dist/pages/wc3-pipeline-views.mjs

@@ -0,0 +1,23 @@
+import { WC3_PIPELINES } from "./wc3-lineage-data.mjs";
+import { clonePipeline } from "./wc3-pipeline-shared.mjs";
+import { PipelineListView } from "./wc3-pipeline-list-view.mjs";
+import { PipelinePaletteView, PipelineRunsView } from "./wc3-pipeline-side-views.mjs";
+//#region src/pages/wc3-pipeline-views.ts
+const PIPELINE_VIEWS = {
+	pipelines: PipelineListView,
+	palette: PipelinePaletteView,
+	runs: PipelineRunsView
+};
+/**
+* Seed for the shell's live pipeline array. Deep-cloned, not aliased: WC3_PIPELINES is a frozen
+* module fixture that wc3-lineage-data-view.tsx and the ontology's Impact view still read directly,
+* and one accidental in-place `pipe.runs.push` would corrupt it for the whole app. Every mutation
+* helper in wc3-pipeline-shared.tsx is pure, so this is belt-and-braces — keep it anyway.
+*/
+function seedPipelines() {
+	return WC3_PIPELINES.map(clonePipeline);
+}
+//#endregion
+export { PIPELINE_VIEWS, seedPipelines };
+
+//# sourceMappingURL=wc3-pipeline-views.mjs.map

package/dist/pages/wc3-pipeline-views.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-pipeline-views.mjs","names":[],"sources":["../../src/pages/wc3-pipeline-views.ts"],"sourcesContent":["import type {ReactElement} from \"react\";\n\nimport {WC3_PIPELINES, type Wc3Pipeline} from \"./wc3-lineage-data\";\nimport {PipelineListView} from \"./wc3-pipeline-list-view\";\nimport {clonePipeline, type Wc3PipelineViewProps} from \"./wc3-pipeline-shared\";\nimport {PipelinePaletteView, PipelineRunsView} from \"./wc3-pipeline-side-views\";\n\n// The three Pipelines surfaces. Same seam as PRODUCT_VIEWS (wc3-product-views.ts:14) and\n// LINEAGE_VIEWS (wc3-lineage-views.ts:11): keyed by TAB ID, looked up by the shell, and a tab left\n// out of this record still falls through to the perspective's `placeholders` entry — so these three\n// can be wired one at a time.\n//\n// Note the shape differs from the prototype on purpose. The prototype is ONE builder page for a\n// pipeline chosen from a header dropdown, with the palette as a sidebar. Here the LIST is the entry\n// point, the builder is its drill-in (wc3-pipeline-detail.tsx, rendered by the list, not registered\n// here), and the palette and the run log are promoted to tabs of their own.\nexport const PIPELINE_VIEWS: Record<string, (props: Wc3PipelineViewProps) => ReactElement> = {\n\tpipelines: PipelineListView,\n\tpalette: PipelinePaletteView,\n\truns: PipelineRunsView,\n};\n\n/**\n * Seed for the shell's live pipeline array. Deep-cloned, not aliased: WC3_PIPELINES is a frozen\n * module fixture that wc3-lineage-data-view.tsx and the ontology's Impact view still read directly,\n * and one accidental in-place `pipe.runs.push` would corrupt it for the whole app. Every mutation\n * helper in wc3-pipeline-shared.tsx is pure, so this is belt-and-braces — keep it anyway.\n */\nexport function seedPipelines(): Wc3Pipeline[] {\n\treturn WC3_PIPELINES.map(clonePipeline);\n}\n\n// Re-exported so the shell needs one import line and never reaches into the shared module.\nexport type {Wc3PipelineViewProps} from \"./wc3-pipeline-shared\";\n"],"mappings":";;;;;AAgBA,MAAa,iBAAgF;CAC5F,WAAW;CACX,SAAS;CACT,MAAM;AACP;;;;;;;AAQA,SAAgB,gBAA+B;CAC9C,OAAO,cAAc,IAAI,aAAa;AACvC"}

package/dist/pages/wc3-process-bottlenecks.d.mts

@@ -0,0 +1,22 @@
+import { Wc3ProcessInstanceRow } from "./wc3-process-data.mjs";
+import { Wc3ProcessRecord } from "./wc3-process-shared.mjs";
+import { ReactElement } from "react";
+//#region src/pages/wc3-process-bottlenecks.d.ts
+export type ProcessBottlenecksProps = {
+  process: Wc3ProcessRecord;
+  /**
+   * The rows this process's tokens are. Empty means no live work — every ranking, histogram and
+   * count below reads THESE, never a fixture, so a real process shows real numbers.
+   */
+  instances?: readonly Wc3ProcessInstanceRow[];
+  /** The detail page's `edit.stateSel`. Scopes the histogram and highlights the ranked row. */
+  selectedStateId: string | null;
+  /** Toggling the scope. Passing null clears it back to "all non-terminal". */
+  onSelectState: (stateId: string | null) => void;
+  /** Jump to the instances queue scoped to a state. Absent = the "Open queue" affordance is dropped. */
+  onOpenInstances?: (stateId: string) => void;
+  className?: string;
+};
+export declare function ProcessBottlenecksSection({ process, instances, selectedStateId, onSelectState, onOpenInstances, className }: ProcessBottlenecksProps): ReactElement;
+//#endregion
+//# sourceMappingURL=wc3-process-bottlenecks.d.mts.map

package/dist/pages/wc3-process-bottlenecks.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-process-bottlenecks.d.mts","names":[],"sources":["../../src/pages/wc3-process-bottlenecks.tsx"],"mappings":";;;;YAgDY;EACX,SAAS;;;;;EAKT,qBAAqB;;EAErB;;EAEA,gBAAgB;;EAEhB,mBAAmB;EACnB;;wBAyFe,4BACf,SACA,WACA,iBACA,eACA,iBACA,aACE,0BAA0B"}

package/dist/pages/wc3-process-bottlenecks.mjs

@@ -0,0 +1,352 @@
+import { Badge } from "../badge.mjs";
+import { HoverTooltip } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../card.mjs";
+import { Empty } from "../empty.mjs";
+import { Table as Table$1, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table.mjs";
+import { WC3_PROCESS_FIXTURE_NOW, processAgingBuckets, processBottlenecks, processStateOf } from "./wc3-process-data.mjs";
+import { OverSlaBadge, ProposedTag, SlaModelBadge, StateChip, WC3_PROCESS_TINT, formatHours, processFacts } from "./wc3-process-shared.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ArrowRight, Timer, X } from "lucide-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-process-bottlenecks.tsx
+/** Stable identity, so an omitted `instances` does not re-run every memo below on each render. */
+const EMPTY_ROWS = [];
+function tintOf(overShare) {
+	if (overShare > WC3_PROCESS_TINT.danger) return "danger";
+	if (overShare > 0) return "warn";
+	return "ok";
+}
+const TINT_BAR = {
+	danger: "wwc:bg-red-500",
+	warn: "wwc:bg-amber-500",
+	ok: "wwc:bg-muted-foreground/30"
+};
+const TINT_BADGE = {
+	danger: "dangerSoft",
+	warn: "warningSoft",
+	ok: "neutralSoft"
+};
+const pct = (share) => `${Math.round(share * 100)}%`;
+function SectionNote({ children }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: "wwc:text-xs wwc:text-muted-foreground",
+		children
+	});
+}
+/**
+* One aging bar: the whole bucket sized against the busiest bucket, split into the part still inside
+* its SLA and the part past it. A bucket with no tokens draws no bar at all rather than a zero-width
+* sliver, so "nothing is this old" reads as empty instead of as a rendering artefact.
+*/
+function AgingBar({ label, count, over, max }) {
+	const width = max > 0 ? count / max * 100 : 0;
+	const overShare = count > 0 ? over / count * 100 : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:w-14 wwc:shrink-0 wwc:text-muted-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ jsx(HoverTooltip, {
+				content: count === 0 ? `No open tokens aged ${label}.` : `${count} token${count === 1 ? "" : "s"} aged ${label} — ${over} past SLA.`,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "wwc:h-2.5 wwc:min-w-0 wwc:flex-1 wwc:overflow-hidden wwc:rounded-full wwc:bg-muted",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:h-full",
+						style: { width: `${width}%` },
+						children: [/* @__PURE__ */ jsx("div", { className: "wwc:h-full wwc:flex-1 wwc:bg-muted-foreground/40" }), over > 0 ? /* @__PURE__ */ jsx("div", {
+							className: "wwc:h-full wwc:bg-red-500",
+							style: { width: `${overShare}%` }
+						}) : null]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "wwc:w-16 wwc:shrink-0 wwc:text-right wwc:tabular-nums",
+				children: [count, over > 0 ? /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-red-600 wwc:dark:text-red-400",
+					children: ` / ${over}`
+				}) : null]
+			})
+		]
+	});
+}
+/** The declared SLA cell. An em dash is a real answer here, and it means two different things. */
+function AppliedSlaCell({ row, severityDriven }) {
+	if (severityDriven) return /* @__PURE__ */ jsxs("span", {
+		className: "wwc:flex wwc:items-center wwc:gap-1.5",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "wwc:text-muted-foreground",
+			children: "—"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-[11px] wwc:text-muted-foreground",
+			children: "severity-driven"
+		})]
+	});
+	if (row.slaHours === null) return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: `“${row.state.name}” declares no SLA, so its tokens can never be counted as breached.`,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-muted-foreground",
+			children: "—"
+		})
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:tabular-nums",
+		children: `${row.slaHours} h`
+	});
+}
+function ProcessBottlenecksSection({ process, instances = EMPTY_ROWS, selectedStateId, onSelectState, onOpenInstances, className }) {
+	const rows = useMemo(() => [...instances], [instances]);
+	const facts = useMemo(() => processFacts(process, rows), [process, rows]);
+	const ranked = useMemo(() => processBottlenecks(process, rows), [process, rows]);
+	const scopeState = selectedStateId ? process.states.find((s) => s.id === selectedStateId) ?? null : null;
+	const buckets = useMemo(() => processAgingBuckets(process, rows, scopeState ? scopeState.id : void 0), [
+		process,
+		rows,
+		scopeState
+	]);
+	const unmatched = useMemo(() => rows.filter((r) => processStateOf(process, r) === void 0).length, [process, rows]);
+	const scopedTokens = buckets.reduce((sum, b) => sum + b.count, 0);
+	const scopedOver = buckets.reduce((sum, b) => sum + b.over, 0);
+	const maxBucket = buckets.reduce((max, b) => Math.max(max, b.count), 0);
+	const severityDriven = process.slaBySeverity !== null;
+	const noSlaStates = severityDriven ? [] : ranked.filter((r) => r.slaHours === null);
+	if (ranked.length === 0) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(Empty, {
+			icon: /* @__PURE__ */ jsx(Timer, { className: "wwc:h-6 wwc:w-6" }),
+			title: "Nothing can bottleneck here",
+			description: `Every state in “${process.name}” is terminal, so no token can be waiting in one. Bottleneck analysis ranks non-terminal states only — a terminal state holds finished work, and processRowOverSla returns false for it unconditionally.`
+		})
+	});
+	if (rows.length === 0) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(Empty, {
+			icon: /* @__PURE__ */ jsx(Timer, { className: "wwc:h-6 wwc:w-6" }),
+			title: "No token rows to analyse",
+			description: `Tokens are the live rows of ${facts.objectTypeName ?? process.objectTypeId}, and this workspace holds none for it. The ${ranked.length} non-terminal state${ranked.length === 1 ? "" : "s"} of this graph ${ranked.length === 1 ? "is" : "are"} declared but empty, so there is no age to bucket and no SLA to breach.`
+		})
+	});
+	if (facts.openCount === 0) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(Empty, {
+			icon: /* @__PURE__ */ jsx(Timer, { className: "wwc:h-6 wwc:w-6" }),
+			title: "No open tokens",
+			description: unmatched > 0 ? `All ${rows.length} ${facts.objectTypeName ?? process.objectTypeId} row${rows.length === 1 ? "" : "s"} carry a “${process.statusProp}” value that matches no state in this graph, so none of them sits anywhere it could be held up. A row belongs to whichever state's value string matches its status field.` : `All ${rows.length} ${facts.objectTypeName ?? process.objectTypeId} row${rows.length === 1 ? "" : "s"} have reached a terminal state. Finished work is never over SLA, so there is nothing to rank.`
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+				className: "wwc:gap-2 wwc:p-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+						children: [
+							/* @__PURE__ */ jsx(CardTitle, {
+								className: "wwc:text-sm",
+								children: scopeState ? `Aging in “${scopeState.name}”` : "Aging (all non-terminal)"
+							}),
+							scopeState ? /* @__PURE__ */ jsxs(Button, {
+								variant: "ghost",
+								size: "sm",
+								className: "wwc:h-6 wwc:gap-1 wwc:px-1.5 wwc:text-[11px]",
+								onClick: () => onSelectState(null),
+								children: [/* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" }), "Clear scope"]
+							}) : null,
+							/* @__PURE__ */ jsxs("span", {
+								className: "wwc:ml-auto wwc:flex wwc:items-center wwc:gap-2",
+								children: [/* @__PURE__ */ jsx(SlaModelBadge, { process }), /* @__PURE__ */ jsx(OverSlaBadge, {
+									over: scopedOver,
+									total: scopedTokens
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(SectionNote, { children: `Observed: ${scopedTokens} token${scopedTokens === 1 ? "" : "s"} bucketed by age against the frozen fixture clock, ${WC3_PROCESS_FIXTURE_NOW}. One snapshot — no history, so no trend.` }),
+					scopeState?.type === "terminal" ? /* @__PURE__ */ jsx(SectionNote, { children: `“${scopeState.name}” is a terminal state: its tokens are finished work, so processRowOverSla returns false for every one of them and this scope can never report a breach. It is excluded from the ranking below.` }) : null
+				]
+			}), /* @__PURE__ */ jsxs(CardContent, {
+				className: "wwc:space-y-1.5 wwc:p-3 wwc:pt-0",
+				children: [buckets.map((bucket) => /* @__PURE__ */ jsx(AgingBar, {
+					label: bucket.label,
+					count: bucket.count,
+					over: bucket.over,
+					max: maxBucket
+				}, bucket.label)), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-x-3 wwc:gap-y-1 wwc:pt-1 wwc:text-[11px] wwc:text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "wwc:flex wwc:items-center wwc:gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", { className: "wwc:inline-block wwc:h-1.5 wwc:w-4 wwc:rounded-full wwc:bg-muted-foreground/40" }), "within SLA"]
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "wwc:flex wwc:items-center wwc:gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", { className: "wwc:inline-block wwc:h-1.5 wwc:w-4 wwc:rounded-full wwc:bg-red-500" }), "past SLA"]
+						}),
+						/* @__PURE__ */ jsx("span", { children: "bars are counts, scaled to the busiest bucket" })
+					]
+				})]
+			})] }),
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+				className: "wwc:gap-2 wwc:p-3",
+				children: [/* @__PURE__ */ jsxs(CardTitle, {
+					className: "wwc:text-sm",
+					children: ["Bottlenecks", /* @__PURE__ */ jsx("span", {
+						className: "wwc:font-normal wwc:text-muted-foreground",
+						children: ` (${ranked.length} non-terminal state${ranked.length === 1 ? "" : "s"})`
+					})]
+				}), /* @__PURE__ */ jsxs(SectionNote, { children: [
+					"Ranked worst-first by share of tokens past SLA, then by raw breach count, then by oldest token. Tokens, breaches and ages are ",
+					/* @__PURE__ */ jsx("b", { children: "observed" }),
+					" from live rows; the SLA column is ",
+					/* @__PURE__ */ jsx("b", { children: "declared" }),
+					" — a proposed governance layer, not an as-built engine setting."
+				] })]
+			}), /* @__PURE__ */ jsx(CardContent, {
+				className: "wwc:p-0",
+				children: /* @__PURE__ */ jsxs(Table$1, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+					/* @__PURE__ */ jsx(TableHead, { children: "State" }),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-20 wwc:text-right",
+						children: "Tokens"
+					}),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-20 wwc:text-right",
+						children: "Over"
+					}),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-40",
+						children: "Share past SLA"
+					}),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-24 wwc:text-right",
+						children: "Avg age"
+					}),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-24 wwc:text-right",
+						children: "Max age"
+					}),
+					/* @__PURE__ */ jsx(TableHead, {
+						className: "wwc:w-32",
+						children: "Declared SLA"
+					}),
+					/* @__PURE__ */ jsx(TableHead, { className: "wwc:w-px" })
+				] }) }), /* @__PURE__ */ jsx(TableBody, { children: ranked.map((row) => {
+					const tint = tintOf(row.overShare);
+					const picked = row.state.id === selectedStateId;
+					return /* @__PURE__ */ jsxs(TableRow, {
+						"data-state": picked ? "selected" : void 0,
+						className: "wwc:cursor-pointer",
+						onClick: () => onSelectState(picked ? null : row.state.id),
+						children: [
+							/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: "wwc:cursor-pointer wwc:rounded-sm wwc:text-left wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring",
+								onClick: (e) => {
+									e.stopPropagation();
+									onSelectState(picked ? null : row.state.id);
+								},
+								children: /* @__PURE__ */ jsx(StateChip, { state: row.state })
+							}) }),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "wwc:text-right wwc:tabular-nums",
+								children: row.tokens
+							}),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "wwc:text-right wwc:tabular-nums",
+								children: row.over > 0 ? /* @__PURE__ */ jsx(Badge, {
+									variant: TINT_BADGE[tint],
+									children: row.over
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "wwc:text-muted-foreground",
+									children: "0"
+								})
+							}),
+							/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:items-center wwc:gap-2",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:h-1.5 wwc:min-w-0 wwc:flex-1 wwc:overflow-hidden wwc:rounded-full wwc:bg-muted",
+									children: /* @__PURE__ */ jsx("span", {
+										className: cn("wwc:block wwc:h-full wwc:rounded-full", TINT_BAR[tint]),
+										style: { width: `${Math.round(row.overShare * 100)}%` }
+									})
+								}), /* @__PURE__ */ jsx("span", {
+									className: "wwc:w-9 wwc:shrink-0 wwc:text-right wwc:tabular-nums",
+									children: row.tokens === 0 ? "—" : pct(row.overShare)
+								})]
+							}) }),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "wwc:text-right wwc:tabular-nums",
+								children: row.tokens === 0 ? "—" : formatHours(row.avgAgeHours)
+							}),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "wwc:text-right wwc:tabular-nums",
+								children: row.tokens === 0 ? "—" : formatHours(row.maxAgeHours)
+							}),
+							/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(AppliedSlaCell, {
+								row,
+								severityDriven
+							}) }),
+							/* @__PURE__ */ jsx(TableCell, {
+								className: "wwc:w-px wwc:max-w-none wwc:whitespace-nowrap",
+								children: onOpenInstances && row.tokens > 0 ? /* @__PURE__ */ jsxs(Button, {
+									variant: "ghost",
+									size: "sm",
+									className: "wwc:h-6 wwc:gap-1 wwc:px-1.5 wwc:text-[11px]",
+									onClick: (e) => {
+										e.stopPropagation();
+										onOpenInstances(row.state.id);
+									},
+									children: ["Open queue", /* @__PURE__ */ jsx(ArrowRight, { className: "wwc:h-3 wwc:w-3" })]
+								}) : null
+							})
+						]
+					}, row.state.id);
+				}) })] })
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-col wwc:gap-2 wwc:rounded-md wwc:border wwc:border-border wwc:bg-muted/40 wwc:p-3 wwc:text-xs",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+						children: [/* @__PURE__ */ jsx(ProposedTag, {}), /* @__PURE__ */ jsx("span", {
+							className: "wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase",
+							children: "SLA layer"
+						})]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-foreground",
+						children: process.slaNote
+					}),
+					severityDriven && process.slaBySeverity ? /* @__PURE__ */ jsxs("span", {
+						className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "wwc:text-muted-foreground",
+							children: "Severity table:"
+						}), Object.entries(process.slaBySeverity).map(([severity, hours]) => /* @__PURE__ */ jsx(Badge, {
+							variant: "neutralSoft",
+							children: `${severity} ${hours} h`
+						}, severity))]
+					}) : null,
+					noSlaStates.length > 0 ? /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-muted-foreground",
+						children: `${noSlaStates.length} of ${ranked.length} non-terminal state${ranked.length === 1 ? "" : "s"} declare no SLA (${noSlaStates.map((r) => r.state.name).join(", ")}), so their tokens are never counted as breached however old they get.`
+					}) : null,
+					unmatched > 0 ? /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-muted-foreground",
+						children: `${unmatched} of ${rows.length} ${facts.objectTypeName ?? process.objectTypeId} row${unmatched === 1 ? "" : "s"} carry a “${process.statusProp}” value matching no state in this graph. They sit in no state and are excluded from every number above.`
+					}) : null
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { ProcessBottlenecksSection };
+
+//# sourceMappingURL=wc3-process-bottlenecks.mjs.map