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

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

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-process-bottlenecks.mjs","names":["Table"],"sources":["../../src/pages/wc3-process-bottlenecks.tsx"],"sourcesContent":["import type {ReactElement, ReactNode} from \"react\";\n\nimport {cn} from \"@corensystem/coren-utils\";\nimport {ArrowRight, Timer, X} from \"lucide-react\";\nimport {useMemo} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Button} from \"../button\";\nimport {Card, CardContent, CardHeader, CardTitle} from \"../card\";\nimport {Empty} from \"../empty\";\nimport {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from \"../table\";\nimport {HoverTooltip} from \"../tooltip\";\nimport {\n\tOverSlaBadge,\n\tProposedTag,\n\tSlaModelBadge,\n\tStateChip,\n\tWC3_PROCESS_FIXTURE_NOW,\n\tWC3_PROCESS_TINT,\n\ttype Wc3ProcessBottleneck,\n\ttype Wc3ProcessInstanceRow,\n\ttype Wc3ProcessRecord,\n\tformatHours,\n\tprocessAgingBuckets,\n\tprocessBottlenecks,\n\tprocessFacts,\n\tprocessStateOf,\n} from \"./wc3-process-shared\";\n\n// The bottleneck / SLA analysis SECTION of the single-process page. It is imported BY\n// wc3-process-detail.tsx, is never registered as a tab and is never mounted by the list — the user\n// asked for \"bottleneck analysis inside each process single page\", so this is a panel of that page.\n//\n// FULLY STATELESS. The scope selection lives in the detail's `edit.stateSel`, so the canvas ring, the\n// instances queue and this panel physically cannot disagree about which state is being looked at.\n//\n// EVERY NUMBER HERE IS DERIVED, NONE IS AUTHORED. Token counts, over-SLA counts, shares and ages all\n// come out of processBottlenecks / processAgingBuckets, which read the frozen instance rows against\n// WC3_PROCESS_FIXTURE_NOW (\"2026-07-22 08:00\"). There is exactly ONE snapshot and no history, so this\n// panel never renders a trend, a target, a forecast or a sparkline — there is nothing behind them.\n//\n// The one distinction the UI has to keep making, because the fixture makes it: OBSERVED numbers\n// (tokens, breaches, ages — measured off live rows) versus a DECLARED SLA (a proposed governance\n// layer that no engine enforces yet). They are labelled as such in the table header and the footnote.\n\n/** Stable identity, so an omitted `instances` does not re-run every memo below on each render. */\nconst EMPTY_ROWS: readonly Wc3ProcessInstanceRow[] = [];\n\nexport type ProcessBottlenecksProps = {\n\tprocess: Wc3ProcessRecord;\n\t/**\n\t * The rows this process's tokens are. Empty means no live work — every ranking, histogram and\n\t * count below reads THESE, never a fixture, so a real process shows real numbers.\n\t */\n\tinstances?: readonly Wc3ProcessInstanceRow[];\n\t/** The detail page's `edit.stateSel`. Scopes the histogram and highlights the ranked row. */\n\tselectedStateId: string | null;\n\t/** Toggling the scope. Passing null clears it back to \"all non-terminal\". */\n\tonSelectState: (stateId: string | null) => void;\n\t/** Jump to the instances queue scoped to a state. Absent = the \"Open queue\" affordance is dropped. */\n\tonOpenInstances?: (stateId: string) => void;\n\tclassName?: string;\n};\n\n/**\n * The prototype's `stateBox()` tint thresholds, ported exactly: more than half the tokens over SLA is\n * danger, any at all is warn, none is neutral. WC3_PROCESS_TINT.danger owns the 0.5 so the canvas and\n * this panel cannot drift.\n */\ntype Tint = \"danger\" | \"warn\" | \"ok\";\n\nfunction tintOf(overShare: number): Tint {\n\tif (overShare > WC3_PROCESS_TINT.danger) return \"danger\";\n\tif (overShare > 0) return \"warn\";\n\treturn \"ok\";\n}\n\nconst TINT_BAR: Record<Tint, string> = {\n\tdanger: \"wwc:bg-red-500\",\n\twarn: \"wwc:bg-amber-500\",\n\tok: \"wwc:bg-muted-foreground/30\",\n};\n\nconst TINT_BADGE: Record<Tint, \"dangerSoft\" | \"warningSoft\" | \"neutralSoft\"> = {\n\tdanger: \"dangerSoft\",\n\twarn: \"warningSoft\",\n\tok: \"neutralSoft\",\n};\n\nconst pct = (share: number) => `${Math.round(share * 100)}%`;\n\nfunction SectionNote({children}: {children: ReactNode}): ReactElement {\n\treturn <p className=\"wwc:text-xs wwc:text-muted-foreground\">{children}</p>;\n}\n\n/**\n * One aging bar: the whole bucket sized against the busiest bucket, split into the part still inside\n * its SLA and the part past it. A bucket with no tokens draws no bar at all rather than a zero-width\n * sliver, so \"nothing is this old\" reads as empty instead of as a rendering artefact.\n */\nfunction AgingBar({label, count, over, max}: {label: string; count: number; over: number; max: number}): ReactElement {\n\tconst width = max > 0 ? (count / max) * 100 : 0;\n\tconst overShare = count > 0 ? (over / count) * 100 : 0;\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-xs\">\n\t\t\t<span className=\"wwc:w-14 wwc:shrink-0 wwc:text-muted-foreground\">{label}</span>\n\t\t\t<HoverTooltip\n\t\t\t\tcontent={\n\t\t\t\t\tcount === 0\n\t\t\t\t\t\t? `No open tokens aged ${label}.`\n\t\t\t\t\t\t: `${count} token${count === 1 ? \"\" : \"s\"} aged ${label} — ${over} past SLA.`\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div className=\"wwc:h-2.5 wwc:min-w-0 wwc:flex-1 wwc:overflow-hidden wwc:rounded-full wwc:bg-muted\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:h-full\" style={{width: `${width}%`}}>\n\t\t\t\t\t\t<div className=\"wwc:h-full wwc:flex-1 wwc:bg-muted-foreground/40\" />\n\t\t\t\t\t\t{over > 0 ? <div className=\"wwc:h-full wwc:bg-red-500\" style={{width: `${overShare}%`}} /> : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</HoverTooltip>\n\t\t\t<span className=\"wwc:w-16 wwc:shrink-0 wwc:text-right wwc:tabular-nums\">\n\t\t\t\t{count}\n\t\t\t\t{over > 0 ? <span className=\"wwc:text-red-600 wwc:dark:text-red-400\">{` / ${over}`}</span> : null}\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n\n/** The declared SLA cell. An em dash is a real answer here, and it means two different things. */\nfunction AppliedSlaCell({row, severityDriven}: {row: Wc3ProcessBottleneck; severityDriven: boolean}): ReactElement {\n\tif (severityDriven) {\n\t\t// processRowSlaHours consults slaBySeverity FIRST, so processBottlenecks reports slaHours: null\n\t\t// for every state of a severity-driven process — the per-state value, if any, is dead weight.\n\t\treturn (\n\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t<span className=\"wwc:text-muted-foreground\">—</span>\n\t\t\t\t<span className=\"wwc:text-[11px] wwc:text-muted-foreground\">severity-driven</span>\n\t\t\t</span>\n\t\t);\n\t}\n\tif (row.slaHours === null) {\n\t\treturn (\n\t\t\t<HoverTooltip content={`“${row.state.name}” declares no SLA, so its tokens can never be counted as breached.`}>\n\t\t\t\t<span className=\"wwc:text-muted-foreground\">—</span>\n\t\t\t</HoverTooltip>\n\t\t);\n\t}\n\treturn <span className=\"wwc:tabular-nums\">{`${row.slaHours} h`}</span>;\n}\n\nexport function ProcessBottlenecksSection({\n\tprocess,\n\tinstances = EMPTY_ROWS,\n\tselectedStateId,\n\tonSelectState,\n\tonOpenInstances,\n\tclassName,\n}: ProcessBottlenecksProps): ReactElement {\n\tconst rows = useMemo(() => [...instances], [instances]);\n\tconst facts = useMemo(() => processFacts(process, rows), [process, rows]);\n\tconst ranked = useMemo(() => processBottlenecks(process, rows), [process, rows]);\n\n\t// The scope is whatever the page has selected, resolved against THIS process — a stale id (the page\n\t// keys on process.id, but a state can also be deleted under the selection) scopes to nothing rather\n\t// than to a phantom state.\n\tconst scopeState = selectedStateId ? (process.states.find((s) => s.id === selectedStateId) ?? null) : null;\n\tconst buckets = useMemo(\n\t\t() => processAgingBuckets(process, rows, scopeState ? scopeState.id : undefined),\n\t\t[process, rows, scopeState],\n\t);\n\n\t// Rows whose status value matches no declared state sit in NO state: they are counted by neither\n\t// processOpenRows nor processBottlenecks. That is not a rounding error — it is the whole story for a\n\t// process created this session on an object type another process already claims, whose freshly\n\t// named states match none of the live status values.\n\tconst unmatched = useMemo(() => rows.filter((r) => processStateOf(process, r) === undefined).length, [process, rows]);\n\n\tconst scopedTokens = buckets.reduce((sum, b) => sum + b.count, 0);\n\tconst scopedOver = buckets.reduce((sum, b) => sum + b.over, 0);\n\tconst maxBucket = buckets.reduce((max, b) => Math.max(max, b.count), 0);\n\n\tconst severityDriven = process.slaBySeverity !== null;\n\tconst noSlaStates = severityDriven ? [] : ranked.filter((r) => r.slaHours === null);\n\n\t// ── The three honest empty readings ───────────────────────────────────────\n\t// Each is a different fact about the data, so each says a different thing. None of them invents a\n\t// count to make the panel look populated.\n\n\tif (ranked.length === 0) {\n\t\treturn (\n\t\t\t<div className={className}>\n\t\t\t\t<Empty\n\t\t\t\t\ticon={<Timer className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\t\ttitle=\"Nothing can bottleneck here\"\n\t\t\t\t\tdescription={`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.`}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (rows.length === 0) {\n\t\treturn (\n\t\t\t<div className={className}>\n\t\t\t\t<Empty\n\t\t\t\t\ticon={<Timer className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\t\ttitle=\"No token rows to analyse\"\n\t\t\t\t\tdescription={`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.`}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (facts.openCount === 0) {\n\t\treturn (\n\t\t\t<div className={className}>\n\t\t\t\t<Empty\n\t\t\t\t\ticon={<Timer className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\t\ttitle=\"No open tokens\"\n\t\t\t\t\tdescription={\n\t\t\t\t\t\tunmatched > 0\n\t\t\t\t\t\t\t? `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.`\n\t\t\t\t\t\t\t: `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.`\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn(\"wwc:space-y-4\", className)}>\n\t\t\t{/* ── (a) scope header + (b) the aging histogram ───────────────────── */}\n\t\t\t<Card>\n\t\t\t\t<CardHeader className=\"wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t<CardTitle className=\"wwc:text-sm\">\n\t\t\t\t\t\t\t{scopeState ? `Aging in “${scopeState.name}”` : \"Aging (all non-terminal)\"}\n\t\t\t\t\t\t</CardTitle>\n\t\t\t\t\t\t{scopeState ? (\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\tclassName=\"wwc:h-6 wwc:gap-1 wwc:px-1.5 wwc:text-[11px]\"\n\t\t\t\t\t\t\t\tonClick={() => onSelectState(null)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<X className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\tClear scope\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<span className=\"wwc:ml-auto wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t<SlaModelBadge process={process} />\n\t\t\t\t\t\t\t<OverSlaBadge over={scopedOver} total={scopedTokens} />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SectionNote>\n\t\t\t\t\t\t{`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.`}\n\t\t\t\t\t</SectionNote>\n\t\t\t\t\t{/* The page's selection can land on a terminal state, which the ranking below excludes. The\n\t\t\t\t\t    histogram still scopes to it — the ages are real — but its breach count is structurally\n\t\t\t\t\t    zero, and saying so beats letting \"0 over SLA\" read as a clean queue. */}\n\t\t\t\t\t{scopeState?.type === \"terminal\" ? (\n\t\t\t\t\t\t<SectionNote>\n\t\t\t\t\t\t\t{`“${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.`}\n\t\t\t\t\t\t</SectionNote>\n\t\t\t\t\t) : null}\n\t\t\t\t</CardHeader>\n\t\t\t\t<CardContent className=\"wwc:space-y-1.5 wwc:p-3 wwc:pt-0\">\n\t\t\t\t\t{buckets.map((bucket) => (\n\t\t\t\t\t\t<AgingBar key={bucket.label} label={bucket.label} count={bucket.count} over={bucket.over} max={maxBucket} />\n\t\t\t\t\t))}\n\t\t\t\t\t<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\">\n\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t<span className=\"wwc:inline-block wwc:h-1.5 wwc:w-4 wwc:rounded-full wwc:bg-muted-foreground/40\" />\n\t\t\t\t\t\t\twithin SLA\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t<span className=\"wwc:inline-block wwc:h-1.5 wwc:w-4 wwc:rounded-full wwc:bg-red-500\" />\n\t\t\t\t\t\t\tpast SLA\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span>bars are counts, scaled to the busiest bucket</span>\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\n\t\t\t{/* ── (c) the ranked bottleneck table ──────────────────────────────── */}\n\t\t\t<Card>\n\t\t\t\t<CardHeader className=\"wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t<CardTitle className=\"wwc:text-sm\">\n\t\t\t\t\t\tBottlenecks\n\t\t\t\t\t\t<span className=\"wwc:font-normal wwc:text-muted-foreground\">{` (${ranked.length} non-terminal state${ranked.length === 1 ? \"\" : \"s\"})`}</span>\n\t\t\t\t\t</CardTitle>\n\t\t\t\t\t<SectionNote>\n\t\t\t\t\t\tRanked worst-first by share of tokens past SLA, then by raw breach count, then by oldest token. Tokens,\n\t\t\t\t\t\tbreaches and ages are <b>observed</b> from live rows; the SLA column is <b>declared</b> — a proposed\n\t\t\t\t\t\tgovernance layer, not an as-built engine setting.\n\t\t\t\t\t</SectionNote>\n\t\t\t\t</CardHeader>\n\t\t\t\t<CardContent className=\"wwc:p-0\">\n\t\t\t\t\t<Table>\n\t\t\t\t\t\t<TableHeader>\n\t\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t\t<TableHead>State</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-20 wwc:text-right\">Tokens</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-20 wwc:text-right\">Over</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-40\">Share past SLA</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-24 wwc:text-right\">Avg age</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-24 wwc:text-right\">Max age</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-32\">Declared SLA</TableHead>\n\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-px\" />\n\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t</TableHeader>\n\t\t\t\t\t\t<TableBody>\n\t\t\t\t\t\t\t{ranked.map((row) => {\n\t\t\t\t\t\t\t\tconst tint = tintOf(row.overShare);\n\t\t\t\t\t\t\t\tconst picked = row.state.id === selectedStateId;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\t\t\tkey={row.state.id}\n\t\t\t\t\t\t\t\t\t\tdata-state={picked ? \"selected\" : undefined}\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t// Selecting a state is a cheap, reversible scope change, not navigation — so the whole\n\t\t\t\t\t\t\t\t\t\t// row takes it. The state name is still a real button, so it is reachable by keyboard.\n\t\t\t\t\t\t\t\t\t\tonClick={() => onSelectState(picked ? null : row.state.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:cursor-pointer wwc:rounded-sm wwc:text-left wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectState(picked ? null : row.state.id);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<StateChip state={row.state} />\n\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:text-right wwc:tabular-nums\">{row.tokens}</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:text-right wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{row.over > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge variant={TINT_BADGE[tint]}>{row.over}</Badge>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">0</span>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:h-1.5 wwc:min-w-0 wwc:flex-1 wwc:overflow-hidden wwc:rounded-full wwc:bg-muted\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\"wwc:block wwc:h-full wwc:rounded-full\", TINT_BAR[tint])}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{width: `${Math.round(row.overShare * 100)}%`}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:w-9 wwc:shrink-0 wwc:text-right wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{row.tokens === 0 ? \"—\" : pct(row.overShare)}\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:text-right wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{row.tokens === 0 ? \"—\" : formatHours(row.avgAgeHours)}\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:text-right wwc:tabular-nums\">\n\t\t\t\t\t\t\t\t\t\t\t{row.tokens === 0 ? \"—\" : formatHours(row.maxAgeHours)}\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<AppliedSlaCell row={row} severityDriven={severityDriven} />\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:w-px wwc:max-w-none wwc:whitespace-nowrap\">\n\t\t\t\t\t\t\t\t\t\t\t{onOpenInstances && row.tokens > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-6 wwc:gap-1 wwc:px-1.5 wwc:text-[11px]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonOpenInstances(row.state.id);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tOpen queue\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRight className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</TableBody>\n\t\t\t\t\t</Table>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\n\t\t\t{/* ── (d) what these numbers are, and are not ──────────────────────── */}\n\t\t\t<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\">\n\t\t\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<ProposedTag />\n\t\t\t\t\t<span className=\"wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase\">SLA layer</span>\n\t\t\t\t</span>\n\t\t\t\t{/* Verbatim. Paraphrasing this note is how a port starts claiming shipped behaviour. */}\n\t\t\t\t<span className=\"wwc:text-foreground\">{process.slaNote}</span>\n\n\t\t\t\t{severityDriven && process.slaBySeverity ? (\n\t\t\t\t\t<span className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">Severity table:</span>\n\t\t\t\t\t\t{Object.entries(process.slaBySeverity).map(([severity, hours]) => (\n\t\t\t\t\t\t\t<Badge key={severity} variant=\"neutralSoft\">{`${severity} ${hours} h`}</Badge>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\n\t\t\t\t{noSlaStates.length > 0 ? (\n\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">\n\t\t\t\t\t\t{`${noSlaStates.length} of ${ranked.length} non-terminal state${ranked.length === 1 ? \"\" : \"s\"} declare no SLA (${noSlaStates\n\t\t\t\t\t\t\t.map((r) => r.state.name)\n\t\t\t\t\t\t\t.join(\", \")}), so their tokens are never counted as breached however old they get.`}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\n\t\t\t\t{unmatched > 0 ? (\n\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">\n\t\t\t\t\t\t{`${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.`}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+import { Wc3ProcessDraft, Wc3ProcessRecord } from "./wc3-process-shared.mjs";
+//#region src/pages/wc3-process-create.d.ts
+/**
+ * "Create process" — net-new work: the prototype has no create/delete/rename process affordance
+ * anywhere. The modal shell, the "never disable Create" required-field idiom and the reset-on-close
+ * rule are all FormDialog's, so this file carries only what is specific to a process.
+ *
+ * It hands back a DRAFT; the caller builds the record with createProcess() and drills straight in.
+ *
+ * It takes the live array only to answer one honest question: whether the chosen object type is
+ * ALREADY claimed by another process. Tokens are keyed by object type, not by process, so two
+ * processes on ot_permit share the same 28 rows.
+ */
+export declare function CreateProcessDialog({ open, onOpenChange, onCreate, processes, locationField }: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onCreate: (draft: Wc3ProcessDraft) => void;
+  processes: Wc3ProcessRecord[];
+  /** The file system's "where does this go?", supplied by the shell. See Wc3FsLinkProps. */
+  locationField?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export type { Wc3ProcessDraft, Wc3ProcessRecord };
+//# sourceMappingURL=wc3-process-create.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-process-create.d.mts","names":[],"sources":["../../src/pages/wc3-process-create.tsx"],"mappings":";;;;;;;;;;;;;wBAiEgB,sBACf,MACA,cACA,UACA,WACA;EAEA;EACA,eAAe;EACf,WAAW,OAAO;EAClB,WAAW;;EAEX,gBAAgB,MAAM;gCACtB,IAAA"}

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

@@ -0,0 +1,230 @@
+import { Input } from "../input.mjs";
+import { ToggleGroup, ToggleGroupItem } from "../toggle-group.mjs";
+import { Combobox } from "../combobox.mjs";
+import { FormDialog, FormDialogCaveat, FormDialogField, FormDialogNote, FormDialogRow } from "../form-dialog.mjs";
+import { WC3_OBJECT_TYPES, getObjectType } from "./wc3-ontology-data.mjs";
+import { OntologyGlyph } from "./wc3-ontology-glyphs.mjs";
+import { demoInstances } from "./wc3-process-data.mjs";
+import { ProcessGlyph, WC3_PROCESS_ICONS, WC3_PROCESS_MESSAGES, createProcess } from "./wc3-process-shared.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-process-create.tsx
+/**
+* "Create process" — bind a state machine to an ontology object type.
+*
+* Net-new work: the WC3 prototype had no create, delete or rename process affordance anywhere. The
+* modal shell, the "never disable Create" required-field idiom and the reset-on-close rule are all
+* {@link FormDialog}'s, so this module carries only what is specific to a process:
+*
+*   · which object type backs it, and therefore which rows become its tokens,
+*   · which property on those rows holds the state value, pre-filled by a heuristic and freely
+*     changeable,
+*   · whether that object type is ALREADY claimed by another process — tokens are keyed by object
+*     type, not by process, so two processes on `ot_permit` share the same 28 rows.
+*
+* It hands back a DRAFT rather than a record. The caller builds the record with `createProcess()`,
+* which is what lets a host drill straight into the new process without this dialog knowing how the
+* host stores anything.
+*/
+/**
+* ProcessGlyph resolves an icon off a RECORD (four of the eight picker names have no glyph anywhere
+* and are patched inside the shared module, so LineageGlyph alone would render four identical boxes).
+* The picker has no record yet, so one inert probe supplies the shape and only its `icon` varies —
+* cheaper and safer than casting an object literal to Wc3Process.
+*/
+const ICON_PROBE = createProcess({
+	name: "",
+	icon: "",
+	objectTypeId: "",
+	statusProp: ""
+});
+/** The property most likely to hold the state value, pre-filled and freely changeable. */
+function guessStatusProp(objectTypeId) {
+	const ot = getObjectType(objectTypeId);
+	if (!ot) return "";
+	const byName = ot.properties.find((p) => p.apiName.includes("status") || p.apiName.includes("state"));
+	if (byName) return byName.apiName;
+	return ot.properties.find((p) => p.baseType === "string")?.apiName ?? ot.properties[0]?.apiName ?? "";
+}
+/**
+* "Create process" — net-new work: the prototype has no create/delete/rename process affordance
+* anywhere. The modal shell, the "never disable Create" required-field idiom and the reset-on-close
+* rule are all FormDialog's, so this file carries only what is specific to a process.
+*
+* It hands back a DRAFT; the caller builds the record with createProcess() and drills straight in.
+*
+* It takes the live array only to answer one honest question: whether the chosen object type is
+* ALREADY claimed by another process. Tokens are keyed by object type, not by process, so two
+* processes on ot_permit share the same 28 rows.
+*/
+function CreateProcessDialog({ open, onOpenChange, onCreate, processes, locationField }) {
+	const [name, setName] = useState("");
+	const [icon, setIcon] = useState(WC3_PROCESS_ICONS[0] ?? "workflow");
+	const [objectTypeId, setObjectTypeId] = useState("");
+	const [statusProp, setStatusProp] = useState("");
+	const nameValid = name.trim().length > 0;
+	const valid = nameValid && objectTypeId.length > 0 && statusProp.length > 0;
+	const objectTypeOptions = useMemo(() => WC3_OBJECT_TYPES.map((ot) => ({
+		value: ot.id,
+		label: ot.displayName,
+		icon: /* @__PURE__ */ jsx(OntologyGlyph, {
+			name: ot.icon,
+			color: ot.color
+		})
+	})), []);
+	const statusPropOptions = useMemo(() => {
+		const ot = getObjectType(objectTypeId);
+		if (!ot) return [];
+		return ot.properties.map((p) => ({
+			value: p.apiName,
+			label: `${p.displayName} (${p.apiName})`
+		}));
+	}, [objectTypeId]);
+	/**
+	* How many token rows the chosen object type actually has, and which process already claims them.
+	*
+	* processInstances() reads the rows off a RECORD, so a throwaway record on the chosen object type
+	* is the exact answer rather than a guess — and it goes through the shared seam rather than
+	* reaching into the fixture's instance map.
+	*/
+	const backing = useMemo(() => {
+		if (!objectTypeId) return null;
+		const probe = createProcess({
+			name: "",
+			icon: "",
+			objectTypeId,
+			statusProp: ""
+		});
+		const claimedBy = processes.find((p) => p.objectTypeId === objectTypeId);
+		return {
+			rows: demoInstances(probe).length,
+			claimedBy,
+			objectType: getObjectType(objectTypeId)
+		};
+	}, [objectTypeId, processes]);
+	const reset = () => {
+		setName("");
+		setIcon(WC3_PROCESS_ICONS[0] ?? "workflow");
+		setObjectTypeId("");
+		setStatusProp("");
+	};
+	return /* @__PURE__ */ jsxs(FormDialog, {
+		open,
+		onOpenChange,
+		title: "Create process",
+		width: 560,
+		valid,
+		hint: "Name it, bind it to an object type, then create.",
+		error: !nameValid ? WC3_PROCESS_MESSAGES.nameRequired : "Pick a backing object type and its status property.",
+		submitLabel: "Create process",
+		onSubmit: () => onCreate({
+			name: name.trim(),
+			icon,
+			objectTypeId,
+			statusProp
+		}),
+		onReset: reset,
+		children: [
+			locationField && /* @__PURE__ */ jsx(FormDialogField, {
+				label: "Location",
+				children: locationField
+			}),
+			/* @__PURE__ */ jsx(FormDialogField, {
+				label: "Name",
+				invalid: !nameValid,
+				children: ({ invalid, id }) => /* @__PURE__ */ jsx(Input, {
+					id,
+					value: name,
+					placeholder: "e.g. Lifting plan approval",
+					onChange: (e) => setName(e.target.value),
+					"aria-invalid": invalid,
+					className: cn(invalid && "wwc:border-destructive")
+				})
+			}),
+			/* @__PURE__ */ jsxs(FormDialogRow, { children: [/* @__PURE__ */ jsx(FormDialogField, {
+				label: "Backing object type",
+				invalid: objectTypeId.length === 0,
+				hint: "Its rows are the tokens of this process.",
+				children: ({ invalid, id, describedBy }) => /* @__PURE__ */ jsx(Combobox, {
+					id,
+					"aria-describedby": describedBy,
+					"aria-invalid": invalid,
+					options: objectTypeOptions,
+					value: objectTypeId,
+					onValueChange: (next) => {
+						setObjectTypeId(next);
+						setStatusProp(guessStatusProp(next));
+					},
+					placeholder: "Pick an object type…",
+					searchPlaceholder: "Search object types…",
+					className: cn("wwc:w-full", invalid && "wwc:border-destructive"),
+					popoverClassName: "wwc:w-[260px]"
+				})
+			}), /* @__PURE__ */ jsx(FormDialogField, {
+				label: "Status property",
+				invalid: statusProp.length === 0,
+				hint: "Holds the current state value on a row.",
+				children: ({ invalid, id, describedBy }) => /* @__PURE__ */ jsx(Combobox, {
+					id,
+					"aria-describedby": describedBy,
+					"aria-invalid": invalid,
+					options: statusPropOptions,
+					value: statusProp,
+					onValueChange: setStatusProp,
+					placeholder: objectTypeId ? "Pick a property…" : "Pick an object type first",
+					searchPlaceholder: "Search properties…",
+					emptyMessage: "That object type declares no properties.",
+					disabled: !objectTypeId,
+					className: cn("wwc:w-full", invalid && "wwc:border-destructive"),
+					popoverClassName: "wwc:w-[260px]"
+				})
+			})] }),
+			/* @__PURE__ */ jsx(FormDialogField, {
+				label: "Icon",
+				className: "wwc:space-y-2",
+				children: ({ labelId }) => /* @__PURE__ */ jsx(ToggleGroup, {
+					type: "single",
+					value: icon,
+					"aria-labelledby": labelId,
+					onValueChange: (next) => {
+						if (next) setIcon(next);
+					},
+					variant: "outline",
+					size: "sm",
+					className: "wwc:flex-wrap wwc:justify-start wwc:gap-2",
+					children: WC3_PROCESS_ICONS.map((iconName) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+						value: iconName,
+						"aria-label": iconName,
+						title: iconName,
+						children: /* @__PURE__ */ jsx(ProcessGlyph, { process: {
+							...ICON_PROBE,
+							icon: iconName
+						} })
+					}, iconName))
+				})
+			}),
+			/* @__PURE__ */ jsxs(FormDialogNote, { children: [
+				"It opens on a worked example, not a blank canvas: ",
+				/* @__PURE__ */ jsx("b", { children: "Draft" }),
+				" → ",
+				/* @__PURE__ */ jsx("b", { children: "In review" }),
+				" → ",
+				/* @__PURE__ */ jsx("b", { children: "Active" }),
+				" →",
+				" ",
+				/* @__PURE__ */ jsx("b", { children: "Closed" }),
+				", with a ",
+				/* @__PURE__ */ jsx("b", { children: "Rejected" }),
+				" branch that can reopen. Every state is flagged custom and every edge is drawn dashed and ",
+				/* @__PURE__ */ jsx("b", { children: "unbound" }),
+				" — a generic process cannot know which of your action types fires each one, so binding them is the one thing left to do and rule L7 lists them until it is. It carries no product provenance and no SLA layer."
+			] }),
+			backing ? /* @__PURE__ */ jsx(FormDialogCaveat, { children: backing.claimedBy ? WC3_PROCESS_MESSAGES.sharedTokens(backing.objectType?.displayName ?? backing.claimedBy.objectTypeId, backing.claimedBy.name) : `${backing.rows} instance row(s) back this object type. A row sits in whichever state's value matches its status field, so the example's five states will hold ${backing.rows === 0 ? "none" : "only the rows whose value already matches one of them"}.` }) : null
+		]
+	});
+}
+//#endregion
+export { CreateProcessDialog };
+
+//# sourceMappingURL=wc3-process-create.mjs.map

package/dist/pages/wc3-process-create.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-process-create.mjs","names":[],"sources":["../../src/pages/wc3-process-create.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {useMemo, useState} from \"react\";\n\nimport {Combobox} from \"../combobox\";\nimport {FormDialog, FormDialogCaveat, FormDialogField, FormDialogNote, FormDialogRow} from \"../form-dialog\";\nimport {Input} from \"../input\";\nimport {ToggleGroup, ToggleGroupItem} from \"../toggle-group\";\nimport {WC3_OBJECT_TYPES, getObjectType} from \"./wc3-ontology-data\";\nimport {OntologyGlyph} from \"./wc3-ontology-glyphs\";\nimport {\n\tProcessGlyph,\n\tWC3_PROCESS_ICONS,\n\tWC3_PROCESS_MESSAGES,\n\tcreateProcess,\n\tdemoInstances,\n\ttype Wc3ProcessDraft,\n\ttype Wc3ProcessRecord,\n} from \"./wc3-process-shared\";\n\n/**\n * \"Create process\" — bind a state machine to an ontology object type.\n *\n * Net-new work: the WC3 prototype had no create, delete or rename process affordance anywhere. The\n * modal shell, the \"never disable Create\" required-field idiom and the reset-on-close rule are all\n * {@link FormDialog}'s, so this module carries only what is specific to a process:\n *\n *   · which object type backs it, and therefore which rows become its tokens,\n *   · which property on those rows holds the state value, pre-filled by a heuristic and freely\n *     changeable,\n *   · whether that object type is ALREADY claimed by another process — tokens are keyed by object\n *     type, not by process, so two processes on `ot_permit` share the same 28 rows.\n *\n * It hands back a DRAFT rather than a record. The caller builds the record with `createProcess()`,\n * which is what lets a host drill straight into the new process without this dialog knowing how the\n * host stores anything.\n */\n\n/**\n * ProcessGlyph resolves an icon off a RECORD (four of the eight picker names have no glyph anywhere\n * and are patched inside the shared module, so LineageGlyph alone would render four identical boxes).\n * The picker has no record yet, so one inert probe supplies the shape and only its `icon` varies —\n * cheaper and safer than casting an object literal to Wc3Process.\n */\nconst ICON_PROBE = createProcess({name: \"\", icon: \"\", objectTypeId: \"\", statusProp: \"\"});\n\n/** The property most likely to hold the state value, pre-filled and freely changeable. */\nfunction guessStatusProp(objectTypeId: string): string {\n\tconst ot = getObjectType(objectTypeId);\n\tif (!ot) return \"\";\n\tconst byName = ot.properties.find((p) => p.apiName.includes(\"status\") || p.apiName.includes(\"state\"));\n\tif (byName) return byName.apiName;\n\treturn ot.properties.find((p) => p.baseType === \"string\")?.apiName ?? ot.properties[0]?.apiName ?? \"\";\n}\n\n/**\n * \"Create process\" — net-new work: the prototype has no create/delete/rename process affordance\n * anywhere. The modal shell, the \"never disable Create\" required-field idiom and the reset-on-close\n * rule are all FormDialog's, so this file carries only what is specific to a process.\n *\n * It hands back a DRAFT; the caller builds the record with createProcess() and drills straight in.\n *\n * It takes the live array only to answer one honest question: whether the chosen object type is\n * ALREADY claimed by another process. Tokens are keyed by object type, not by process, so two\n * processes on ot_permit share the same 28 rows.\n */\nexport function CreateProcessDialog({\n\topen,\n\tonOpenChange,\n\tonCreate,\n\tprocesses,\n\tlocationField,\n}: {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\tonCreate: (draft: Wc3ProcessDraft) => void;\n\tprocesses: Wc3ProcessRecord[];\n\t/** The file system's \"where does this go?\", supplied by the shell. See Wc3FsLinkProps. */\n\tlocationField?: React.ReactNode;\n}) {\n\tconst [name, setName] = useState(\"\");\n\tconst [icon, setIcon] = useState(WC3_PROCESS_ICONS[0] ?? \"workflow\");\n\tconst [objectTypeId, setObjectTypeId] = useState(\"\");\n\tconst [statusProp, setStatusProp] = useState(\"\");\n\n\tconst nameValid = name.trim().length > 0;\n\tconst valid = nameValid && objectTypeId.length > 0 && statusProp.length > 0;\n\n\tconst objectTypeOptions = useMemo(\n\t\t() =>\n\t\t\tWC3_OBJECT_TYPES.map((ot) => ({\n\t\t\t\tvalue: ot.id,\n\t\t\t\tlabel: ot.displayName,\n\t\t\t\ticon: <OntologyGlyph name={ot.icon} color={ot.color} />,\n\t\t\t})),\n\t\t[],\n\t);\n\n\t// Every property, not just the string-typed ones: a status property is a string in both shipped\n\t// processes, but filtering would leave an object type with no string property un-creatable.\n\tconst statusPropOptions = useMemo(() => {\n\t\tconst ot = getObjectType(objectTypeId);\n\t\tif (!ot) return [];\n\t\treturn ot.properties.map((p) => ({value: p.apiName, label: `${p.displayName} (${p.apiName})`}));\n\t}, [objectTypeId]);\n\n\t/**\n\t * How many token rows the chosen object type actually has, and which process already claims them.\n\t *\n\t * processInstances() reads the rows off a RECORD, so a throwaway record on the chosen object type\n\t * is the exact answer rather than a guess — and it goes through the shared seam rather than\n\t * reaching into the fixture's instance map.\n\t */\n\tconst backing = useMemo(() => {\n\t\tif (!objectTypeId) return null;\n\t\t// The probe carries only the object type: nothing else affects which rows back it, so the\n\t\t// dependency list stays honest and complete.\n\t\tconst probe = createProcess({name: \"\", icon: \"\", objectTypeId, statusProp: \"\"});\n\t\tconst claimedBy = processes.find((p) => p.objectTypeId === objectTypeId);\n\t\treturn {rows: demoInstances(probe).length, claimedBy, objectType: getObjectType(objectTypeId)};\n\t}, [objectTypeId, processes]);\n\n\tconst reset = () => {\n\t\tsetName(\"\");\n\t\tsetIcon(WC3_PROCESS_ICONS[0] ?? \"workflow\");\n\t\tsetObjectTypeId(\"\");\n\t\tsetStatusProp(\"\");\n\t};\n\n\treturn (\n\t\t<FormDialog\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\ttitle=\"Create process\"\n\t\t\twidth={560}\n\t\t\tvalid={valid}\n\t\t\thint=\"Name it, bind it to an object type, then create.\"\n\t\t\terror={!nameValid ? WC3_PROCESS_MESSAGES.nameRequired : \"Pick a backing object type and its status property.\"}\n\t\t\tsubmitLabel=\"Create process\"\n\t\t\tonSubmit={() => onCreate({name: name.trim(), icon, objectTypeId, statusProp})}\n\t\t\tonReset={reset}\n\t\t>\n\t\t\t{/* First, because where a thing goes is decided before what it is called is worth typing. */}\n\t\t\t{locationField && <FormDialogField label=\"Location\">{locationField}</FormDialogField>}\n\t\t\t<FormDialogField label=\"Name\" invalid={!nameValid}>\n\t\t\t\t{({invalid, id}) => (\n\t\t\t\t\t<Input\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tvalue={name}\n\t\t\t\t\t\tplaceholder=\"e.g. Lifting plan approval\"\n\t\t\t\t\t\tonChange={(e) => setName(e.target.value)}\n\t\t\t\t\t\taria-invalid={invalid}\n\t\t\t\t\t\tclassName={cn(invalid && \"wwc:border-destructive\")}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</FormDialogField>\n\n\t\t\t<FormDialogRow>\n\t\t\t\t<FormDialogField\n\t\t\t\t\tlabel=\"Backing object type\"\n\t\t\t\t\tinvalid={objectTypeId.length === 0}\n\t\t\t\t\thint=\"Its rows are the tokens of this process.\"\n\t\t\t\t>\n\t\t\t\t\t{({invalid, id, describedBy}) => (\n\t\t\t\t\t\t<Combobox\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\t\taria-invalid={invalid}\n\t\t\t\t\t\t\toptions={objectTypeOptions}\n\t\t\t\t\t\t\tvalue={objectTypeId}\n\t\t\t\t\t\t\tonValueChange={(next) => {\n\t\t\t\t\t\t\t\tsetObjectTypeId(next);\n\t\t\t\t\t\t\t\t// Re-pointed, not cleared: a status property from the previous type would not\n\t\t\t\t\t\t\t\t// resolve on this one.\n\t\t\t\t\t\t\t\tsetStatusProp(guessStatusProp(next));\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tplaceholder=\"Pick an object type…\"\n\t\t\t\t\t\t\tsearchPlaceholder=\"Search object types…\"\n\t\t\t\t\t\t\tclassName={cn(\"wwc:w-full\", invalid && \"wwc:border-destructive\")}\n\t\t\t\t\t\t\tpopoverClassName=\"wwc:w-[260px]\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</FormDialogField>\n\t\t\t\t<FormDialogField\n\t\t\t\t\tlabel=\"Status property\"\n\t\t\t\t\tinvalid={statusProp.length === 0}\n\t\t\t\t\thint=\"Holds the current state value on a row.\"\n\t\t\t\t>\n\t\t\t\t\t{({invalid, id, describedBy}) => (\n\t\t\t\t\t\t<Combobox\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\t\taria-invalid={invalid}\n\t\t\t\t\t\t\toptions={statusPropOptions}\n\t\t\t\t\t\t\tvalue={statusProp}\n\t\t\t\t\t\t\tonValueChange={setStatusProp}\n\t\t\t\t\t\t\tplaceholder={objectTypeId ? \"Pick a property…\" : \"Pick an object type first\"}\n\t\t\t\t\t\t\tsearchPlaceholder=\"Search properties…\"\n\t\t\t\t\t\t\temptyMessage=\"That object type declares no properties.\"\n\t\t\t\t\t\t\tdisabled={!objectTypeId}\n\t\t\t\t\t\t\tclassName={cn(\"wwc:w-full\", invalid && \"wwc:border-destructive\")}\n\t\t\t\t\t\t\tpopoverClassName=\"wwc:w-[260px]\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</FormDialogField>\n\t\t\t</FormDialogRow>\n\n\t\t\t<FormDialogField label=\"Icon\" className=\"wwc:space-y-2\">\n\t\t\t\t{({labelId}) => (\n\t\t\t\t\t<ToggleGroup\n\t\t\t\t\t\ttype=\"single\"\n\t\t\t\t\t\tvalue={icon}\n\t\t\t\t\t\t// A group is not a labelable control, so the caption names it by id rather than `htmlFor`.\n\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\t// Radix emits \"\" when the active item is pressed again; a process always has an icon,\n\t\t\t\t\t\t// so a de-select is swallowed the same way the view-mode toggle swallows it.\n\t\t\t\t\t\tonValueChange={(next) => {\n\t\t\t\t\t\t\tif (next) setIcon(next);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName=\"wwc:flex-wrap wwc:justify-start wwc:gap-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{WC3_PROCESS_ICONS.map((iconName) => (\n\t\t\t\t\t\t\t<ToggleGroupItem key={iconName} value={iconName} aria-label={iconName} title={iconName}>\n\t\t\t\t\t\t\t\t<ProcessGlyph process={{...ICON_PROBE, icon: iconName}} />\n\t\t\t\t\t\t\t</ToggleGroupItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ToggleGroup>\n\t\t\t\t)}\n\t\t\t</FormDialogField>\n\n\t\t\t{/* What the created process will actually be — stated here rather than discovered on the\n\t\t\t    canvas. It is deliberately born failing lint rule L7 on every edge; that is a checklist\n\t\t\t    over a working graph, not breakage. */}\n\t\t\t<FormDialogNote>\n\t\t\t\tIt opens on a worked example, not a blank canvas: <b>Draft</b> → <b>In review</b> → <b>Active</b> →{\" \"}\n\t\t\t\t<b>Closed</b>, with a <b>Rejected</b> branch that can reopen. Every state is flagged custom and every edge is\n\t\t\t\tdrawn dashed and <b>unbound</b> — a generic process cannot know which of your action types fires each one, so\n\t\t\t\tbinding them is the one thing left to do and rule L7 lists them until it is. It carries no product provenance\n\t\t\t\tand no SLA layer.\n\t\t\t</FormDialogNote>\n\t\t\t{backing ? (\n\t\t\t\t<FormDialogCaveat>\n\t\t\t\t\t{backing.claimedBy\n\t\t\t\t\t\t? WC3_PROCESS_MESSAGES.sharedTokens(\n\t\t\t\t\t\t\t\tbacking.objectType?.displayName ?? backing.claimedBy.objectTypeId,\n\t\t\t\t\t\t\t\tbacking.claimedBy.name,\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t: `${backing.rows} instance row(s) back this object type. A row sits in whichever state's value matches its status field, so the example's five states will hold ${backing.rows === 0 ? \"none\" : \"only the rows whose value already matches one of them\"}.`}\n\t\t\t\t</FormDialogCaveat>\n\t\t\t) : null}\n\t\t</FormDialog>\n\t);\n}\n\n/** Re-exported so a caller types its handler without reaching into the process fixture. */\nexport type {Wc3ProcessDraft, Wc3ProcessRecord} from \"./wc3-process-shared\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,aAAa,cAAc;CAAC,MAAM;CAAI,MAAM;CAAI,cAAc;CAAI,YAAY;AAAE,CAAC;;AAGvF,SAAS,gBAAgB,cAA8B;CACtD,MAAM,KAAK,cAAc,YAAY;CACrC,IAAI,CAAC,IAAI,OAAO;CAChB,MAAM,SAAS,GAAG,WAAW,MAAM,MAAM,EAAE,QAAQ,SAAS,QAAQ,KAAK,EAAE,QAAQ,SAAS,OAAO,CAAC;CACpG,IAAI,QAAQ,OAAO,OAAO;CAC1B,OAAO,GAAG,WAAW,MAAM,MAAM,EAAE,aAAa,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,EAAE,WAAW;AACpG;;;;;;;;;;;;AAaA,SAAgB,oBAAoB,EACnC,MACA,cACA,UACA,WACA,iBAQE;CACF,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,MAAM,WAAW,SAAS,kBAAkB,MAAM,UAAU;CACnE,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,YAAY,KAAK,KAAK,CAAC,CAAC,SAAS;CACvC,MAAM,QAAQ,aAAa,aAAa,SAAS,KAAK,WAAW,SAAS;CAE1E,MAAM,oBAAoB,cAExB,iBAAiB,KAAK,QAAQ;EAC7B,OAAO,GAAG;EACV,OAAO,GAAG;EACV,MAAM,oBAAC,eAAD;GAAe,MAAM,GAAG;GAAM,OAAO,GAAG;EAAQ,CAAA;CACvD,EAAE,GACH,CAAC,CACF;CAIA,MAAM,oBAAoB,cAAc;EACvC,MAAM,KAAK,cAAc,YAAY;EACrC,IAAI,CAAC,IAAI,OAAO,CAAC;EACjB,OAAO,GAAG,WAAW,KAAK,OAAO;GAAC,OAAO,EAAE;GAAS,OAAO,GAAG,EAAE,YAAY,IAAI,EAAE,QAAQ;EAAE,EAAE;CAC/F,GAAG,CAAC,YAAY,CAAC;;;;;;;;CASjB,MAAM,UAAU,cAAc;EAC7B,IAAI,CAAC,cAAc,OAAO;EAG1B,MAAM,QAAQ,cAAc;GAAC,MAAM;GAAI,MAAM;GAAI;GAAc,YAAY;EAAE,CAAC;EAC9E,MAAM,YAAY,UAAU,MAAM,MAAM,EAAE,iBAAiB,YAAY;EACvE,OAAO;GAAC,MAAM,cAAc,KAAK,CAAC,CAAC;GAAQ;GAAW,YAAY,cAAc,YAAY;EAAC;CAC9F,GAAG,CAAC,cAAc,SAAS,CAAC;CAE5B,MAAM,cAAc;EACnB,QAAQ,EAAE;EACV,QAAQ,kBAAkB,MAAM,UAAU;EAC1C,gBAAgB,EAAE;EAClB,cAAc,EAAE;CACjB;CAEA,OACC,qBAAC,YAAD;EACO;EACQ;EACd,OAAM;EACN,OAAO;EACA;EACP,MAAK;EACL,OAAO,CAAC,YAAY,qBAAqB,eAAe;EACxD,aAAY;EACZ,gBAAgB,SAAS;GAAC,MAAM,KAAK,KAAK;GAAG;GAAM;GAAc;EAAU,CAAC;EAC5E,SAAS;EAVV,UAAA;GAaE,iBAAiB,oBAAC,iBAAD;IAAiB,OAAM;IAAY,UAAA;GAA+B,CAAA;GACpF,oBAAC,iBAAD;IAAiB,OAAM;IAAO,SAAS,CAAC;IACrC,WAAA,EAAC,SAAS,SACX,oBAAC,OAAD;KACK;KACJ,OAAO;KACP,aAAY;KACZ,WAAW,MAAM,QAAQ,EAAE,OAAO,KAAK;KACvC,gBAAc;KACd,WAAW,GAAG,WAAW,wBAAwB;IACjD,CAAA;GAEc,CAAA;GAEjB,qBAAC,eAAD,EAAA,UAAA,CACC,oBAAC,iBAAD;IACC,OAAM;IACN,SAAS,aAAa,WAAW;IACjC,MAAK;IAEH,WAAA,EAAC,SAAS,IAAI,kBACf,oBAAC,UAAD;KACK;KACJ,oBAAkB;KAClB,gBAAc;KACd,SAAS;KACT,OAAO;KACP,gBAAgB,SAAS;MACxB,gBAAgB,IAAI;MAGpB,cAAc,gBAAgB,IAAI,CAAC;KACpC;KACA,aAAY;KACZ,mBAAkB;KAClB,WAAW,GAAG,cAAc,WAAW,wBAAwB;KAC/D,kBAAiB;IACjB,CAAA;GAEc,CAAA,GACjB,oBAAC,iBAAD;IACC,OAAM;IACN,SAAS,WAAW,WAAW;IAC/B,MAAK;IAEH,WAAA,EAAC,SAAS,IAAI,kBACf,oBAAC,UAAD;KACK;KACJ,oBAAkB;KAClB,gBAAc;KACd,SAAS;KACT,OAAO;KACP,eAAe;KACf,aAAa,eAAe,qBAAqB;KACjD,mBAAkB;KAClB,cAAa;KACb,UAAU,CAAC;KACX,WAAW,GAAG,cAAc,WAAW,wBAAwB;KAC/D,kBAAiB;IACjB,CAAA;GAEc,CAAA,CACH,EAAA,CAAA;GAEf,oBAAC,iBAAD;IAAiB,OAAM;IAAO,WAAU;IACrC,WAAA,EAAC,cACF,oBAAC,aAAD;KACC,MAAK;KACL,OAAO;KAEP,mBAAiB;KAGjB,gBAAgB,SAAS;MACxB,IAAI,MAAM,QAAQ,IAAI;KACvB;KACA,SAAQ;KACR,MAAK;KACL,WAAU;KAET,UAAA,kBAAkB,KAAK,aACvB,oBAAC,iBAAD;MAAgC,OAAO;MAAU,cAAY;MAAU,OAAO;MAC7E,UAAA,oBAAC,cAAD,EAAc,SAAS;OAAC,GAAG;OAAY,MAAM;MAAQ,EAAI,CAAA;KACzC,GAFK,QAEL,CACjB;IACW,CAAA;GAEE,CAAA;GAKjB,qBAAC,gBAAD,EAAA,UAAA;IAAgB;IACmC,oBAAC,KAAD,EAAA,UAAG,QAAQ,CAAA;IAAC;IAAG,oBAAC,KAAD,EAAA,UAAG,YAAY,CAAA;IAAC;IAAG,oBAAC,KAAD,EAAA,UAAG,SAAS,CAAA;IAAC;IAAG;IACpG,oBAAC,KAAD,EAAA,UAAG,SAAS,CAAA;IAAC;IAAS,oBAAC,KAAD,EAAA,UAAG,WAAW,CAAA;IAAC;IACpB,oBAAC,KAAD,EAAA,UAAG,UAAU,CAAA;IAAC;GAGhB,EAAA,CAAA;GACf,UACA,oBAAC,kBAAD,EAAA,UACE,QAAQ,YACN,qBAAqB,aACrB,QAAQ,YAAY,eAAe,QAAQ,UAAU,cACrD,QAAQ,UAAU,IACnB,IACC,GAAG,QAAQ,KAAK,iJAAiJ,QAAQ,SAAS,IAAI,SAAS,wDAAwD,GACzO,CAAA,IACf;EACO;;AAEd"}

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

@@ -0,0 +1,238 @@
+//#region src/pages/wc3-process-data.d.ts
+/** Lifecycle bucket a state sits in — drives the swimlane grouping and the state chip colour. */
+export type Wc3ProcessStateCategory = "draft" | "pending" | "active" | "terminal";
+/** Graph role of a state. Exactly one state is `initial`; `terminal` states only take reopen edges. */
+export type Wc3ProcessStateType = "initial" | "intermediate" | "terminal";
+/** How a token that reaches a terminal state ended. */
+export type Wc3ProcessStateOutcome = "completed" | "rejected" | "cancelled";
+/** Behavioural markers the prototype paints on a state box. */
+export type Wc3ProcessStateFlag = "editableAnswers" | "mutableReceiver" | "authorizesWork" | "monitored" | "reopenable";
+/** A state in a process graph. `value` is the literal stored in the row's status property. */
+export type Wc3ProcessState = {
+  id: string;
+  /** Value written to `Wc3Process.statusProp` on an instance row sitting in this state. */
+  value: string;
+  name: string;
+  category: Wc3ProcessStateCategory;
+  type: Wc3ProcessStateType;
+  flags: Wc3ProcessStateFlag[];
+  /** Per-state SLA in hours; null when the state has none. Proposed governance layer. */
+  slaHours: number | null;
+  color: string;
+  /** Present on terminal states only. */
+  outcome?: Wc3ProcessStateOutcome;
+  /** State added on top of the vendor default graph (not in core-standard-v1). */
+  custom?: boolean;
+  /** State that does not exist in the as-built product yet — a proposed extension. */
+  proposed?: boolean;
+  /**
+   * Action type ids collected before a permit may REACH this state, on ANY incoming transition.
+   *
+   * On the STATE rather than on each edge because the requirement is a property of arriving here at
+   * all: put it on the edges and adding a seventh way in silently drops it.
+   */
+  entryRequirements?: string[];
+  /**
+   * Effect ids applied, IN ORDER, whenever a permit enters this state — in the commit phase, after
+   * the incoming edge's own effects. See WC3_PROCESS_EFFECTS.
+   */
+  entryEffects?: string[];
+};
+/** Edge semantics — also the edge colour key in the canvas. */
+export type Wc3ProcessTransitionKind = "forward" | "reject_loop" | "reopen" | "branch" | "extension_loop" | "close_out";
+/** An edge in a process graph, bound to an ontology action type that enforces its rules. */
+export type Wc3ProcessTransition = {
+  id: string;
+  /** Verb shown on the edge label; not unique (the same verb can leave several states). */
+  key: string;
+  /** Source state id (`Wc3ProcessState.id`). */
+  from: string;
+  /** Target state id (`Wc3ProcessState.id`); equals `from` on an extension loop. */
+  to: string;
+  /**
+   * Action type id in WC3_ACTION_TYPES — the enforcement point for this edge.
+   *
+   * `null` means DRAWN BUT NOT BOUND: a canvas drag creates the edge the moment it is dropped, and
+   * the binding is the one field a drag cannot supply. The edge is real, editable, undoable and on
+   * the canvas; it is simply not publishable yet, which lint rule L7 says and the publish gate
+   * enforces. Nothing else about a transition is optional — key, endpoints and kind are all derived
+   * at creation.
+   */
+  actionTypeId: string | null;
+  kind: Wc3ProcessTransitionKind;
+  /** Role expected to fire the edge; a permit stage name or an HSE role. */
+  actorRole: string;
+  /** Human-readable guard expressions checked before the edge may fire. */
+  guards: string[];
+  /** Side effects worth surfacing next to the edge. */
+  note?: string;
+  /** Edge that does not exist in the as-built product yet — a proposed extension. */
+  proposed?: boolean;
+};
+/** SLA hours keyed by an instance's severity, when the process is severity-driven rather than per-state. */
+export type Wc3ProcessSlaBySeverity = {
+  Critical: number;
+  High: number;
+  Medium: number;
+  Low: number;
+};
+/** A first-class process definition bound to one object type. */
+export type Wc3Process = {
+  id: string;
+  name: string;
+  icon: string;
+  /** Object type whose rows are the tokens of this process (id in WC3_OBJECT_TYPES). */
+  objectTypeId: string;
+  /** Property on an instance row that holds the current state `value`. */
+  statusProp: string;
+  /** Other object types the graph reads or writes without owning. */
+  alsoTouches: string[];
+  /** Where the lifecycle comes from and which parts are as-built vs. proposed. */
+  evidenceNote: string;
+  /** Severity-driven SLA table, or null when SLAs are per state. */
+  slaBySeverity: Wc3ProcessSlaBySeverity | null;
+  /** Caveat shown under the aging / bottleneck panel. */
+  slaNote: string;
+  states: Wc3ProcessState[];
+  transitions: Wc3ProcessTransition[];
+};
+/** One row of `ot_permit` — a token of the Digital Work Permit process. */
+export type Wc3PermitRow = {
+  permit_id: string;
+  permit_title: string;
+  permit_type: string;
+  permit_status: string;
+  zone_id: string;
+  receiver_worker_id: string;
+  equipment_id: string | null;
+  valid_from: string | null;
+  valid_to: string | null;
+  gas_test_done: boolean;
+  isolations_confirmed: boolean;
+  extension_hours: number;
+  compliance_score: number;
+  created_at: string;
+  rejection_reason: string | null;
+  closure_reason: string | null;
+  crew_id: string;
+  isolation_list: string;
+  gas_test_readings: string | null;
+};
+/** One row of `ot_observation` — a token of the Observation Manager process. */
+export type Wc3ObservationRow = {
+  observation_id: string;
+  observation_title: string;
+  severity_level: string;
+  observed_at: string;
+  observation_status: string;
+  corrective_action: string;
+  hazard_tags: string;
+  photo_ref: string;
+  zone_id: string;
+  reported_by: string;
+  source: string;
+  assigned_to: string | null;
+  closed_at: string | null;
+  closed_by: string | null;
+  due_at: string;
+};
+/** A token row, read generically by the process helpers via `Wc3Process.statusProp`. */
+export type Wc3ProcessInstanceRow = Record<string, string | number | boolean | null>;
+/** A graph-validity violation reported by `processLint` (DWP engine rules L1–L7). */
+export type Wc3ProcessLintError = {
+  rule: string;
+  msg: string;
+};
+/** One bar of the aging histogram behind the bottleneck analysis. */
+export type Wc3ProcessAgingBucket = {
+  label: string;
+  maxHours: number;
+  count: number;
+  over: number;
+};
+/** A state ranked by how badly it is holding tokens up. */
+export type Wc3ProcessBottleneck = {
+  state: Wc3ProcessState;
+  /** Tokens currently sitting in the state. */
+  tokens: number;
+  /** Of those, how many are past their SLA. */
+  over: number;
+  /** Share of tokens past SLA, 0–1. */
+  overShare: number;
+  /** Mean age in hours of the tokens in the state. */
+  avgAgeHours: number;
+  /** Oldest token age in hours. */
+  maxAgeHours: number;
+  /** SLA applied to the state, when it has one and the process is not severity-driven. */
+  slaHours: number | null;
+};
+/**
+ * The prototype's frozen clock. Every `created_at` / `observed_at` in this file is relative to it,
+ * so ages and SLA breaches are stable rather than drifting with wall-clock time.
+ */
+export declare const WC3_PROCESS_FIXTURE_NOW = "2026-07-22 08:00";
+/** `WC3_PROCESS_FIXTURE_NOW` as epoch ms. */
+export declare const WC3_PROCESS_FIXTURE_NOW_MS: number;
+/** Every process defined in the prototype — there are exactly two. */
+export declare const WC3_PROCESSES: Wc3Process[];
+/** Token rows per object type, keyed by `Wc3Process.objectTypeId`. */
+export declare const WC3_PROCESS_INSTANCES: {
+  ot_permit: Wc3PermitRow[];
+  ot_observation: Wc3ObservationRow[];
+};
+/** Edge colour per transition kind — the prototype's `kindColor` map, used by the canvas legend. */
+export declare const WC3_PROCESS_KIND_COLOR: Record<Wc3ProcessTransitionKind, string>;
+/** Aging histogram buckets used by the bottleneck panel, in the prototype's order. */
+export declare const WC3_PROCESS_AGING_BUCKETS: {
+  label: string;
+  maxHours: number;
+}[];
+export declare const getProcess: (id: string) => Wc3Process | undefined;
+/** The process whose tokens are rows of `otId`, if one exists. */
+export declare const processForObjectType: (otId: string) => Wc3Process | undefined;
+/**
+ * The demo instance rows for a process, looked up by backing object type.
+ *
+ * FIXTURE ACCESSOR, not a library function. Every helper below takes its rows as an ARGUMENT — a
+ * consumer passes its own, and the widget passes whatever came in through `instances`. This exists
+ * so the stories and the demo pages can keep showing live-looking numbers, and it is the only thing
+ * in this module that reaches into WC3_PROCESS_INSTANCES.
+ *
+ * It used to be what every helper called, which is why a process with a real `objectTypeId` showed
+ * an empty Instances section, an empty Bottlenecks section and a 0 on every node.
+ */
+export declare function demoInstances(proc: Wc3Process): Wc3ProcessInstanceRow[];
+/** State a row currently sits in, matched on `statusProp`. */
+export declare const processStateOf: (proc: Wc3Process, row: Wc3ProcessInstanceRow) => Wc3ProcessState | undefined;
+/** Rows currently sitting in a state — the token count painted on the canvas. */
+export declare function processTokens(proc: Wc3Process, stateId: string, rows: Wc3ProcessInstanceRow[]): Wc3ProcessInstanceRow[];
+/** Age of a row in hours against the frozen fixture clock. */
+export declare function processRowAgeHours(proc: Wc3Process, row: Wc3ProcessInstanceRow): number;
+/** SLA that applies to a row: the severity table when the process has one, else the state's own SLA. */
+export declare function processRowSlaHours(proc: Wc3Process, row: Wc3ProcessInstanceRow, state: Wc3ProcessState | undefined): number | null;
+/** Whether a non-terminal row has been sitting longer than its SLA allows. */
+export declare function processRowOverSla(proc: Wc3Process, row: Wc3ProcessInstanceRow): boolean;
+/** Rows that have not reached a terminal state — the live work in the process. */
+export declare const processOpenRows: (proc: Wc3Process, rows: Wc3ProcessInstanceRow[]) => Wc3ProcessInstanceRow[];
+/**
+ * Graph validity, ported from the prototype's `processLint` — the subset of the DWP engine's
+ * L1–L14 rules the editor enforces. An empty array means the graph is publishable.
+ */
+export declare function processLint(proc: Wc3Process): Wc3ProcessLintError[];
+/**
+ * Product a process belongs to. There is NO stored productKey on a process — provenance is resolved
+ * through the backing object type's install record, so this returns undefined for a process whose
+ * object type was never installed by a product.
+ */
+export declare const processProductKey: (proc: Wc3Process) => string | undefined;
+/** Processes a product owns. A product may own several — `safety` owns both processes in this data. */
+export declare const processesForProduct: (productKey: string) => Wc3Process[];
+/** Aging histogram for the bottleneck panel; pass a state id to scope it, else all open rows. */
+export declare function processAgingBuckets(proc: Wc3Process, instances: Wc3ProcessInstanceRow[], stateId?: string): Wc3ProcessAgingBucket[];
+/**
+ * Non-terminal states ranked worst-first — the bottleneck analysis on the process page. Order is
+ * share over SLA, then raw over-SLA count, then oldest token.
+ */
+export declare function processBottlenecks(proc: Wc3Process, instances: Wc3ProcessInstanceRow[]): Wc3ProcessBottleneck[];
+//#endregion
+//# sourceMappingURL=wc3-process-data.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wc3-process-data.d.mts","names":[],"sources":["../../src/pages/wc3-process-data.ts"],"mappings":";;YAsBY;;YAGA;;YAGA;;YAGA;;YAGA;EACX;;EAEA;EACA;EACA,UAAU;EACV,MAAM;EACN,OAAO;;EAEP;EACA;;EAEA,UAAU;;EAEV;;EAEA;;;;;;;EAOA;;;;;EAKA;;;YAIW;;YAGA;EACX;;EAEA;;EAEA;;EAEA;;;;;;;;;;EAUA;EACA,MAAM;;EAEN;;EAEA;;EAEA;;EAEA;;;YAIW;EAA2B;EAAkB;EAAc;EAAgB;;;YAG3E;EACX;EACA;EACA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,eAAe;;EAEf;EACA,QAAQ;EACR,aAAa;;;YAIF;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;YAIW;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;YAIW,wBAAwB;;YAGxB;EAAuB;EAAc;;;YAGrC;EAAyB;EAAe;EAAkB;EAAe;;;YAGzE;EACX,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;qBASY;;qBAGA;;qBAGA,eAAe;;qBAgWf;EAAwB,WAAW;EAAgB,gBAAgB;;;qBAqqDnE,wBAAwB,OAAO;;qBAU/B;EAA4B;EAAe;;qBAa3C,aAAc,eAAU;;qBAGxB,uBAAwB,iBAAY;;;;;;;;;;;;wBAajC,cAAc,MAAM,aAAa;;qBAMpC,iBAAkB,MAAM,YAAY,KAAK,0BAAqB;;wBAI3D,cACf,MAAM,YACN,iBACA,MAAM,0BACJ;;wBAOa,mBAAmB,MAAM,YAAY,KAAK;;wBAQ1C,mBACf,MAAM,YACN,KAAK,uBACL,OAAO;;wBAUQ,kBAAkB,MAAM,YAAY,KAAK;;qBAS5C,kBAAmB,MAAM,YAAY,MAAM,4BAAuB;;;;;wBAU/D,YAAY,MAAM,aAAa;;;;;;qBA8ClC,oBAAqB,MAAM;;qBAI3B,sBAAuB,uBAAkB;;wBAItC,oBACf,MAAM,YACN,WAAW,yBACX,mBACE;;;;;wBAkBa,mBAAmB,MAAM,YAAY,WAAW,0BAA0B"}