@miragon/pulse-widget-shell 0.0.0-stage → 0.21.0

package/dist/ui/bpmn-heatmap-widget.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Badge, Card, CardContent, cn, FOCUS_RING, useLocale, WidgetHeader, } from "@miragon/mcp-toolkit-ui";
+import { ChevronRight } from "lucide-react";
+import { BpmnHeatmap, HeatmapLegend } from "./bpmn-heatmap.js";
+import { bpmnElementNames, bpmnProcessName, heatRange } from "./bpmn-heatmap/heat-utils.js";
+import { DEFAULT_HEATMAP_LABELS } from "./bpmn-heatmap-labels.js";
+import { formatDuration, formatNumber } from "./format.js";
+import { Icon } from "./icon.js";
+import { kitLabels } from "./kit-labels.js";
+import { ListTable } from "./list-table.js";
+import { SegmentedControl } from "./segmented-control.js";
+import { TableEmptyState, Td } from "./table.js";
+/** A heat value in the mode's unit: a count, or a duration ("3m 7s" / "3 Min. 7 s"). */
+function formatHeat(mode, value) {
+    return mode === "frequency" ? formatNumber(value) : formatDuration(value * 1000);
+}
+/**
+ * The values behind the colours (U16): every element with a value above
+ * zero, largest first, under a disclosure below the diagram — the number a
+ * colour cannot say, for everyone, and the heatmap's text alternative.
+ */
+export function HeatValuesTable({ bpmnXml, values, format, labels, }) {
+    const kit = kitLabels(useLocale());
+    const names = useMemo(() => bpmnElementNames(bpmnXml), [bpmnXml]);
+    const rows = Object.entries(values)
+        .filter(([, v]) => Number.isFinite(v) && v > 0)
+        .sort(([, a], [, b]) => b - a);
+    if (rows.length === 0)
+        return null;
+    const title = labels?.valuesTable ?? kit.heatmapValues;
+    return (_jsxs("details", { className: "group", children: [_jsxs("summary", { className: cn("text-dense flex w-fit cursor-pointer list-none items-center gap-1.5 rounded-sm font-medium [&::-webkit-details-marker]:hidden", FOCUS_RING), children: [_jsx(Icon, { icon: ChevronRight, className: "text-muted-foreground transition-transform group-open:rotate-90 motion-reduce:transition-none" }), title] }), _jsx("div", { className: "mt-2", children: _jsx(ListTable, { ariaLabel: title, columns: [
+                        { label: labels?.elementColumn ?? kit.heatmapElement },
+                        { label: labels?.valueColumn ?? kit.heatmapValue, align: "right" },
+                    ], children: rows.map(([id, value]) => (_jsxs("tr", { children: [_jsxs(Td, { children: [names[id] ?? _jsx("span", { className: "font-mono", children: id }), names[id] && (_jsx("span", { className: "text-muted-foreground text-small ml-2 font-mono", children: id }))] }), _jsx(Td, { align: "right", className: "tabular-nums", children: format(value) })] }, id))) }) })] }));
+}
+/**
+ * Data-widget wrapper: one BPMN diagram, a Frequency↔Duration switch that
+ * swaps the per-element heat values (both fetched up front), the legend with
+ * the smallest and largest value, and the values as a table. Node-only —
+ * metrics carry no per-instance path data, so sequence flows are not heated.
+ */
+export function BpmnHeatmapWidget({ data, labels, meta, }) {
+    const [mode, setMode] = useState("frequency");
+    const kit = kitLabels(useLocale());
+    const l = { ...DEFAULT_HEATMAP_LABELS, ...labels };
+    const xml = data?.bpmnXml ?? null;
+    // The process's name from its model (U13), by the rule the other analytics
+    // views name it (its own, else its pool's): the key stays a quiet id next to it.
+    const key = data?.processDefinitionKey;
+    const processName = useMemo(() => (xml && key ? bpmnProcessName(xml, key) : null), [xml, key]);
+    if (!data)
+        return _jsx(TableEmptyState, { children: l.noData });
+    if (!data.bpmnXml)
+        return _jsx(TableEmptyState, { children: l.bpmnUnavailable });
+    const values = mode === "frequency" ? data.frequency : data.durationSec;
+    const legendLabel = mode === "frequency" ? l.frequencyLegend : l.durationLegend;
+    const range = heatRange(values);
+    const format = (value) => formatHeat(mode, value);
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex flex-col gap-4", children: [_jsx(WidgetHeader, { as: "h2", title: l.title, titleSuffix: processName ? (_jsxs(_Fragment, { children: [_jsx(Badge, { variant: "outline", className: "ml-2 align-middle", children: processName }), _jsx("span", { className: "text-muted-foreground text-small ml-2 align-middle font-mono font-normal", children: data.processDefinitionKey })] })) : (_jsx(Badge, { variant: "outline", className: "ml-2 align-middle font-mono", children: data.processDefinitionKey })), sub: meta ?? (_jsxs("span", { children: [l.window, " ", data.period] })), actions: _jsx(SegmentedControl, { ariaLabel: labels?.modeAriaLabel ?? kit.heatmapMetric, value: mode, onChange: setMode, options: [
+                            { value: "frequency", label: l.frequency },
+                            { value: "duration", label: l.duration },
+                        ] }) }), _jsx(BpmnHeatmap, { bpmnXml: data.bpmnXml, nodeFrequencies: values, diagramAriaLabel: l.diagramAriaLabel, errorTitle: l.errorTitle, errorHint: l.errorHint, noHeatLabel: l.noHeat }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground text-small", children: legendLabel }), _jsx(HeatmapLegend, { lessLabel: l.less, moreLabel: l.more, min: range ? format(range.min) : undefined, max: range ? format(range.max) : undefined })] }), _jsx(HeatValuesTable, { bpmnXml: data.bpmnXml, values: values, format: format, labels: labels })] }) }));
+}
+//# sourceMappingURL=bpmn-heatmap-widget.js.map

