@flanksource/clicky-ui 0.3.54 → 0.3.56

package/dist/data/markdown-source-blocks.d.ts

@@ -0,0 +1,32 @@
+type HastNode = {
+    type: string;
+    position?: {
+        start: {
+            line: number;
+        };
+        end: {
+            line: number;
+        };
+    } | undefined;
+    properties?: Record<string, unknown> | undefined;
+    children?: HastNode[] | undefined;
+};
+export declare const SOURCE_START_ATTR = "data-source-start";
+export declare const SOURCE_END_ATTR = "data-source-end";
+export type SourceAttributes = {
+    "data-source-start"?: string | number | undefined;
+    "data-source-end"?: string | number | undefined;
+};
+/**
+ * Rehype plugin: sets `dataSourceStart` / `dataSourceEnd` (rendered as
+ * `data-source-start` / `data-source-end`) on each element directly under the
+ * root. Run it after sanitising, which would otherwise strip the attributes.
+ * Positions are only absolute when the whole document is parsed as one block.
+ * An element with no position (it cannot be traced to a source line) is left
+ * unstamped rather than given an invented range.
+ */
+export declare function rehypeSourceBlocks(): (tree: HastNode) => void;
+/** The `data-source-*` attributes among `props`, for forwarding onto a rendered element. */
+export declare function sourceAttributes(props: Record<string, unknown>): SourceAttributes;
+export {};
+//# sourceMappingURL=markdown-source-blocks.d.ts.map

package/dist/data/markdown-source-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-source-blocks.d.ts","sourceRoot":"","sources":["../../src/data/markdown-source-blocks.ts"],"names":[],"mappings":"AAIA,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,GAAG,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,GAAG,SAAS,CAAC;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AACrD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,KACxB,MAAM,QAAQ,UAUvB;AAED,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAOjF"}

package/dist/data/markdown-source-blocks.js

@@ -0,0 +1,35 @@
+// src/data/markdown-source-blocks.ts
+var SOURCE_START_ATTR = "data-source-start";
+var SOURCE_END_ATTR = "data-source-end";
+/**
+* Rehype plugin: sets `dataSourceStart` / `dataSourceEnd` (rendered as
+* `data-source-start` / `data-source-end`) on each element directly under the
+* root. Run it after sanitising, which would otherwise strip the attributes.
+* Positions are only absolute when the whole document is parsed as one block.
+* An element with no position (it cannot be traced to a source line) is left
+* unstamped rather than given an invented range.
+*/
+function rehypeSourceBlocks() {
+	return (tree) => {
+		for (const child of tree.children ?? []) {
+			if (child.type !== "element" || !child.position) continue;
+			child.properties = {
+				...child.properties,
+				dataSourceStart: child.position.start.line,
+				dataSourceEnd: child.position.end.line
+			};
+		}
+	};
+}
+/** The `data-source-*` attributes among `props`, for forwarding onto a rendered element. */
+function sourceAttributes(props) {
+	const start = props[SOURCE_START_ATTR];
+	const end = props[SOURCE_END_ATTR];
+	return {
+		...typeof start === "string" || typeof start === "number" ? { [SOURCE_START_ATTR]: start } : {},
+		...typeof end === "string" || typeof end === "number" ? { [SOURCE_END_ATTR]: end } : {}
+	};
+}
+export { SOURCE_END_ATTR, SOURCE_START_ATTR, rehypeSourceBlocks, sourceAttributes };
+
+//# sourceMappingURL=markdown-source-blocks.js.map

package/dist/data/markdown-source-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-source-blocks.js","names":[],"sources":["../../src/data/markdown-source-blocks.ts"],"sourcesContent":["// Source-line anchors for rendered markdown. A rehype plugin that stamps every\n// top-level block with the 1-based line range it came from, so a host can map\n// a line number in the original file onto the rendered element that shows it.\n\ntype HastNode = {\n  type: string;\n  position?: { start: { line: number }; end: { line: number } } | undefined;\n  properties?: Record<string, unknown> | undefined;\n  children?: HastNode[] | undefined;\n};\n\nexport const SOURCE_START_ATTR = \"data-source-start\";\nexport const SOURCE_END_ATTR = \"data-source-end\";\n\nexport type SourceAttributes = {\n  \"data-source-start\"?: string | number | undefined;\n  \"data-source-end\"?: string | number | undefined;\n};\n\n/**\n * Rehype plugin: sets `dataSourceStart` / `dataSourceEnd` (rendered as\n * `data-source-start` / `data-source-end`) on each element directly under the\n * root. Run it after sanitising, which would otherwise strip the attributes.\n * Positions are only absolute when the whole document is parsed as one block.\n * An element with no position (it cannot be traced to a source line) is left\n * unstamped rather than given an invented range.\n */\nexport function rehypeSourceBlocks() {\n  return (tree: HastNode) => {\n    for (const child of tree.children ?? []) {\n      if (child.type !== \"element\" || !child.position) continue;\n      child.properties = {\n        ...child.properties,\n        dataSourceStart: child.position.start.line,\n        dataSourceEnd: child.position.end.line,\n      };\n    }\n  };\n}\n\n/** The `data-source-*` attributes among `props`, for forwarding onto a rendered element. */\nexport function sourceAttributes(props: Record<string, unknown>): SourceAttributes {\n  const start = props[SOURCE_START_ATTR];\n  const end = props[SOURCE_END_ATTR];\n  return {\n    ...(typeof start === \"string\" || typeof start === \"number\" ? { [SOURCE_START_ATTR]: start } : {}),\n    ...(typeof end === \"string\" || typeof end === \"number\" ? { [SOURCE_END_ATTR]: end } : {}),\n  };\n}\n"],"mappings":";AAWA,IAAa,oBAAoB;AACjC,IAAa,kBAAkB;;;;;;;;;AAe/B,SAAgB,qBAAqB;CACnC,QAAQ,SAAmB;EACzB,KAAK,MAAM,SAAS,KAAK,YAAY,CAAC,GAAG;GACvC,IAAI,MAAM,SAAS,aAAa,CAAC,MAAM,UAAU;GACjD,MAAM,aAAa;IACjB,GAAG,MAAM;IACT,iBAAiB,MAAM,SAAS,MAAM;IACtC,eAAe,MAAM,SAAS,IAAI;GACpC;EACF;CACF;AACF;;AAGA,SAAgB,iBAAiB,OAAkD;CACjF,MAAM,QAAQ,MAAM;CACpB,MAAM,MAAM,MAAM;CAClB,OAAO;EACL,GAAI,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW,GAAG,oBAAoB,MAAM,IAAI,CAAC;EAC/F,GAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,WAAW,GAAG,kBAAkB,IAAI,IAAI,CAAC;CACzF;AACF"}