package/dist/ui/bpmn-heatmap-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-heatmap-widget.js","sourceRoot":"","sources":["../../src/ui/bpmn-heatmap-widget.tsx"],"names":[],"mappings":"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"}

package/dist/ui/bpmn-heatmap-widget.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bpmn-heatmap-widget.test.d.ts.map

package/dist/ui/bpmn-heatmap-widget.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-heatmap-widget.test.d.ts","sourceRoot":"","sources":["../../src/ui/bpmn-heatmap-widget.test.tsx"],"names":[],"mappings":""}

package/dist/ui/bpmn-heatmap-widget.test.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { LocaleProvider } from "@miragon/mcp-toolkit-ui";
+import { setFormatLocale } from "../testing/index.js";
+import { BpmnHeatmap, HeatmapLegend } from "./bpmn-heatmap.js";
+import { BpmnHeatmapWidget, HeatValuesTable } from "./bpmn-heatmap-widget.js";
+// bpmn-js needs a real SVG engine; a stub that imports any diagram 4:1 wide.
+const viewer = vi.hoisted(() => ({
+    fail: false,
+    MockViewer: class {
+        importXML() {
+            return viewer.fail ? Promise.reject(new Error("unparsable <bpmn:x>")) : Promise.resolve({});
+        }
+        get(service) {
+            if (service === "canvas") {
+                return {
+                    zoom: () => 1,
+                    resized: () => { },
+                    viewbox: () => ({
+                        x: 0,
+                        y: 0,
+                        width: 800,
+                        height: 200,
+                        scale: 1,
+                        inner: { x: 0, y: 0, width: 800, height: 200 },
+                    }),
+                };
+            }
+            if (service === "elementRegistry")
+                return { getAll: () => [] };
+            return { on() { }, off() { } };
+        }
+        destroy() { }
+    },
+}));
+vi.mock("bpmn-js/lib/NavigatedViewer", () => ({ default: viewer.MockViewer }));
+afterEach(() => {
+    cleanup();
+    viewer.fail = false;
+    setFormatLocale(undefined);
+});
+const XML = `<?xml version="1.0"?>
+<bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" id="d">
+  <bpmn:process id="order">
+    <bpmn:serviceTask id="Task_A" name="Ship order" />
+    <bpmn:userTask id="Task_B" name="Approve order" />
+    <bpmn:endEvent id="End" />
+  </bpmn:process>
+</bpmn:definitions>`;
+const DATA = {
+    processDefinitionKey: "order",
+    bpmnXml: XML,
+    period: "7d",
+    frequency: { Task_A: 1234, Task_B: 3, End: 0 },
+    durationSec: { Task_A: 187, Task_B: 2 },
+};
+describe("BpmnHeatmapWidget (U16)", () => {
+    beforeEach(() => setFormatLocale({ language: "en", locale: "en-US" }));
+    it("names the process by its model's name, the key quiet beside it (U13)", () => {
+        const named = XML.replace('<bpmn:process id="order">', '<bpmn:process id="order" name="Order">');
+        render(_jsx(BpmnHeatmapWidget, { data: { ...DATA, bpmnXml: named } }));
+        const heading = screen.getByRole("heading", { level: 2 });
+        expect(heading.textContent).toMatch(/Orderorder$/);
+        expect(screen.getByText("order").className).toContain("font-mono");
+        cleanup();
+        // Without a name the key is the badge, in mono.
+        render(_jsx(BpmnHeatmapWidget, { data: DATA }));
+        const badge = screen.getByText("order");
+        expect(badge.className).toContain("font-mono");
+        expect(badge.getAttribute("data-slot")).toBe("badge");
+    });
+    // The Camunda Modeler names a collaboration's pool and leaves its process
+    // unnamed: the dashboards show the pool's name, so the heatmap does too.
+    it("names a process without a name of its own by its pool, like the other views", () => {
+        const pooled = XML.replace("<bpmn:process", '<bpmn:collaboration id="c"><bpmn:participant id="Pool" name="Order handling" processRef="order"/></bpmn:collaboration><bpmn:process');
+        render(_jsx(BpmnHeatmapWidget, { data: { ...DATA, bpmnXml: pooled } }));
+        const heading = screen.getByRole("heading", { level: 2 });
+        expect(heading.textContent).toMatch(/Order handlingorder$/);
+    });
+    it("says what the colours mean: the legend runs from the smallest value to the largest", () => {
+        render(_jsx(BpmnHeatmapWidget, { data: DATA }));
+        expect(screen.getByText("3 to 1,234").className).toContain("sr-only");
+        const legend = screen.getByText("3 to 1,234").parentElement;
+        const visible = [...legend.querySelectorAll("[aria-hidden]")].map((el) => el.textContent);
+        expect(visible).toEqual(["3", "", "1,234"]);
+    });
+    it("lists the value per element, named from the diagram, largest first", () => {
+        render(_jsx(BpmnHeatmapWidget, { data: DATA }));
+        const summary = screen.getByText("Values per element");
+        expect(summary.closest("details")).toBeTruthy();
+        const table = screen.getByRole("table", { name: "Values per element" });
+        const rows = Array.from(table.querySelectorAll("tbody tr")).map((tr) => tr.textContent);
+        // Zero-valued elements stay out; names first, the id quiet beside them.
+        expect(rows).toEqual(["Ship orderTask_A1,234", "Approve orderTask_B3"]);
+    });
+    it("switches the metric with a segmented control; durations read as durations", () => {
+        setFormatLocale({ language: "de", locale: "de-DE" });
+        render(_jsx(LocaleProvider, { locale: "de", children: _jsx(BpmnHeatmapWidget, { data: DATA }) }));
+        const group = screen.getByRole("group", { name: "Kennzahl" });
+        const duration = screen.getByRole("button", { name: "Duration" });
+        expect(group.contains(duration)).toBe(true);
+        fireEvent.click(duration);
+        expect(duration.getAttribute("aria-pressed")).toBe("true");
+        // (getByText collapses the non-breaking spaces between number and unit.)
+        expect(screen.getByText("2 s bis 3 Min. 7 s").className).toContain("sr-only");
+    });
+    it("heads the view with a 28 px h2 title and keeps the paper light", () => {
+        const { container } = render(_jsx(BpmnHeatmapWidget, { data: DATA }));
+        const heading = screen.getByRole("heading", { level: 2 });
+        expect(heading.textContent).toContain("BPMN heatmap");
+        expect(heading.className).toContain("text-title");
+        const frame = container.querySelector('[role="img"]')?.parentElement;
+        expect(frame?.getAttribute("data-theme-mode")).toBe("light");
+    });
+    it("says so in an empty state without data or a diagram", () => {
+        const { rerender } = render(_jsx(BpmnHeatmapWidget, { data: null }));
+        expect(screen.getByText("No heatmap data.").closest("[data-empty-variant]")).toBeTruthy();
+        rerender(_jsx(BpmnHeatmapWidget, { data: { ...DATA, bpmnXml: null } }));
+        expect(screen.getByText(/The BPMN diagram is not available/)).toBeTruthy();
+    });
+});
+describe("BpmnHeatmap", () => {
+    it("sizes its frame from the diagram unless given a height", () => {
+        const { container, rerender } = render(_jsx(BpmnHeatmap, { bpmnXml: XML, nodeFrequencies: {} }));
+        const frame = () => container.querySelector('[data-theme-mode="light"]');
+        // Before the diagram is measured: the default frame.
+        expect(frame().style.height).toBe("360px");
+        rerender(_jsx(BpmnHeatmap, { bpmnXml: XML, nodeFrequencies: {}, height: 300 }));
+        expect(frame().style.height).toBe("300px");
+    });
+    it("shows the import failure as an inline error, the parser's words under Details", async () => {
+        viewer.fail = true;
+        render(_jsx(BpmnHeatmap, { bpmnXml: "<broken/>", nodeFrequencies: {}, errorTitle: "Diagram not drawn", errorHint: "Ask in the chat." }));
+        const state = await screen.findByRole("alert");
+        expect(state.getAttribute("data-variant")).toBe("inline");
+        expect(state.textContent).toContain("Diagram not drawn");
+        expect(screen.getByText("unparsable <bpmn:x>").closest("details")).toBeTruthy();
+    });
+    it("says so over the diagram when no element carries a value", async () => {
+        render(_jsx(BpmnHeatmap, { bpmnXml: XML, nodeFrequencies: { Task_A: 0 }, noHeatLabel: "No values" }));
+        await waitFor(() => expect(screen.getByRole("status").textContent).toBe("No values"));
+    });
+});
+describe("HeatmapLegend", () => {
+    it("falls back to Less/More without values, the swatch on the light paper", () => {
+        const { container } = render(_jsx(HeatmapLegend, { lessLabel: "Weniger", moreLabel: "Mehr" }));
+        expect(screen.getByText("Weniger")).toBeTruthy();
+        expect(screen.getByText("Mehr")).toBeTruthy();
+        expect(container.querySelector('[data-theme-mode="light"]')).toBeTruthy();
+    });
+    it("shows one value once, at the swatch's full end where every element paints", () => {
+        const { container } = render(_jsx(HeatmapLegend, { min: "5", max: "5" }));
+        const visible = [...container.querySelectorAll("[aria-hidden]")].map((el) => el.textContent);
+        expect(visible).toEqual(["", "5"]);
+        expect(container.querySelector(".sr-only")?.textContent).toBe("5");
+    });
+});
+describe("HeatValuesTable", () => {
+    it("renders nothing when no element has a value", () => {
+        const { container } = render(_jsx(HeatValuesTable, { bpmnXml: XML, values: { Task_A: 0 }, format: String }));
+        expect(container.innerHTML).toBe("");
+    });
+    it("takes the caller's words", () => {
+        render(_jsx(HeatValuesTable, { bpmnXml: XML, values: { Unnamed: 5 }, format: String, labels: { valuesTable: "Werte", elementColumn: "Schritt", valueColumn: "Anzahl" } }));
+        expect(screen.getByRole("columnheader", { name: "Schritt" })).toBeTruthy();
+        expect(screen.getByRole("columnheader", { name: "Anzahl" })).toBeTruthy();
+        // An element without a name shows its id.
+        expect(screen.getByText("Unnamed").className).toContain("font-mono");
+    });
+});
+//# sourceMappingURL=bpmn-heatmap-widget.test.js.map