package/dist/data/test-runner/FilterFacet.cjs

@@ -0,0 +1,52 @@
+const require_utils = require("../../lib/utils.cjs");
+const require_UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const require_Icon = require("../Icon.cjs");
+const require_DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const require_filter_bar_context = require("../../components/filter-bar-context.cjs");
+const require_filter_bar_field_utils = require("../../components/filter-bar-field-utils.cjs");
+const require_filter_bar_multi = require("../../components/filter-bar-multi.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/test-runner/FilterFacet.tsx
+var COMMIT_IMMEDIATELY = {
+	autoSubmit: false,
+	compact: false
+};
+/**
+* A compact, muted menu trigger summarising a tri-state facet ("Status +1 -1")
+* that opens an include / exclude option list. Sized for tree toolbars and headers.
+*/
+function FilterFacet({ label, options, state, onChange }) {
+	const value = Object.fromEntries(state);
+	const active = state.size > 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu, {
+		align: "right",
+		menuLabel: label,
+		menuClassName: "p-2",
+		trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			role: "button",
+			tabIndex: 0,
+			className: require_utils.cn("inline-flex h-6 items-center gap-0.5 rounded px-1.5 text-xs transition-colors", active ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"),
+			children: [require_filter_bar_field_utils.summarizeMultiFilter(label, value), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiChevronDown.UiChevronDown,
+				className: "text-[10px] opacity-60"
+			})]
+		}),
+		children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_context.FilterBarContext.Provider, {
+			value: COMMIT_IMMEDIATELY,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_multi.MultiFilterPanel, {
+				chrome: "embedded",
+				filter: {
+					key: label,
+					kind: "multi",
+					label,
+					options,
+					value,
+					onChange: (v) => onChange(new Map(Object.entries(v)))
+				}
+			})
+		})
+	});
+}
+exports.FilterFacet = FilterFacet;
+
+//# sourceMappingURL=FilterFacet.cjs.map

package/dist/data/test-runner/FilterFacet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacet.cjs","names":["DropdownMenu","cn","summarizeMultiFilter","Icon","UiChevronDown","FilterBarContext","MultiFilterPanel"],"sources":["../../../src/data/test-runner/FilterFacet.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiChevronDown } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { FilterBarContext } from \"../../components/filter-bar-context\";\nimport { MultiFilterPanel } from \"../../components/filter-bar-multi\";\nimport { summarizeMultiFilter } from \"../../components/filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"../../components/MultiSelect\";\nimport type { FilterMode, FilterState } from \"./filterState\";\n\n// Picks commit straight away: the host, not a form, owns the filter state.\nconst COMMIT_IMMEDIATELY = { autoSubmit: false, compact: false };\n\n/**\n * A compact, muted menu trigger summarising a tri-state facet (\"Status +1 -1\")\n * that opens an include / exclude option list. Sized for tree toolbars and headers.\n */\nexport function FilterFacet({\n  label,\n  options,\n  state,\n  onChange,\n}: {\n  label: string;\n  options: MultiSelectOption[];\n  state: FilterState<string>;\n  onChange: (next: FilterState<string>) => void;\n}) {\n  const value: Record<string, FilterMode> = Object.fromEntries(state);\n  const active = state.size > 0;\n  return (\n    <DropdownMenu\n      align=\"right\"\n      menuLabel={label}\n      menuClassName=\"p-2\"\n      trigger={\n        <span\n          role=\"button\"\n          tabIndex={0}\n          className={cn(\n            \"inline-flex h-6 items-center gap-0.5 rounded px-1.5 text-xs transition-colors\",\n            active\n              ? \"bg-muted font-medium text-foreground\"\n              : \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\",\n          )}\n        >\n          {summarizeMultiFilter(label, value)}\n          <Icon icon={UiChevronDown} className=\"text-[10px] opacity-60\" />\n        </span>\n      }\n    >\n      {() => (\n        <FilterBarContext.Provider value={COMMIT_IMMEDIATELY}>\n          <MultiFilterPanel\n            chrome=\"embedded\"\n            filter={{\n              key: label,\n              kind: \"multi\",\n              label,\n              options,\n              value,\n              onChange: (v) => onChange(new Map(Object.entries(v))),\n            }}\n          />\n        </FilterBarContext.Provider>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,qBAAqB;CAAE,YAAY;CAAO,SAAS;AAAM;;;;;AAM/D,SAAgB,YAAY,EAC1B,OACA,SACA,OACA,YAMC;CACD,MAAM,QAAoC,OAAO,YAAY,KAAK;CAClE,MAAM,SAAS,MAAM,OAAO;CAC5B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,cAAD;EACE,OAAM;EACN,WAAW;EACX,eAAc;EACd,SACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GACE,MAAK;GACL,UAAU;GACV,WAAWC,cAAAA,GACT,iFACA,SACI,yCACA,+DACN;GARF,UAAA,CAUGC,+BAAAA,qBAAqB,OAAO,KAAK,GAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;IAAM,MAAMC,sBAAAA;IAAe,WAAU;GAA0B,CAAA,CAC3D;;EAIN,gBAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,iBAAiB,UAAlB;GAA2B,OAAO;GAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,QAAO;IACP,QAAQ;KACN,KAAK;KACL,MAAM;KACN;KACA;KACA;KACA,WAAW,MAAM,SAAS,IAAI,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC;IACtD;GACD,CAAA;EACwB,CAAA;CAEjB,CAAA;AAElB"}