package/dist/ui/bpmn-heatmap-widget.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-heatmap-widget.test.js","sourceRoot":"","sources":["../../src/ui/bpmn-heatmap-widget.test.tsx"],"names":[],"mappings":"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"}

package/dist/ui/bpmn-heatmap.d.ts

@@ -0,0 +1,61 @@
+import { type BpmnHeatmapLabels } from "./bpmn-heatmap-labels.js";
+export type { BpmnHeatmapLabels };
+export interface BpmnHeatmapProps {
+    bpmnXml: string;
+    /** Per-element heat value keyed by BPMN element id (frequency or duration). */
+    nodeFrequencies: Record<string, number>;
+    /** Per-edge value keyed by `${sourceId}->${targetId}`. Metrics carry none → `{}`. */
+    edgeFrequencies?: Record<string, number>;
+    /** A fixed frame height; default: the diagram's own (240–560 px, `diagramHeight`). */
+    height?: number;
+    /** Heat radius in diagram coordinates. Scales with zoom. */
+    diagramRadius?: number;
+    /** Accessible name for the diagram (localize per module; English fallback). */
+    diagramAriaLabel?: string;
+    /** Title of the import-error state (English fallback): what happened, one line. */
+    errorTitle?: string;
+    /**
+     * Next step under the import error: what the user can do. No fallback, so
+     * a caller without a localized hint shows no English sentence in its view.
+     */
+    errorHint?: string;
+    /**
+     * Shown over the diagram when NO element carries a positive value. Without
+     * it an empty result (window with no traffic, or a metrics `engine_id` that
+     * doesn't match the configured engine id) is indistinguishable from a
+     * rendered heatmap — the diagram just stays uncolored.
+     */
+    noHeatLabel?: string;
+}
+/**
+ * Renders a BPMN diagram (bpmn-js NavigatedViewer) with a Cockpit-style heat
+ * overlay on a canvas synced to the viewbox. The viewer mounts once per diagram
+ * (`bpmnXml`); changing `nodeFrequencies` (e.g. the frequency↔duration toggle)
+ * only repaints the overlay — no re-import / refit.
+ *
+ * The heat is ONE hue (`--cd-info-soft` → `--cd-blau`, never red: red is for
+ * incidents), every element with a value above zero at a visible minimum.
+ * The whole frame is a forced-light island: the paper, the zoom bar and the
+ * "no values" chip stay light in a dark host. Pair it with
+ * {@link HeatmapLegend} and the values as a table ({@link HeatValuesTable}).
+ */
+export declare function BpmnHeatmap({ bpmnXml, nodeFrequencies, edgeFrequencies, height, diagramRadius, diagramAriaLabel, errorTitle, errorHint, noHeatLabel, }: BpmnHeatmapProps): import("react").JSX.Element;
+/**
+ * The heat ramp's legend: the swatch (on the light paper, at the layer's
+ * opacity, so it matches the diagram) between the smallest value above zero
+ * and the largest (`min`/`max`, formatted by the caller) — or "Less"/"More"
+ * where the values are not at hand. The ends are the values they encode:
+ * the layer maps that range linearly onto the swatch (`heatIntensity`), so
+ * its middle is the middle value. One value for every element paints at the
+ * full end, so it shows once, there. Screen readers hear the range as one
+ * sentence ("1 to 1,234").
+ */
+export declare function HeatmapLegend({ min, max, lessLabel, moreLabel, }: {
+    /** The smallest value above zero, formatted. */
+    min?: string;
+    /** The largest value, formatted. */
+    max?: string;
+    lessLabel?: string;
+    moreLabel?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=bpmn-heatmap.d.ts.map

package/dist/ui/bpmn-heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-heatmap.d.ts","sourceRoot":"","sources":["../../src/ui/bpmn-heatmap.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AASzF,YAAY,EAAE,iBAAiB,EAAE,CAAA;AAEjC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,eAA6B,EAC7B,MAAM,EACN,aAAkB,EAClB,gBAA0D,EAC1D,UAA8C,EAC9C,SAAS,EACT,WAA2C,GAC5C,EAAE,gBAAgB,+BA6IlB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,GAAG,EACH,SAAuC,EACvC,SAAuC,GACxC,EAAE;IACD,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BA6BA"}

package/dist/ui/bpmn-heatmap.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { ErrorState, useLocale } from "@miragon/mcp-toolkit-ui";
+import { buildGradientLut, buildHeatPoints, drawHeatLayer, HEAT_GRADIENT_CSS, HEAT_PEAK_ALPHA, weightRange, } from "./bpmn-heatmap/heat-utils.js";
+import { DEFAULT_HEATMAP_LABELS } from "./bpmn-heatmap-labels.js";
+import { BpmnZoomControls } from "./bpmn-zoom-controls.js";
+import { kitLabels } from "./kit-labels.js";
+import { useBpmnViewer } from "./use-bpmn-viewer.js";
+// Stable default for the omitted-edges case: a `= {}` parameter default would
+// be a fresh identity per render and re-trigger the repaint effect every time.
+const EMPTY_EDGES = {};
+/**
+ * Renders a BPMN diagram (bpmn-js NavigatedViewer) with a Cockpit-style heat
+ * overlay on a canvas synced to the viewbox. The viewer mounts once per diagram
+ * (`bpmnXml`); changing `nodeFrequencies` (e.g. the frequency↔duration toggle)
+ * only repaints the overlay — no re-import / refit.
+ *
+ * The heat is ONE hue (`--cd-info-soft` → `--cd-blau`, never red: red is for
+ * incidents), every element with a value above zero at a visible minimum.
+ * The whole frame is a forced-light island: the paper, the zoom bar and the
+ * "no values" chip stay light in a dark host. Pair it with
+ * {@link HeatmapLegend} and the values as a table ({@link HeatValuesTable}).
+ */
+export function BpmnHeatmap({ bpmnXml, nodeFrequencies, edgeFrequencies = EMPTY_EDGES, height, diagramRadius = 55, diagramAriaLabel = DEFAULT_HEATMAP_LABELS.diagramAriaLabel, errorTitle = DEFAULT_HEATMAP_LABELS.errorTitle, errorHint, noHeatLabel = DEFAULT_HEATMAP_LABELS.noHeat, }) {
+    const heatCanvasRef = useRef(null);
+    const redrawRef = useRef(null);
+    // Latest heat inputs, read by redraw() so we can repaint without re-importing.
+    // Synced in an effect (not during render) so a discarded render can't leak
+    // into the ref; declared before the repaint effect below, so redraw() always
+    // sees the values of the commit that triggered it.
+    const dataRef = useRef({ nodeFrequencies, edgeFrequencies, diagramRadius });
+    useEffect(() => {
+        dataRef.current = { nodeFrequencies, edgeFrequencies, diagramRadius };
+    });
+    const { containerRef, height: autoHeight, importError, zoomIn, zoomOut, fit, } = useBpmnViewer({
+        bpmnXml,
+        onImported: (imported) => {
+            const gradientLut = buildGradientLut();
+            const canvas = imported.get("canvas");
+            const elementRegistry = imported.get("elementRegistry");
+            const eventBus = imported.get("eventBus");
+            const redraw = () => {
+                const heatCanvas = heatCanvasRef.current;
+                const container = containerRef.current;
+                if (!heatCanvas || !container)
+                    return;
+                const rect = container.getBoundingClientRect();
+                const dpr = window.devicePixelRatio || 1;
+                if (heatCanvas.width !== Math.round(rect.width * dpr) ||
+                    heatCanvas.height !== Math.round(rect.height * dpr)) {
+                    heatCanvas.width = Math.round(rect.width * dpr);
+                    heatCanvas.height = Math.round(rect.height * dpr);
+                    heatCanvas.style.width = `${rect.width}px`;
+                    heatCanvas.style.height = `${rect.height}px`;
+                }
+                const ctx = heatCanvas.getContext("2d");
+                if (!ctx)
+                    return;
+                ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+                const { nodeFrequencies: nf, edgeFrequencies: ef, diagramRadius: dr } = dataRef.current;
+                const heatPoints = buildHeatPoints(elementRegistry.getAll(), nf, ef);
+                const range = weightRange(heatPoints.map((p) => p.weight)) ?? { min: 0, max: 0 };
+                const vb = canvas.viewbox();
+                const scale = vb.scale;
+                // Project diagram coordinates → screen pixels (CSS px).
+                const screenPoints = heatPoints.map((p) => ({
+                    x: (p.x - vb.x) * scale,
+                    y: (p.y - vb.y) * scale,
+                    weight: p.weight,
+                }));
+                const radiusPx = Math.max(20, dr * scale);
+                drawHeatLayer(ctx, rect.width, rect.height, heatCanvas.width, heatCanvas.height, screenPoints, range, radiusPx, gradientLut);
+            };
+            redrawRef.current = redraw;
+            redraw();
+            const onChange = () => redraw();
+            eventBus.on("canvas.viewbox.changed", onChange);
+            eventBus.on("canvas.resized", onChange);
+            // Resize only repaints the overlay — the operator's pan/zoom is kept.
+            const ro = new ResizeObserver(() => redraw());
+            if (containerRef.current)
+                ro.observe(containerRef.current);
+            return () => {
+                eventBus.off("canvas.viewbox.changed", onChange);
+                eventBus.off("canvas.resized", onChange);
+                ro.disconnect();
+                redrawRef.current = null;
+            };
+        },
+    });
+    // Repaint the overlay when the heat values change (toggle) — viewer stays mounted.
+    useEffect(() => {
+        redrawRef.current?.();
+    }, [nodeFrequencies, edgeFrequencies, diagramRadius]);
+    // Mirrors the `weight > 0` filter in buildHeatPoints: a map of zeros paints
+    // nothing, so it must read as "no data" too.
+    const hasHeat = Object.values(nodeFrequencies).some((v) => v > 0) ||
+        Object.values(edgeFrequencies).some((v) => v > 0);
+    return (_jsxs("div", { "data-theme-mode": "light", className: "relative w-full", style: { height: `${height ?? autoHeight}px` }, children: [_jsx("div", { ref: containerRef, role: "img", "aria-label": diagramAriaLabel, className: "border-border absolute inset-0 size-full rounded-md border" }), _jsx("canvas", { ref: heatCanvasRef, "aria-hidden": "true", className: "pointer-events-none absolute inset-0 size-full rounded-md", style: { mixBlendMode: "multiply" } }), importError ? (_jsx("div", { className: "absolute inset-x-3 top-3", children: _jsx(ErrorState, { variant: "inline", title: errorTitle, description: errorHint, details: importError }) })) : (_jsxs(_Fragment, { children: [hasHeat ? null : (_jsx("div", { role: "status", className: "border-border bg-card text-muted-foreground text-small shadow-1 pointer-events-none absolute top-3 left-3 rounded-sm border px-2 py-1", children: noHeatLabel })), _jsx(BpmnZoomControls, { onZoomIn: zoomIn, onZoomOut: zoomOut, onFit: fit })] }))] }));
+}
+/**
+ * The heat ramp's legend: the swatch (on the light paper, at the layer's
+ * opacity, so it matches the diagram) between the smallest value above zero
+ * and the largest (`min`/`max`, formatted by the caller) — or "Less"/"More"
+ * where the values are not at hand. The ends are the values they encode:
+ * the layer maps that range linearly onto the swatch (`heatIntensity`), so
+ * its middle is the middle value. One value for every element paints at the
+ * full end, so it shows once, there. Screen readers hear the range as one
+ * sentence ("1 to 1,234").
+ */
+export function HeatmapLegend({ min, max, lessLabel = DEFAULT_HEATMAP_LABELS.less, moreLabel = DEFAULT_HEATMAP_LABELS.more, }) {
+    const labels = kitLabels(useLocale());
+    const range = min !== undefined && max !== undefined;
+    const single = range && min === max;
+    const start = range ? (single ? null : min) : lessLabel;
+    const end = range ? max : moreLabel;
+    return (_jsxs("div", { className: "text-small flex items-center gap-2", children: [range && _jsx("span", { className: "sr-only", children: single ? max : labels.heatmapRange({ min, max }) }), start !== null && (_jsx("span", { "aria-hidden": range || undefined, className: "text-muted-foreground tabular-nums", children: start })), _jsx("span", { "aria-hidden": "true", "data-theme-mode": "light", className: "bg-background border-border inline-flex h-3 w-32 overflow-hidden rounded-sm border", children: _jsx("span", { className: "size-full", style: { background: HEAT_GRADIENT_CSS, opacity: HEAT_PEAK_ALPHA } }) }), _jsx("span", { "aria-hidden": range || undefined, className: "text-muted-foreground tabular-nums", children: end })] }));
+}
+//# sourceMappingURL=bpmn-heatmap.js.map

package/dist/ui/bpmn-heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-heatmap.js","sourceRoot":"","sources":["../../src/ui/bpmn-heatmap.tsx"],"names":[],"mappings":"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"}

package/dist/ui/bpmn-tokens.d.ts

@@ -0,0 +1,81 @@
+import { type CdTokenName } from "@miragon/mcp-toolkit-ui";
+/**
+ * THE token module of the BPMN canvas (modeler-tool-design §3.6, §10, §13):
+ * every colour the diagram's overlays, badges and heat layer paint is a
+ * `--cd-*` corporate-design token, named here once. Two consumers read it:
+ *
+ * - CSS ({@link BPMN_OVERLAY_CSS}) refers to the tokens as `var(--cd-*)`,
+ *   which the toolkit's theme vendors on `:root`;
+ * - code that needs numbers (the heat canvas, contrast checks) resolves the
+ *   same names through the toolkit's `CD_TOKENS`.
+ *
+ * `bpmn-tokens.test.ts` is the drift test (every name's `CD_TOKENS` value
+ * equals the vendored stylesheet's `--cd-*`) and the contrast test (strokes
+ * ≥ 3:1 against the paper and their own fill, badge text ≥ 4.5:1).
+ *
+ * The semantics (owner decision, #322): an incident is `danger` (stroke,
+ * tint, count badge — red only for incidents); running and active activities
+ * are blue (`--cd-blau` stroke on the `--cd-info-soft` tint), an open user
+ * task the same with a heavier dashed stroke (shape, not colour, tells it
+ * apart — and it stands still: no pulse, so `prefers-reduced-motion` has
+ * nothing to stop); counts are white on blue or danger.
+ */
+export declare const BPMN_TOKENS: {
+    /** The paper: always light, in every theme. */
+    readonly paper: "weiss";
+    readonly incident: {
+        readonly stroke: "danger";
+        readonly fill: "danger-soft";
+    };
+    readonly running: {
+        readonly stroke: "blau";
+        readonly fill: "info-soft";
+    };
+    readonly openTask: {
+        readonly stroke: "blau";
+        readonly fill: "info-soft";
+    };
+    readonly instanceBadge: {
+        readonly fill: "blau";
+        readonly text: "weiss";
+    };
+    readonly incidentBadge: {
+        readonly fill: "danger";
+        readonly text: "weiss";
+    };
+    /** The data-viz ramp of the heatmap: one hue, pale to full blue. */
+    readonly heat: {
+        readonly from: "info-soft";
+        readonly to: "blau";
+    };
+};
+/** A token as a CSS value (`var(--cd-danger)`). */
+export declare function cdVar(name: CdTokenName): string;
+/** A token's value (`#CD1839`) — for code that paints numbers, never for CSS. */
+export declare function cdValue(name: CdTokenName): string;
+/**
+ * The overlay stylesheet: marker classes on bpmn-js shapes
+ * (`canvas.addMarker(id, "highlight-incident")`) and the count badges added
+ * as overlays (`<div class="bpmn-overlay-badge bpmn-overlay-badge--…">`).
+ * Inject it once per document with {@link injectBpmnOverlayCss}.
+ */
+export declare const BPMN_OVERLAY_CSS: string;
+/** Add {@link BPMN_OVERLAY_CSS} to the document once (idempotent). */
+export declare function injectBpmnOverlayCss(doc?: Document): void;
+/** The legend swatch of a marker: its tint with a stroke-coloured edge, as an inline style. */
+export declare function markerSwatch(marker: {
+    stroke: CdTokenName;
+    fill: CdTokenName;
+}): {
+    borderColor: string;
+    background: string;
+};
+/** The legend swatch of a count badge, as an inline style. */
+export declare function badgeSwatch(badge: {
+    fill: CdTokenName;
+    text: CdTokenName;
+}): {
+    background: string;
+    color: string;
+};
+//# sourceMappingURL=bpmn-tokens.d.ts.map

package/dist/ui/bpmn-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-tokens.d.ts","sourceRoot":"","sources":["../../src/ui/bpmn-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW;IACtB,+CAA+C;;;;;;;;;;;;;;;;;;;;;;IAO/C,oEAAoE;;;;;CAUrE,CAAA;AAED,mDAAmD;AACnD,wBAAgB,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAE/C;AAED,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAEjD;AAYD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,QAuC5B,CAAA;AAID,sEAAsE;AACtE,wBAAgB,oBAAoB,CAAC,GAAG,GAAE,QAAmB,GAAG,IAAI,CAMnE;AAED,+FAA+F;AAC/F,wBAAgB,YAAY,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,GAAG;IAChF,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB,CAEA;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,WAAW,CAAA;CAAE,GAAG;IAC5E,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAEA"}