package/dist/data/test-runner/FilterFacet.d.ts

@@ -0,0 +1,13 @@
+import { MultiSelectOption } from '../../components/MultiSelect.js';
+import { FilterState } from './filterState.js';
+/**
+ * A compact, muted menu trigger summarising a tri-state facet ("Status +1 -1")
+ * that opens an include / exclude option list. Sized for tree toolbars and headers.
+ */
+export declare function FilterFacet({ label, options, state, onChange, }: {
+    label: string;
+    options: MultiSelectOption[];
+    state: FilterState<string>;
+    onChange: (next: FilterState<string>) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FilterFacet.d.ts.map

package/dist/data/test-runner/FilterFacet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacet.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/FilterFacet.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,eAAe,CAAC;AAK7D;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAC/C,+BAyCA"}

package/dist/data/test-runner/FilterFacet.js

@@ -0,0 +1,52 @@
+import { cn } from "../../lib/utils.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { Icon } from "../Icon.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { FilterBarContext } from "../../components/filter-bar-context.js";
+import { summarizeMultiFilter } from "../../components/filter-bar-field-utils.js";
+import { MultiFilterPanel } from "../../components/filter-bar-multi.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/data/test-runner/FilterFacet.tsx
+var COMMIT_IMMEDIATELY = {
+	autoSubmit: false,
+	compact: false
+};
+/**
+* A compact, muted menu trigger summarising a tri-state facet ("Status +1 -1")
+* that opens an include / exclude option list. Sized for tree toolbars and headers.
+*/
+function FilterFacet({ label, options, state, onChange }) {
+	const value = Object.fromEntries(state);
+	const active = state.size > 0;
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		align: "right",
+		menuLabel: label,
+		menuClassName: "p-2",
+		trigger: /* @__PURE__ */ jsxs("span", {
+			role: "button",
+			tabIndex: 0,
+			className: cn("inline-flex h-6 items-center gap-0.5 rounded px-1.5 text-xs transition-colors", active ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"),
+			children: [summarizeMultiFilter(label, value), /* @__PURE__ */ jsx(Icon, {
+				icon: UiChevronDown,
+				className: "text-[10px] opacity-60"
+			})]
+		}),
+		children: () => /* @__PURE__ */ jsx(FilterBarContext.Provider, {
+			value: COMMIT_IMMEDIATELY,
+			children: /* @__PURE__ */ jsx(MultiFilterPanel, {
+				chrome: "embedded",
+				filter: {
+					key: label,
+					kind: "multi",
+					label,
+					options,
+					value,
+					onChange: (v) => onChange(new Map(Object.entries(v)))
+				}
+			})
+		})
+	});
+}
+export { FilterFacet };
+
+//# sourceMappingURL=FilterFacet.js.map

package/dist/data/test-runner/FilterFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacet.js","names":[],"sources":["../../../src/data/test-runner/FilterFacet.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { UiChevronDown } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { FilterBarContext } from \"../../components/filter-bar-context\";\nimport { MultiFilterPanel } from \"../../components/filter-bar-multi\";\nimport { summarizeMultiFilter } from \"../../components/filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"../../components/MultiSelect\";\nimport type { FilterMode, FilterState } from \"./filterState\";\n\n// Picks commit straight away: the host, not a form, owns the filter state.\nconst COMMIT_IMMEDIATELY = { autoSubmit: false, compact: false };\n\n/**\n * A compact, muted menu trigger summarising a tri-state facet (\"Status +1 -1\")\n * that opens an include / exclude option list. Sized for tree toolbars and headers.\n */\nexport function FilterFacet({\n  label,\n  options,\n  state,\n  onChange,\n}: {\n  label: string;\n  options: MultiSelectOption[];\n  state: FilterState<string>;\n  onChange: (next: FilterState<string>) => void;\n}) {\n  const value: Record<string, FilterMode> = Object.fromEntries(state);\n  const active = state.size > 0;\n  return (\n    <DropdownMenu\n      align=\"right\"\n      menuLabel={label}\n      menuClassName=\"p-2\"\n      trigger={\n        <span\n          role=\"button\"\n          tabIndex={0}\n          className={cn(\n            \"inline-flex h-6 items-center gap-0.5 rounded px-1.5 text-xs transition-colors\",\n            active\n              ? \"bg-muted font-medium text-foreground\"\n              : \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\",\n          )}\n        >\n          {summarizeMultiFilter(label, value)}\n          <Icon icon={UiChevronDown} className=\"text-[10px] opacity-60\" />\n        </span>\n      }\n    >\n      {() => (\n        <FilterBarContext.Provider value={COMMIT_IMMEDIATELY}>\n          <MultiFilterPanel\n            chrome=\"embedded\"\n            filter={{\n              key: label,\n              kind: \"multi\",\n              label,\n              options,\n              value,\n              onChange: (v) => onChange(new Map(Object.entries(v))),\n            }}\n          />\n        </FilterBarContext.Provider>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,qBAAqB;CAAE,YAAY;CAAO,SAAS;AAAM;;;;;AAM/D,SAAgB,YAAY,EAC1B,OACA,SACA,OACA,YAMC;CACD,MAAM,QAAoC,OAAO,YAAY,KAAK;CAClE,MAAM,SAAS,MAAM,OAAO;CAC5B,OACE,oBAAC,cAAD;EACE,OAAM;EACN,WAAW;EACX,eAAc;EACd,SACE,qBAAC,QAAD;GACE,MAAK;GACL,UAAU;GACV,WAAW,GACT,iFACA,SACI,yCACA,+DACN;GARF,UAAA,CAUG,qBAAqB,OAAO,KAAK,GAClC,oBAAC,MAAD;IAAM,MAAM;IAAe,WAAU;GAA0B,CAAA,CAC3D;;EAIN,gBAAA,oBAAC,iBAAiB,UAAlB;GAA2B,OAAO;GAChC,UAAA,oBAAC,kBAAD;IACE,QAAO;IACP,QAAQ;KACN,KAAK;KACL,MAAM;KACN;KACA;KACA;KACA,WAAW,MAAM,SAAS,IAAI,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC;IACtD;GACD,CAAA;EACwB,CAAA;CAEjB,CAAA;AAElB"}

package/dist/data/test-runner/MatrixMarks.cjs

@@ -1,7 +1,6 @@
 const require_utils = require("../../lib/utils.cjs");
 const require_UiServer = require("../../icons/components/UiServer.cjs");
 const require_UiClock = require("../../icons/components/UiClock.cjs");
-const require_ProgressBar = require("../ProgressBar.cjs");
 const require_matrix_marks = require("./matrix-marks.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/test-runner/MatrixMarks.tsx
@@ -49,6 +48,23 @@ function MatrixElapsed({ ms, running, clock = false }) {
 		}), require_matrix_marks.formatMatrixDuration(ms)]
 	});
 }
+/** One tick per item, filled with its outcome's bar colour. */
+function MatrixHeatmap({ ticks, unit, static: isStatic = false }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		role: "list",
+		...ticks.length > 0 ? { tabIndex: 0 } : {},
+		className: "flex h-3 min-w-10 flex-1 items-stretch [contain:inline-size] gap-px overflow-x-auto [scrollbar-width:none] print:[print-color-adjust:exact] print:[-webkit-print-color-adjust:exact]",
+		"aria-label": `${ticks.length} ${unit}`,
+		"data-heatmap": unit,
+		children: ticks.map((tick, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			role: "listitem",
+			"aria-label": `${i + 1}. ${tick.label} · ${require_matrix_marks.MATRIX_MARKS[tick.mark].label}`,
+			title: `${i + 1}. ${tick.label} · ${require_matrix_marks.MATRIX_MARKS[tick.mark].label}`,
+			className: require_utils.cn("min-w-[3px] max-w-4 flex-1 rounded-[1px]", require_matrix_marks.matrixBarClass(tick.mark, isStatic)),
+			"data-tick-outcome": tick.mark
+		}, i))
+	});
+}
 /**
 * A plan with no run in an environment: pending while queued, error when it
 * never started, hollow when not part of that run.
@@ -106,39 +122,34 @@ function EnvChip({ context, className }) {
 		}), context]
 	});
 }
-var HEADER_GRID = "grid min-w-48 grid-rows-[auto_auto_auto] gap-1.5";
-var HEADER_ROW = "flex h-5 min-w-0 items-center gap-2";
+var HEADER_LINE = "flex h-6 w-full items-center gap-3 whitespace-nowrap";
+var HEADER_GROUP = "flex shrink-0 items-center gap-2";
 /**
-* One environment's column head in three fixed rows: its chip, the plans'
-* progress with the elapsed time, and the plan verdict naming its units.
+* One environment's column head on one line that never wraps: its chip, the
+* plans' progress as a heatmap with the elapsed time, and the plan verdict
+* naming its units.
 */
-function MatrixEnvHeader({ context, counts, durationMs, running, renderChip, aside, static: isStatic = false }) {
+function MatrixEnvHeader({ context, counts, plans, durationMs, running, renderChip, aside, static: isStatic = false }) {
+	if (plans.length !== counts.total) throw new Error(`${context} header has ${plans.length} plan ticks but counts ${counts.total} plans`);
 	const done = counts.passed + counts.warned + counts.failed + counts.error;
 	const chip = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnvChip, { context });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: HEADER_GRID,
+		className: HEADER_LINE,
 		"data-env-header": context,
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: HEADER_ROW,
+				className: HEADER_GROUP,
 				children: [renderChip && !isStatic ? renderChip(chip) : chip, aside]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: HEADER_ROW,
+				className: `${HEADER_GROUP} flex-1`,
 				title: `${done} of ${counts.total} plans finished`,
 				"data-env-progress": "",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "min-w-0 flex-1",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProgressBar.ProgressBar, {
-							total: counts.total,
-							height: "h-1.5",
-							segments: require_matrix_marks.MATRIX_PLAN_BAR.map((key) => ({
-								count: counts[key],
-								color: require_matrix_marks.matrixBarClass(key, isStatic),
-								label: `${require_matrix_marks.MATRIX_MARKS[key].label} plans`
-							}))
-						})
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MatrixHeatmap, {
+						ticks: plans,
+						unit: "plans",
+						static: isStatic
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "shrink-0 whitespace-nowrap text-[11px] tabular-nums text-foreground",
@@ -157,7 +168,7 @@ function MatrixEnvHeader({ context, counts, durationMs, running, renderChip, asi
 				]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: HEADER_ROW,
+				className: HEADER_GROUP,
 				"data-env-verdict": "",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MatrixMix, {
 					counts: {
@@ -176,34 +187,25 @@ function MatrixEnvHeader({ context, counts, durationMs, running, renderChip, asi
 		]
 	});
 }
-/** An environment whose member run did not load, in the same three rows as MatrixEnvHeader. */
+/** An environment whose member run did not load, on the same single line as MatrixEnvHeader. */
 function MatrixUnavailableEnvHeader({ context }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: HEADER_GRID,
+		className: HEADER_LINE,
 		"data-env-header": context,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: HEADER_ROW,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnvChip, { context })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: `${HEADER_ROW} text-[11px] font-medium ${require_matrix_marks.MATRIX_MARKS.error.tone}`,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MatrixMark, {
-					mark: "error",
-					label: ""
-				}), "did not load"]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: HEADER_ROW,
-				"aria-hidden": "true"
-			})
-		]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EnvChip, { context }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${HEADER_GROUP} text-[11px] font-medium ${require_matrix_marks.MATRIX_MARKS.error.tone}`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MatrixMark, {
+				mark: "error",
+				label: ""
+			}), "did not load"]
+		})]
 	});
 }
 exports.EmptyMatrixCell = EmptyMatrixCell;
 exports.EnvChip = EnvChip;
 exports.MatrixElapsed = MatrixElapsed;
 exports.MatrixEnvHeader = MatrixEnvHeader;
+exports.MatrixHeatmap = MatrixHeatmap;
 exports.MatrixLegend = MatrixLegend;
 exports.MatrixMark = MatrixMark;
 exports.MatrixMix = MatrixMix;

package/dist/data/test-runner/MatrixMarks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MatrixMarks.cjs","names":["MATRIX_MARKS","cn","MATRIX_ORDER","UiClock","formatMatrixDuration","UiServer","ProgressBar","MATRIX_PLAN_BAR","matrixBarClass"],"sources":["../../../src/data/test-runner/MatrixMarks.tsx"],"sourcesContent":["// Renders the matrix-marks.ts vocabulary: one outcome's glyph, outcome mixes,\n// durations, empty cells, the legend, environment chips and the environment\n// column header. Props-only, so a live web matrix and a static print template\n// draw the same marks; `static` drops animation and links for print.\n\nimport type { ReactNode } from \"react\";\nimport { UiClock, UiServer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { ProgressBar } from \"../ProgressBar\";\nimport {\n  MATRIX_MARKS,\n  MATRIX_ORDER,\n  MATRIX_PLAN_BAR,\n  formatMatrixDuration,\n  matrixBarClass,\n  type MatrixCounts,\n  type MatrixEnvCounts,\n  type MatrixMarkKey,\n  type MatrixMarkToken,\n} from \"./matrix-marks\";\n\nexport type MatrixMarkProps = {\n  mark: MatrixMarkKey;\n  /** Hover title; \"\" leaves the glyph untitled where the surrounding element already names it. */\n  label?: string;\n  className?: string;\n  /** Print: never spins. */\n  static?: boolean;\n};\n\nexport function MatrixMark({ mark, label, className, static: isStatic = false }: MatrixMarkProps) {\n  const token: MatrixMarkToken = MATRIX_MARKS[mark];\n  const Glyph = token.icon;\n  return (\n    <Glyph\n      {...(label === \"\" ? {} : { title: label ?? token.label })}\n      className={cn(\"size-3.5 shrink-0\", token.tone, token.spin && !isStatic && \"animate-spin\", className)}\n      data-mark={mark}\n    />\n  );\n}\n\nexport type MatrixMixProps = {\n  counts: MatrixCounts;\n  unit: \"steps\" | \"plans\";\n  /** Outcomes drawn even at zero; every other zero count is dropped. */\n  always?: readonly MatrixMarkKey[];\n  static?: boolean;\n};\n\n/** Outcome counts as glyph + number, in matrix order. */\nexport function MatrixMix({ counts, unit, always = [], static: isStatic = false }: MatrixMixProps) {\n  return (\n    <span role=\"group\" aria-label={`${unit} by outcome`} className=\"flex shrink-0 items-center gap-2 text-xs tabular-nums\" data-mix={unit}>\n      {MATRIX_ORDER.filter((key) => (counts[key] ?? 0) > 0 || always.includes(key)).map((key) => {\n        const text = `${counts[key] ?? 0} ${MATRIX_MARKS[key].label} ${unit}`;\n        return (\n          <span key={key} role=\"img\" aria-label={text} title={text} className={cn(\"inline-flex items-center gap-0.5\", MATRIX_MARKS[key].tone)} data-mix-outcome={key}>\n            <MatrixMark mark={key} label=\"\" static={isStatic} />\n            {counts[key] ?? 0}\n          </span>\n        );\n      })}\n    </span>\n  );\n}\n\nexport type MatrixElapsedProps = {\n  ms: number;\n  /** Still counting: drawn blue and titled \"elapsed so far\". */\n  running: boolean;\n  /** Prefix a clock glyph. */\n  clock?: boolean;\n};\n\nexport function MatrixElapsed({ ms, running, clock = false }: MatrixElapsedProps) {\n  return (\n    <span\n      className={cn(\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap text-[11px] tabular-nums\", running ? \"text-blue-700 dark:text-blue-300\" : \"text-muted-foreground\")}\n      title={running ? \"elapsed so far\" : \"total duration\"}\n      data-duration=\"\"\n    >\n      {clock && <UiClock className=\"size-3\" aria-hidden=\"true\" />}\n      {formatMatrixDuration(ms)}\n    </span>\n  );\n}\n\nexport type EmptyMatrixCellProps = {\n  /** The cell outcome: \"queued\", \"absent\", or \"error\" with detail \"never started\". Anything else throws. */\n  outcome: string;\n  /** Why a cell has no run: \"never started\". */\n  detail?: string;\n  /** Hover title of the cell. */\n  title: string;\n  /** The glyph alone (sub-step rows), its meaning on hover. */\n  bare?: boolean;\n};\n\n/**\n * A plan with no run in an environment: pending while queued, error when it\n * never started, hollow when not part of that run.\n */\nexport function EmptyMatrixCell({ outcome, detail, title, bare = false }: EmptyMatrixCellProps) {\n  const neverStarted = detail === \"never started\";\n  if (!neverStarted && outcome !== \"queued\" && outcome !== \"absent\") throw new Error(`unexpected empty matrix cell ${outcome}: ${title}`);\n  const mark: MatrixMarkKey = neverStarted ? \"error\" : outcome === \"queued\" ? \"pending\" : \"absent\";\n  const label = neverStarted ? \"never started\" : MATRIX_MARKS[mark].label;\n  return (\n    <span title={title} className=\"flex h-5 min-w-0 items-center gap-1.5 text-xs\" data-empty-cell={mark}>\n      <MatrixMark mark={mark} label={label} />\n      {!bare && <span className={MATRIX_MARKS[mark].tone}>{label}</span>}\n    </span>\n  );\n}\n\nexport type MatrixLegendProps = { static?: boolean };\n\nexport function MatrixLegend({ static: isStatic = false }: MatrixLegendProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\" data-batch-legend=\"\">\n      {MATRIX_ORDER.map((key) => {\n        const token: MatrixMarkToken = MATRIX_MARKS[key];\n        return (\n          <span key={key} className=\"inline-flex items-center gap-1\" data-legend-mark={key}>\n            <MatrixMark mark={key} label=\"\" static={isStatic} />\n            {token.legend ?? token.label}\n          </span>\n        );\n      })}\n      <span className=\"inline-flex items-center gap-1\">\n        <UiClock className=\"size-3\" aria-hidden=\"true\" />\n        elapsed · total duration\n      </span>\n    </div>\n  );\n}\n\nexport type EnvChipProps = { context: string; className?: string };\n\n/** A context name, always in the same chip, so an environment never reads as a plan or a status. */\nexport function EnvChip({ context, className }: EnvChipProps) {\n  return (\n    <span\n      className={cn(\"inline-flex items-center gap-1 rounded border border-border bg-muted/50 px-1.5 py-0.5 font-mono text-[11px] text-foreground\", className)}\n      data-env-chip={context}\n    >\n      <UiServer className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n      {context}\n    </span>\n  );\n}\n\nconst HEADER_GRID = \"grid min-w-48 grid-rows-[auto_auto_auto] gap-1.5\";\nconst HEADER_ROW = \"flex h-5 min-w-0 items-center gap-2\";\n\nexport type MatrixEnvHeaderProps = {\n  context: string;\n  counts: MatrixEnvCounts;\n  durationMs: number;\n  /** The environment's run is still running: its elapsed time is still counting. */\n  running: boolean;\n  /** Wraps the chip, e.g. in the host router's link to the member run. Never called when static. */\n  renderChip?: (chip: ReactNode) => ReactNode;\n  /** Drawn beside the chip, e.g. how often the member was retried. */\n  aside?: ReactNode;\n  static?: boolean;\n};\n\n/**\n * One environment's column head in three fixed rows: its chip, the plans'\n * progress with the elapsed time, and the plan verdict naming its units.\n */\nexport function MatrixEnvHeader({ context, counts, durationMs, running, renderChip, aside, static: isStatic = false }: MatrixEnvHeaderProps) {\n  const done = counts.passed + counts.warned + counts.failed + counts.error;\n  const chip = <EnvChip context={context} />;\n  return (\n    <div className={HEADER_GRID} data-env-header={context}>\n      <div className={HEADER_ROW}>\n        {renderChip && !isStatic ? renderChip(chip) : chip}\n        {aside}\n      </div>\n      <div className={HEADER_ROW} title={`${done} of ${counts.total} plans finished`} data-env-progress=\"\">\n        <span className=\"min-w-0 flex-1\">\n          <ProgressBar\n            total={counts.total}\n            height=\"h-1.5\"\n            segments={MATRIX_PLAN_BAR.map((key) => ({ count: counts[key], color: matrixBarClass(key, isStatic), label: `${MATRIX_MARKS[key].label} plans` }))}\n          />\n        </span>\n        <span className=\"shrink-0 whitespace-nowrap text-[11px] tabular-nums text-foreground\">\n          {done}/{counts.total} plans\n        </span>\n        <MatrixElapsed ms={durationMs} running={running} clock />\n      </div>\n      <div className={HEADER_ROW} data-env-verdict=\"\">\n        <MatrixMix\n          counts={{ passed: counts.passed, warned: counts.warned, running: counts.running, pending: counts.queued, failed: counts.failed, error: counts.error }}\n          unit=\"plans\"\n          always={[\"failed\"]}\n          static={isStatic}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type MatrixUnavailableEnvHeaderProps = { context: string };\n\n/** An environment whose member run did not load, in the same three rows as MatrixEnvHeader. */\nexport function MatrixUnavailableEnvHeader({ context }: MatrixUnavailableEnvHeaderProps) {\n  return (\n    <div className={HEADER_GRID} data-env-header={context}>\n      <div className={HEADER_ROW}>\n        <EnvChip context={context} />\n      </div>\n      <div className={`${HEADER_ROW} text-[11px] font-medium ${MATRIX_MARKS.error.tone}`}>\n        <MatrixMark mark=\"error\" label=\"\" />\n        did not load\n      </div>\n      <div className={HEADER_ROW} aria-hidden=\"true\" />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MatrixMarks.cjs","names":["MATRIX_MARKS","cn","MATRIX_ORDER","UiClock","formatMatrixDuration","matrixBarClass","UiServer"],"sources":["../../../src/data/test-runner/MatrixMarks.tsx"],"sourcesContent":["// Renders the matrix-marks.ts vocabulary: one outcome's glyph, outcome mixes,\n// durations, empty cells, the legend, environment chips and the environment\n// column header. Props-only, so a live web matrix and a static print template\n// draw the same marks; `static` drops animation and links for print.\n\nimport type { ReactNode } from \"react\";\nimport { UiClock, UiServer } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  MATRIX_MARKS,\n  MATRIX_ORDER,\n  formatMatrixDuration,\n  matrixBarClass,\n  type MatrixCounts,\n  type MatrixEnvCounts,\n  type MatrixMarkKey,\n  type MatrixMarkToken,\n} from \"./matrix-marks\";\n\nexport type MatrixMarkProps = {\n  mark: MatrixMarkKey;\n  /** Hover title; \"\" leaves the glyph untitled where the surrounding element already names it. */\n  label?: string;\n  className?: string;\n  /** Print: never spins. */\n  static?: boolean;\n};\n\nexport function MatrixMark({ mark, label, className, static: isStatic = false }: MatrixMarkProps) {\n  const token: MatrixMarkToken = MATRIX_MARKS[mark];\n  const Glyph = token.icon;\n  return (\n    <Glyph\n      {...(label === \"\" ? {} : { title: label ?? token.label })}\n      className={cn(\"size-3.5 shrink-0\", token.tone, token.spin && !isStatic && \"animate-spin\", className)}\n      data-mark={mark}\n    />\n  );\n}\n\nexport type MatrixMixProps = {\n  counts: MatrixCounts;\n  unit: \"steps\" | \"plans\";\n  /** Outcomes drawn even at zero; every other zero count is dropped. */\n  always?: readonly MatrixMarkKey[];\n  static?: boolean;\n};\n\n/** Outcome counts as glyph + number, in matrix order. */\nexport function MatrixMix({ counts, unit, always = [], static: isStatic = false }: MatrixMixProps) {\n  return (\n    <span role=\"group\" aria-label={`${unit} by outcome`} className=\"flex shrink-0 items-center gap-2 text-xs tabular-nums\" data-mix={unit}>\n      {MATRIX_ORDER.filter((key) => (counts[key] ?? 0) > 0 || always.includes(key)).map((key) => {\n        const text = `${counts[key] ?? 0} ${MATRIX_MARKS[key].label} ${unit}`;\n        return (\n          <span key={key} role=\"img\" aria-label={text} title={text} className={cn(\"inline-flex items-center gap-0.5\", MATRIX_MARKS[key].tone)} data-mix-outcome={key}>\n            <MatrixMark mark={key} label=\"\" static={isStatic} />\n            {counts[key] ?? 0}\n          </span>\n        );\n      })}\n    </span>\n  );\n}\n\nexport type MatrixElapsedProps = {\n  ms: number;\n  /** Still counting: drawn blue and titled \"elapsed so far\". */\n  running: boolean;\n  /** Prefix a clock glyph. */\n  clock?: boolean;\n};\n\nexport function MatrixElapsed({ ms, running, clock = false }: MatrixElapsedProps) {\n  return (\n    <span\n      className={cn(\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap text-[11px] tabular-nums\", running ? \"text-blue-700 dark:text-blue-300\" : \"text-muted-foreground\")}\n      title={running ? \"elapsed so far\" : \"total duration\"}\n      data-duration=\"\"\n    >\n      {clock && <UiClock className=\"size-3\" aria-hidden=\"true\" />}\n      {formatMatrixDuration(ms)}\n    </span>\n  );\n}\n\n/** One heatmap tick: an item (a plan, a step) and its outcome. */\nexport type MatrixTick = { label: string; mark: MatrixMarkKey };\n\nexport type MatrixHeatmapProps = {\n  /** In run order: where a run is and where it broke read left to right. */\n  ticks: readonly MatrixTick[];\n  unit: \"steps\" | \"plans\";\n  static?: boolean;\n};\n\n/** One tick per item, filled with its outcome's bar colour. */\nexport function MatrixHeatmap({ ticks, unit, static: isStatic = false }: MatrixHeatmapProps) {\n  return (\n    <span role=\"list\" {...(ticks.length > 0 ? { tabIndex: 0 } : {})} className=\"flex h-3 min-w-10 flex-1 items-stretch [contain:inline-size] gap-px overflow-x-auto [scrollbar-width:none] print:[print-color-adjust:exact] print:[-webkit-print-color-adjust:exact]\" aria-label={`${ticks.length} ${unit}`} data-heatmap={unit}>\n      {ticks.map((tick, i) => (\n        <span\n          key={i}\n          role=\"listitem\"\n          aria-label={`${i + 1}. ${tick.label} · ${MATRIX_MARKS[tick.mark].label}`}\n          title={`${i + 1}. ${tick.label} · ${MATRIX_MARKS[tick.mark].label}`}\n          className={cn(\"min-w-[3px] max-w-4 flex-1 rounded-[1px]\", matrixBarClass(tick.mark, isStatic))}\n          data-tick-outcome={tick.mark}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport type EmptyMatrixCellProps = {\n  /** The cell outcome: \"queued\", \"absent\", or \"error\" with detail \"never started\". Anything else throws. */\n  outcome: string;\n  /** Why a cell has no run: \"never started\". */\n  detail?: string;\n  /** Hover title of the cell. */\n  title: string;\n  /** The glyph alone (sub-step rows), its meaning on hover. */\n  bare?: boolean;\n};\n\n/**\n * A plan with no run in an environment: pending while queued, error when it\n * never started, hollow when not part of that run.\n */\nexport function EmptyMatrixCell({ outcome, detail, title, bare = false }: EmptyMatrixCellProps) {\n  const neverStarted = detail === \"never started\";\n  if (!neverStarted && outcome !== \"queued\" && outcome !== \"absent\") throw new Error(`unexpected empty matrix cell ${outcome}: ${title}`);\n  const mark: MatrixMarkKey = neverStarted ? \"error\" : outcome === \"queued\" ? \"pending\" : \"absent\";\n  const label = neverStarted ? \"never started\" : MATRIX_MARKS[mark].label;\n  return (\n    <span title={title} className=\"flex h-5 min-w-0 items-center gap-1.5 text-xs\" data-empty-cell={mark}>\n      <MatrixMark mark={mark} label={label} />\n      {!bare && <span className={MATRIX_MARKS[mark].tone}>{label}</span>}\n    </span>\n  );\n}\n\nexport type MatrixLegendProps = { static?: boolean };\n\nexport function MatrixLegend({ static: isStatic = false }: MatrixLegendProps) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\" data-batch-legend=\"\">\n      {MATRIX_ORDER.map((key) => {\n        const token: MatrixMarkToken = MATRIX_MARKS[key];\n        return (\n          <span key={key} className=\"inline-flex items-center gap-1\" data-legend-mark={key}>\n            <MatrixMark mark={key} label=\"\" static={isStatic} />\n            {token.legend ?? token.label}\n          </span>\n        );\n      })}\n      <span className=\"inline-flex items-center gap-1\">\n        <UiClock className=\"size-3\" aria-hidden=\"true\" />\n        elapsed · total duration\n      </span>\n    </div>\n  );\n}\n\nexport type EnvChipProps = { context: string; className?: string };\n\n/** A context name, always in the same chip, so an environment never reads as a plan or a status. */\nexport function EnvChip({ context, className }: EnvChipProps) {\n  return (\n    <span\n      className={cn(\"inline-flex items-center gap-1 rounded border border-border bg-muted/50 px-1.5 py-0.5 font-mono text-[11px] text-foreground\", className)}\n      data-env-chip={context}\n    >\n      <UiServer className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n      {context}\n    </span>\n  );\n}\n\nconst HEADER_LINE = \"flex h-6 w-full items-center gap-3 whitespace-nowrap\";\nconst HEADER_GROUP = \"flex shrink-0 items-center gap-2\";\n\nexport type MatrixEnvHeaderProps = {\n  context: string;\n  counts: MatrixEnvCounts;\n  /** Every plan the counts total, in row order, drawn as the progress heatmap. */\n  plans: readonly MatrixTick[];\n  durationMs: number;\n  /** The environment's run is still running: its elapsed time is still counting. */\n  running: boolean;\n  /** Wraps the chip, e.g. in the host router's link to the member run. Never called when static. */\n  renderChip?: (chip: ReactNode) => ReactNode;\n  /** Drawn beside the chip, e.g. how often the member was retried. */\n  aside?: ReactNode;\n  static?: boolean;\n};\n\n/**\n * One environment's column head on one line that never wraps: its chip, the\n * plans' progress as a heatmap with the elapsed time, and the plan verdict\n * naming its units.\n */\nexport function MatrixEnvHeader({ context, counts, plans, durationMs, running, renderChip, aside, static: isStatic = false }: MatrixEnvHeaderProps) {\n  if (plans.length !== counts.total) throw new Error(`${context} header has ${plans.length} plan ticks but counts ${counts.total} plans`);\n  const done = counts.passed + counts.warned + counts.failed + counts.error;\n  const chip = <EnvChip context={context} />;\n  return (\n    <div className={HEADER_LINE} data-env-header={context}>\n      <div className={HEADER_GROUP}>\n        {renderChip && !isStatic ? renderChip(chip) : chip}\n        {aside}\n      </div>\n      <div className={`${HEADER_GROUP} flex-1`} title={`${done} of ${counts.total} plans finished`} data-env-progress=\"\">\n        <MatrixHeatmap ticks={plans} unit=\"plans\" static={isStatic} />\n        <span className=\"shrink-0 whitespace-nowrap text-[11px] tabular-nums text-foreground\">\n          {done}/{counts.total} plans\n        </span>\n        <MatrixElapsed ms={durationMs} running={running} clock />\n      </div>\n      <div className={HEADER_GROUP} data-env-verdict=\"\">\n        <MatrixMix\n          counts={{ passed: counts.passed, warned: counts.warned, running: counts.running, pending: counts.queued, failed: counts.failed, error: counts.error }}\n          unit=\"plans\"\n          always={[\"failed\"]}\n          static={isStatic}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport type MatrixUnavailableEnvHeaderProps = { context: string };\n\n/** An environment whose member run did not load, on the same single line as MatrixEnvHeader. */\nexport function MatrixUnavailableEnvHeader({ context }: MatrixUnavailableEnvHeaderProps) {\n  return (\n    <div className={HEADER_LINE} data-env-header={context}>\n      <EnvChip context={context} />\n      <div className={`${HEADER_GROUP} text-[11px] font-medium ${MATRIX_MARKS.error.tone}`}>\n        <MatrixMark mark=\"error\" label=\"\" />\n        did not load\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/test-runner/MatrixMarks.d.ts

@@ -26,6 +26,19 @@ export type MatrixElapsedProps = {
     clock?: boolean;
 };
 export declare function MatrixElapsed({ ms, running, clock }: MatrixElapsedProps): import("react").JSX.Element;
+/** One heatmap tick: an item (a plan, a step) and its outcome. */
+export type MatrixTick = {
+    label: string;
+    mark: MatrixMarkKey;
+};
+export type MatrixHeatmapProps = {
+    /** In run order: where a run is and where it broke read left to right. */
+    ticks: readonly MatrixTick[];
+    unit: "steps" | "plans";
+    static?: boolean;
+};
+/** One tick per item, filled with its outcome's bar colour. */
+export declare function MatrixHeatmap({ ticks, unit, static: isStatic }: MatrixHeatmapProps): import("react").JSX.Element;
 export type EmptyMatrixCellProps = {
     /** The cell outcome: "queued", "absent", or "error" with detail "never started". Anything else throws. */
     outcome: string;
@@ -54,6 +67,8 @@ export declare function EnvChip({ context, className }: EnvChipProps): import("r
 export type MatrixEnvHeaderProps = {
     context: string;
     counts: MatrixEnvCounts;
+    /** Every plan the counts total, in row order, drawn as the progress heatmap. */
+    plans: readonly MatrixTick[];
     durationMs: number;
     /** The environment's run is still running: its elapsed time is still counting. */
     running: boolean;
@@ -64,13 +79,14 @@ export type MatrixEnvHeaderProps = {
     static?: boolean;
 };
 /**
- * One environment's column head in three fixed rows: its chip, the plans'
- * progress with the elapsed time, and the plan verdict naming its units.
+ * One environment's column head on one line that never wraps: its chip, the
+ * plans' progress as a heatmap with the elapsed time, and the plan verdict
+ * naming its units.
  */
-export declare function MatrixEnvHeader({ context, counts, durationMs, running, renderChip, aside, static: isStatic }: MatrixEnvHeaderProps): import("react").JSX.Element;
+export declare function MatrixEnvHeader({ context, counts, plans, durationMs, running, renderChip, aside, static: isStatic }: MatrixEnvHeaderProps): import("react").JSX.Element;
 export type MatrixUnavailableEnvHeaderProps = {
     context: string;
 };
-/** An environment whose member run did not load, in the same three rows as MatrixEnvHeader. */
+/** An environment whose member run did not load, on the same single line as MatrixEnvHeader. */
 export declare function MatrixUnavailableEnvHeader({ context }: MatrixUnavailableEnvHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=MatrixMarks.d.ts.map

package/dist/data/test-runner/MatrixMarks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MatrixMarks.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/MatrixMarks.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MatrixMarks.d.ts","sourceRoot":"","sources":["../../../src/data/test-runner/MatrixMarks.tsx"],"names":[],"mappings":"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"}