@flanksource/clicky-ui 0.3.33 → 0.3.35

package/dist/data/task-resource-summary.d.ts

@@ -0,0 +1,15 @@
+import { TaskSnapshot } from './TaskSnapshot';
+export type ResourceSummary = {
+    state: "fresh" | "stale";
+    cpu: number;
+    rss: number;
+    sampledAt: number;
+} | {
+    state: "unavailable";
+};
+export declare function resourceSummary(snapshots: TaskSnapshot[], options: {
+    now: number;
+    connected: boolean;
+}): ResourceSummary;
+export declare function taskTransportConnected(status: string): boolean;
+//# sourceMappingURL=task-resource-summary.d.ts.map

package/dist/data/task-resource-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-resource-summary.d.ts","sourceRoot":"","sources":["../../src/data/task-resource-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAEnI,wBAAgB,eAAe,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,CAoBxH;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE9D"}

package/dist/data/task-resource-summary.js

@@ -0,0 +1,30 @@
+import { isTaskProcessDetails } from "./task-process-details.js";
+function resourceSummary(snapshots, options) {
+  const processes = /* @__PURE__ */ new Map();
+  for (const snapshot of snapshots) {
+    if (snapshot.status !== "running" && snapshot.status !== "pending") continue;
+    if (!isTaskProcessDetails(snapshot.details)) continue;
+    const key = snapshot.details.pid ? `${snapshot.details.command}:${snapshot.details.pid}` : snapshot.id;
+    if (!processes.has(key) || snapshot.type === "task") processes.set(key, snapshot);
+  }
+  if (!processes.size) return { state: "unavailable" };
+  let cpu = 0, rss = 0, sampledAt = options.now;
+  for (const snapshot of processes.values()) {
+    if (!isTaskProcessDetails(snapshot.details)) continue;
+    const sample = snapshot.details.latest;
+    const at = Date.parse(sample.sampledAt);
+    if (!Number.isFinite(at) || at <= 0) return { state: "unavailable" };
+    cpu += sample.cpuPercent;
+    rss += sample.rssBytes;
+    sampledAt = Math.min(sampledAt, at);
+  }
+  return { state: options.connected && options.now - sampledAt <= 5e3 ? "fresh" : "stale", cpu, rss, sampledAt };
+}
+function taskTransportConnected(status) {
+  return status === "connected" || status === "polling" || status === "complete";
+}
+export {
+  resourceSummary,
+  taskTransportConnected
+};
+//# sourceMappingURL=task-resource-summary.js.map

package/dist/data/task-resource-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-resource-summary.js","sources":["../../src/data/task-resource-summary.ts"],"sourcesContent":["import type { TaskSnapshot } from \"./TaskSnapshot\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\n\nexport type ResourceSummary = { state: \"fresh\" | \"stale\"; cpu: number; rss: number; sampledAt: number } | { state: \"unavailable\" };\n\nexport function resourceSummary(snapshots: TaskSnapshot[], options: { now: number; connected: boolean }): ResourceSummary {\n  const processes = new Map<string, TaskSnapshot>();\n  for (const snapshot of snapshots) {\n    if (snapshot.status !== \"running\" && snapshot.status !== \"pending\") continue;\n    if (!isTaskProcessDetails(snapshot.details)) continue;\n    const key = snapshot.details.pid ? `${snapshot.details.command}:${snapshot.details.pid}` : snapshot.id;\n    if (!processes.has(key) || snapshot.type === \"task\") processes.set(key, snapshot);\n  }\n  if (!processes.size) return { state: \"unavailable\" };\n  let cpu = 0, rss = 0, sampledAt = options.now;\n  for (const snapshot of processes.values()) {\n    if (!isTaskProcessDetails(snapshot.details)) continue;\n    const sample = snapshot.details.latest;\n    const at = Date.parse(sample.sampledAt);\n    if (!Number.isFinite(at) || at <= 0) return { state: \"unavailable\" };\n    cpu += sample.cpuPercent;\n    rss += sample.rssBytes;\n    sampledAt = Math.min(sampledAt, at);\n  }\n  return { state: options.connected && options.now - sampledAt <= 5000 ? \"fresh\" : \"stale\", cpu, rss, sampledAt };\n}\n\nexport function taskTransportConnected(status: string): boolean {\n  return status === \"connected\" || status === \"polling\" || status === \"complete\";\n}\n"],"names":[],"mappings":";AAKO,SAAS,gBAAgB,WAA2B,SAA+D;AACxH,QAAM,gCAAgB,IAAA;AACtB,aAAW,YAAY,WAAW;AAChC,QAAI,SAAS,WAAW,aAAa,SAAS,WAAW,UAAW;AACpE,QAAI,CAAC,qBAAqB,SAAS,OAAO,EAAG;AAC7C,UAAM,MAAM,SAAS,QAAQ,MAAM,GAAG,SAAS,QAAQ,OAAO,IAAI,SAAS,QAAQ,GAAG,KAAK,SAAS;AACpG,QAAI,CAAC,UAAU,IAAI,GAAG,KAAK,SAAS,SAAS,OAAQ,WAAU,IAAI,KAAK,QAAQ;AAAA,EAClF;AACA,MAAI,CAAC,UAAU,KAAM,QAAO,EAAE,OAAO,cAAA;AACrC,MAAI,MAAM,GAAG,MAAM,GAAG,YAAY,QAAQ;AAC1C,aAAW,YAAY,UAAU,UAAU;AACzC,QAAI,CAAC,qBAAqB,SAAS,OAAO,EAAG;AAC7C,UAAM,SAAS,SAAS,QAAQ;AAChC,UAAM,KAAK,KAAK,MAAM,OAAO,SAAS;AACtC,QAAI,CAAC,OAAO,SAAS,EAAE,KAAK,MAAM,EAAG,QAAO,EAAE,OAAO,cAAA;AACrD,WAAO,OAAO;AACd,WAAO,OAAO;AACd,gBAAY,KAAK,IAAI,WAAW,EAAE;AAAA,EACpC;AACA,SAAO,EAAE,OAAO,QAAQ,aAAa,QAAQ,MAAM,aAAa,MAAO,UAAU,SAAS,KAAK,KAAK,UAAA;AACtG;AAEO,SAAS,uBAAuB,QAAyB;AAC9D,SAAO,WAAW,eAAe,WAAW,aAAa,WAAW;AACtE;"}

package/dist/data/task-status.cjs

@@ -71,7 +71,9 @@ function taskSegments(counts) {
     { count: counts.warn, color: "bg-yellow-400", label: "warnings" },
     { count: counts.fail, color: "bg-red-500", label: "failed" },
     { count: counts.run, color: "bg-blue-500", label: "running" },
-    { count: counts.pending, color: "bg-gray-300", label: "pending" }
+    { count: counts.pending, color: "bg-gray-300", label: "pending" },
+    { count: counts.canceled ?? 0, color: "bg-gray-400", label: "canceled" },
+    { count: counts.unstarted ?? 0, color: "bg-gray-200", label: "unstarted" }
   ];
 }
 function bucketTasks(tasks) {
@@ -80,6 +82,7 @@ function bucketTasks(tasks) {
   let fail = 0;
   let run = 0;
   let pending = 0;
+  let canceled = 0;
   for (const t of tasks) {
     switch (t.status) {
       case "success":
@@ -100,11 +103,14 @@ function bucketTasks(tasks) {
       case "pending":
         pending += 1;
         break;
+      case "canceled":
+        canceled += 1;
+        break;
       default:
         ok += 1;
     }
   }
-  return { ok, warn, fail, run, pending };
+  return { ok, warn, fail, run, pending, canceled };
 }
 exports.bucketTasks = bucketTasks;
 exports.logLevelColor = logLevelColor;

package/dist/data/task-status.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"task-status.cjs","sources":["../../src/data/task-status.ts"],"sourcesContent":["import {\n  UiCancel,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiLoader,\n  UiPass,\n  UiWarningTriangle,\n} from \"../icons\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressSegment } from \"./ProgressBar\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\n\n// Status → presentation maps, ported from clicky's task UI (task/ui/src/utils.ts)\n// so the React and Preact renderers agree on icon/color semantics.\n\nconst STATUS_COLORS: Record<string, string> = {\n  success: \"text-green-600 dark:text-green-400\",\n  PASS: \"text-green-600 dark:text-green-400\",\n  completed: \"text-green-600 dark:text-green-400\",\n  failed: \"text-red-600 dark:text-red-400\",\n  FAIL: \"text-red-600 dark:text-red-400\",\n  ERR: \"text-red-600 dark:text-red-400\",\n  warning: \"text-yellow-600 dark:text-yellow-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  pending: \"text-gray-400\",\n  canceled: \"text-gray-400\",\n  SKIP: \"text-gray-400\",\n};\n\n// Status → generated Ui* icon component. Rendered via <Icon icon={…}>; the\n// `running` glyph is spun with `animate-spin` at the call sites.\nconst STATUS_ICONS: Record<string, StaticIconComponent> = {\n  pending: UiClock,\n  running: UiLoader,\n  success: UiPass,\n  PASS: UiPass,\n  completed: UiPass,\n  failed: UiCircleX,\n  FAIL: UiCircleX,\n  ERR: UiCircleX,\n  warning: UiWarningTriangle,\n  canceled: UiCancel,\n  SKIP: UiCancel,\n};\n\nconst STATUS_BG: Record<string, string> = {\n  success: \"bg-green-100 dark:bg-green-500/20\",\n  completed: \"bg-green-100 dark:bg-green-500/20\",\n  PASS: \"bg-green-100 dark:bg-green-500/20\",\n  failed: \"bg-red-100 dark:bg-red-500/20\",\n  FAIL: \"bg-red-100 dark:bg-red-500/20\",\n  ERR: \"bg-red-100 dark:bg-red-500/20\",\n  warning: \"bg-yellow-100 dark:bg-yellow-500/20\",\n  running: \"bg-blue-100 dark:bg-blue-500/20\",\n  pending: \"bg-gray-100 dark:bg-gray-500/20\",\n};\n\nexport function taskStatusColor(s: string): string {\n  return STATUS_COLORS[s] ?? \"text-gray-500\";\n}\n\nexport function taskStatusIcon(s: string): StaticIconComponent {\n  return STATUS_ICONS[s] ?? UiCircleOutline;\n}\n\nexport function taskStatusBg(s: string): string {\n  return STATUS_BG[s] ?? \"bg-gray-100 dark:bg-gray-500/20\";\n}\n\nexport function logLevelColor(level: string): string {\n  switch (level) {\n    case \"error\":\n      return \"text-red-500\";\n    case \"warn\":\n      return \"text-yellow-600 dark:text-yellow-400\";\n    case \"debug\":\n      return \"text-gray-400\";\n    default:\n      return \"text-gray-500\";\n  }\n}\n\n// taskSegments builds the colored progress-bar segments for a set of counts, in\n// the canonical clicky order (passed, warnings, failed, running, pending).\nexport function taskSegments(counts: {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n}): ProgressSegment[] {\n  return [\n    { count: counts.ok, color: \"bg-green-500\", label: \"passed\" },\n    { count: counts.warn, color: \"bg-yellow-400\", label: \"warnings\" },\n    { count: counts.fail, color: \"bg-red-500\", label: \"failed\" },\n    { count: counts.run, color: \"bg-blue-500\", label: \"running\" },\n    { count: counts.pending, color: \"bg-gray-300\", label: \"pending\" },\n  ];\n}\n\n// bucketTasks tallies the child tasks of a group by status bucket.\nexport function bucketTasks(tasks: TaskSnapshot[]): {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n} {\n  let ok = 0;\n  let warn = 0;\n  let fail = 0;\n  let run = 0;\n  let pending = 0;\n  for (const t of tasks) {\n    switch (t.status) {\n      case \"success\":\n      case \"PASS\":\n        ok += 1;\n        break;\n      case \"warning\":\n        warn += 1;\n        break;\n      case \"failed\":\n      case \"FAIL\":\n      case \"ERR\":\n        fail += 1;\n        break;\n      case \"running\":\n        run += 1;\n        break;\n      case \"pending\":\n        pending += 1;\n        break;\n      default:\n        ok += 1; // SKIP / canceled / completed count as done\n    }\n  }\n  return { ok, warn, fail, run, pending };\n}\n"],"names":["UiClock","UiLoader","UiPass","UiCircleX","UiWarningTriangle","UiCancel","UiCircleOutline"],"mappings":";;;;;;;;;AAgBA,MAAM,gBAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAIA,MAAM,eAAoD;AAAA,EACxD,SAASA,QAAAA;AAAAA,EACT,SAASC,SAAAA;AAAAA,EACT,SAASC,OAAAA;AAAAA,EACT,MAAMA,OAAAA;AAAAA,EACN,WAAWA,OAAAA;AAAAA,EACX,QAAQC,UAAAA;AAAAA,EACR,MAAMA,UAAAA;AAAAA,EACN,KAAKA,UAAAA;AAAAA,EACL,SAASC,kBAAAA;AAAAA,EACT,UAAUC,SAAAA;AAAAA,EACV,MAAMA,SAAAA;AACR;AAEA,MAAM,YAAoC;AAAA,EACxC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,gBAAgB,GAAmB;AACjD,SAAO,cAAc,CAAC,KAAK;AAC7B;AAEO,SAAS,eAAe,GAAgC;AAC7D,SAAO,aAAa,CAAC,KAAKC,gBAAAA;AAC5B;AAEO,SAAS,aAAa,GAAmB;AAC9C,SAAO,UAAU,CAAC,KAAK;AACzB;AAEO,SAAS,cAAc,OAAuB;AACnD,UAAQ,OAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAIO,SAAS,aAAa,QAMP;AACpB,SAAO;AAAA,IACL,EAAE,OAAO,OAAO,IAAI,OAAO,gBAAgB,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,MAAM,OAAO,iBAAiB,OAAO,WAAA;AAAA,IACrD,EAAE,OAAO,OAAO,MAAM,OAAO,cAAc,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,KAAK,OAAO,eAAe,OAAO,UAAA;AAAA,IAClD,EAAE,OAAO,OAAO,SAAS,OAAO,eAAe,OAAO,UAAA;AAAA,EAAU;AAEpE;AAGO,SAAS,YAAY,OAM1B;AACA,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI,OAAO;AACX,MAAI,MAAM;AACV,MAAI,UAAU;AACd,aAAW,KAAK,OAAO;AACrB,YAAQ,EAAE,QAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,cAAM;AACN;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF;AACE,cAAM;AAAA,IAAA;AAAA,EAEZ;AACA,SAAO,EAAE,IAAI,MAAM,MAAM,KAAK,QAAA;AAChC;;;;;;;"}
+{"version":3,"file":"task-status.cjs","sources":["../../src/data/task-status.ts"],"sourcesContent":["import {\n  UiCancel,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiLoader,\n  UiPass,\n  UiWarningTriangle,\n} from \"../icons\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressSegment } from \"./ProgressBar\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\n\n// Status → presentation maps, ported from clicky's task UI (task/ui/src/utils.ts)\n// so the React and Preact renderers agree on icon/color semantics.\n\nconst STATUS_COLORS: Record<string, string> = {\n  success: \"text-green-600 dark:text-green-400\",\n  PASS: \"text-green-600 dark:text-green-400\",\n  completed: \"text-green-600 dark:text-green-400\",\n  failed: \"text-red-600 dark:text-red-400\",\n  FAIL: \"text-red-600 dark:text-red-400\",\n  ERR: \"text-red-600 dark:text-red-400\",\n  warning: \"text-yellow-600 dark:text-yellow-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  pending: \"text-gray-400\",\n  canceled: \"text-gray-400\",\n  SKIP: \"text-gray-400\",\n};\n\n// Status → generated Ui* icon component. Rendered via <Icon icon={…}>; the\n// `running` glyph is spun with `animate-spin` at the call sites.\nconst STATUS_ICONS: Record<string, StaticIconComponent> = {\n  pending: UiClock,\n  running: UiLoader,\n  success: UiPass,\n  PASS: UiPass,\n  completed: UiPass,\n  failed: UiCircleX,\n  FAIL: UiCircleX,\n  ERR: UiCircleX,\n  warning: UiWarningTriangle,\n  canceled: UiCancel,\n  SKIP: UiCancel,\n};\n\nconst STATUS_BG: Record<string, string> = {\n  success: \"bg-green-100 dark:bg-green-500/20\",\n  completed: \"bg-green-100 dark:bg-green-500/20\",\n  PASS: \"bg-green-100 dark:bg-green-500/20\",\n  failed: \"bg-red-100 dark:bg-red-500/20\",\n  FAIL: \"bg-red-100 dark:bg-red-500/20\",\n  ERR: \"bg-red-100 dark:bg-red-500/20\",\n  warning: \"bg-yellow-100 dark:bg-yellow-500/20\",\n  running: \"bg-blue-100 dark:bg-blue-500/20\",\n  pending: \"bg-gray-100 dark:bg-gray-500/20\",\n};\n\nexport function taskStatusColor(s: string): string {\n  return STATUS_COLORS[s] ?? \"text-gray-500\";\n}\n\nexport function taskStatusIcon(s: string): StaticIconComponent {\n  return STATUS_ICONS[s] ?? UiCircleOutline;\n}\n\nexport function taskStatusBg(s: string): string {\n  return STATUS_BG[s] ?? \"bg-gray-100 dark:bg-gray-500/20\";\n}\n\nexport function logLevelColor(level: string): string {\n  switch (level) {\n    case \"error\":\n      return \"text-red-500\";\n    case \"warn\":\n      return \"text-yellow-600 dark:text-yellow-400\";\n    case \"debug\":\n      return \"text-gray-400\";\n    default:\n      return \"text-gray-500\";\n  }\n}\n\n// taskSegments builds the colored progress-bar segments for a set of counts, in\n// the canonical clicky order (passed, warnings, failed, running, pending).\nexport function taskSegments(counts: {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n  canceled?: number;\n  unstarted?: number;\n}): ProgressSegment[] {\n  return [\n    { count: counts.ok, color: \"bg-green-500\", label: \"passed\" },\n    { count: counts.warn, color: \"bg-yellow-400\", label: \"warnings\" },\n    { count: counts.fail, color: \"bg-red-500\", label: \"failed\" },\n    { count: counts.run, color: \"bg-blue-500\", label: \"running\" },\n    { count: counts.pending, color: \"bg-gray-300\", label: \"pending\" },\n    { count: counts.canceled ?? 0, color: \"bg-gray-400\", label: \"canceled\" },\n    { count: counts.unstarted ?? 0, color: \"bg-gray-200\", label: \"unstarted\" },\n  ];\n}\n\n// bucketTasks tallies the child tasks of a group by status bucket.\nexport function bucketTasks(tasks: TaskSnapshot[]): {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n  canceled: number;\n} {\n  let ok = 0;\n  let warn = 0;\n  let fail = 0;\n  let run = 0;\n  let pending = 0;\n  let canceled = 0;\n  for (const t of tasks) {\n    switch (t.status) {\n      case \"success\":\n      case \"PASS\":\n        ok += 1;\n        break;\n      case \"warning\":\n        warn += 1;\n        break;\n      case \"failed\":\n      case \"FAIL\":\n      case \"ERR\":\n        fail += 1;\n        break;\n      case \"running\":\n        run += 1;\n        break;\n      case \"pending\":\n        pending += 1;\n        break;\n      case \"canceled\":\n        canceled += 1;\n        break;\n      default:\n        ok += 1; // SKIP and other terminal results count as done\n    }\n  }\n  return { ok, warn, fail, run, pending, canceled };\n}\n"],"names":["UiClock","UiLoader","UiPass","UiCircleX","UiWarningTriangle","UiCancel","UiCircleOutline"],"mappings":";;;;;;;;;AAgBA,MAAM,gBAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAIA,MAAM,eAAoD;AAAA,EACxD,SAASA,QAAAA;AAAAA,EACT,SAASC,SAAAA;AAAAA,EACT,SAASC,OAAAA;AAAAA,EACT,MAAMA,OAAAA;AAAAA,EACN,WAAWA,OAAAA;AAAAA,EACX,QAAQC,UAAAA;AAAAA,EACR,MAAMA,UAAAA;AAAAA,EACN,KAAKA,UAAAA;AAAAA,EACL,SAASC,kBAAAA;AAAAA,EACT,UAAUC,SAAAA;AAAAA,EACV,MAAMA,SAAAA;AACR;AAEA,MAAM,YAAoC;AAAA,EACxC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,gBAAgB,GAAmB;AACjD,SAAO,cAAc,CAAC,KAAK;AAC7B;AAEO,SAAS,eAAe,GAAgC;AAC7D,SAAO,aAAa,CAAC,KAAKC,gBAAAA;AAC5B;AAEO,SAAS,aAAa,GAAmB;AAC9C,SAAO,UAAU,CAAC,KAAK;AACzB;AAEO,SAAS,cAAc,OAAuB;AACnD,UAAQ,OAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAIO,SAAS,aAAa,QAQP;AACpB,SAAO;AAAA,IACL,EAAE,OAAO,OAAO,IAAI,OAAO,gBAAgB,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,MAAM,OAAO,iBAAiB,OAAO,WAAA;AAAA,IACrD,EAAE,OAAO,OAAO,MAAM,OAAO,cAAc,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,KAAK,OAAO,eAAe,OAAO,UAAA;AAAA,IAClD,EAAE,OAAO,OAAO,SAAS,OAAO,eAAe,OAAO,UAAA;AAAA,IACtD,EAAE,OAAO,OAAO,YAAY,GAAG,OAAO,eAAe,OAAO,WAAA;AAAA,IAC5D,EAAE,OAAO,OAAO,aAAa,GAAG,OAAO,eAAe,OAAO,YAAA;AAAA,EAAY;AAE7E;AAGO,SAAS,YAAY,OAO1B;AACA,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI,OAAO;AACX,MAAI,MAAM;AACV,MAAI,UAAU;AACd,MAAI,WAAW;AACf,aAAW,KAAK,OAAO;AACrB,YAAQ,EAAE,QAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,cAAM;AACN;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF,KAAK;AACH,oBAAY;AACZ;AAAA,MACF;AACE,cAAM;AAAA,IAAA;AAAA,EAEZ;AACA,SAAO,EAAE,IAAI,MAAM,MAAM,KAAK,SAAS,SAAA;AACzC;;;;;;;"}

package/dist/data/task-status.d.ts

@@ -11,6 +11,8 @@ export declare function taskSegments(counts: {
     fail: number;
     run: number;
     pending: number;
+    canceled?: number;
+    unstarted?: number;
 }): ProgressSegment[];
 export declare function bucketTasks(tasks: TaskSnapshot[]): {
     ok: number;
@@ -18,5 +20,6 @@ export declare function bucketTasks(tasks: TaskSnapshot[]): {
     fail: number;
     run: number;
     pending: number;
+    canceled: number;
 };
 //# sourceMappingURL=task-status.d.ts.map

package/dist/data/task-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-status.d.ts","sourceRoot":"","sources":["../../src/data/task-status.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA+CnD,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAE7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAWnD;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,eAAe,EAAE,CAQpB;AAGD,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,CA+BA"}
+{"version":3,"file":"task-status.d.ts","sourceRoot":"","sources":["../../src/data/task-status.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA+CnD,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAE7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAWnD;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,eAAe,EAAE,CAUpB;AAGD,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAmCA"}

package/dist/data/task-status.js

@@ -69,7 +69,9 @@ function taskSegments(counts) {
     { count: counts.warn, color: "bg-yellow-400", label: "warnings" },
     { count: counts.fail, color: "bg-red-500", label: "failed" },
     { count: counts.run, color: "bg-blue-500", label: "running" },
-    { count: counts.pending, color: "bg-gray-300", label: "pending" }
+    { count: counts.pending, color: "bg-gray-300", label: "pending" },
+    { count: counts.canceled ?? 0, color: "bg-gray-400", label: "canceled" },
+    { count: counts.unstarted ?? 0, color: "bg-gray-200", label: "unstarted" }
   ];
 }
 function bucketTasks(tasks) {
@@ -78,6 +80,7 @@ function bucketTasks(tasks) {
   let fail = 0;
   let run = 0;
   let pending = 0;
+  let canceled = 0;
   for (const t of tasks) {
     switch (t.status) {
       case "success":
@@ -98,11 +101,14 @@ function bucketTasks(tasks) {
       case "pending":
         pending += 1;
         break;
+      case "canceled":
+        canceled += 1;
+        break;
       default:
         ok += 1;
     }
   }
-  return { ok, warn, fail, run, pending };
+  return { ok, warn, fail, run, pending, canceled };
 }
 export {
   bucketTasks,

package/dist/data/task-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-status.js","sources":["../../src/data/task-status.ts"],"sourcesContent":["import {\n  UiCancel,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiLoader,\n  UiPass,\n  UiWarningTriangle,\n} from \"../icons\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressSegment } from \"./ProgressBar\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\n\n// Status → presentation maps, ported from clicky's task UI (task/ui/src/utils.ts)\n// so the React and Preact renderers agree on icon/color semantics.\n\nconst STATUS_COLORS: Record<string, string> = {\n  success: \"text-green-600 dark:text-green-400\",\n  PASS: \"text-green-600 dark:text-green-400\",\n  completed: \"text-green-600 dark:text-green-400\",\n  failed: \"text-red-600 dark:text-red-400\",\n  FAIL: \"text-red-600 dark:text-red-400\",\n  ERR: \"text-red-600 dark:text-red-400\",\n  warning: \"text-yellow-600 dark:text-yellow-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  pending: \"text-gray-400\",\n  canceled: \"text-gray-400\",\n  SKIP: \"text-gray-400\",\n};\n\n// Status → generated Ui* icon component. Rendered via <Icon icon={…}>; the\n// `running` glyph is spun with `animate-spin` at the call sites.\nconst STATUS_ICONS: Record<string, StaticIconComponent> = {\n  pending: UiClock,\n  running: UiLoader,\n  success: UiPass,\n  PASS: UiPass,\n  completed: UiPass,\n  failed: UiCircleX,\n  FAIL: UiCircleX,\n  ERR: UiCircleX,\n  warning: UiWarningTriangle,\n  canceled: UiCancel,\n  SKIP: UiCancel,\n};\n\nconst STATUS_BG: Record<string, string> = {\n  success: \"bg-green-100 dark:bg-green-500/20\",\n  completed: \"bg-green-100 dark:bg-green-500/20\",\n  PASS: \"bg-green-100 dark:bg-green-500/20\",\n  failed: \"bg-red-100 dark:bg-red-500/20\",\n  FAIL: \"bg-red-100 dark:bg-red-500/20\",\n  ERR: \"bg-red-100 dark:bg-red-500/20\",\n  warning: \"bg-yellow-100 dark:bg-yellow-500/20\",\n  running: \"bg-blue-100 dark:bg-blue-500/20\",\n  pending: \"bg-gray-100 dark:bg-gray-500/20\",\n};\n\nexport function taskStatusColor(s: string): string {\n  return STATUS_COLORS[s] ?? \"text-gray-500\";\n}\n\nexport function taskStatusIcon(s: string): StaticIconComponent {\n  return STATUS_ICONS[s] ?? UiCircleOutline;\n}\n\nexport function taskStatusBg(s: string): string {\n  return STATUS_BG[s] ?? \"bg-gray-100 dark:bg-gray-500/20\";\n}\n\nexport function logLevelColor(level: string): string {\n  switch (level) {\n    case \"error\":\n      return \"text-red-500\";\n    case \"warn\":\n      return \"text-yellow-600 dark:text-yellow-400\";\n    case \"debug\":\n      return \"text-gray-400\";\n    default:\n      return \"text-gray-500\";\n  }\n}\n\n// taskSegments builds the colored progress-bar segments for a set of counts, in\n// the canonical clicky order (passed, warnings, failed, running, pending).\nexport function taskSegments(counts: {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n}): ProgressSegment[] {\n  return [\n    { count: counts.ok, color: \"bg-green-500\", label: \"passed\" },\n    { count: counts.warn, color: \"bg-yellow-400\", label: \"warnings\" },\n    { count: counts.fail, color: \"bg-red-500\", label: \"failed\" },\n    { count: counts.run, color: \"bg-blue-500\", label: \"running\" },\n    { count: counts.pending, color: \"bg-gray-300\", label: \"pending\" },\n  ];\n}\n\n// bucketTasks tallies the child tasks of a group by status bucket.\nexport function bucketTasks(tasks: TaskSnapshot[]): {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n} {\n  let ok = 0;\n  let warn = 0;\n  let fail = 0;\n  let run = 0;\n  let pending = 0;\n  for (const t of tasks) {\n    switch (t.status) {\n      case \"success\":\n      case \"PASS\":\n        ok += 1;\n        break;\n      case \"warning\":\n        warn += 1;\n        break;\n      case \"failed\":\n      case \"FAIL\":\n      case \"ERR\":\n        fail += 1;\n        break;\n      case \"running\":\n        run += 1;\n        break;\n      case \"pending\":\n        pending += 1;\n        break;\n      default:\n        ok += 1; // SKIP / canceled / completed count as done\n    }\n  }\n  return { ok, warn, fail, run, pending };\n}\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,gBAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAIA,MAAM,eAAoD;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,YAAoC;AAAA,EACxC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,gBAAgB,GAAmB;AACjD,SAAO,cAAc,CAAC,KAAK;AAC7B;AAEO,SAAS,eAAe,GAAgC;AAC7D,SAAO,aAAa,CAAC,KAAK;AAC5B;AAEO,SAAS,aAAa,GAAmB;AAC9C,SAAO,UAAU,CAAC,KAAK;AACzB;AAEO,SAAS,cAAc,OAAuB;AACnD,UAAQ,OAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAIO,SAAS,aAAa,QAMP;AACpB,SAAO;AAAA,IACL,EAAE,OAAO,OAAO,IAAI,OAAO,gBAAgB,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,MAAM,OAAO,iBAAiB,OAAO,WAAA;AAAA,IACrD,EAAE,OAAO,OAAO,MAAM,OAAO,cAAc,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,KAAK,OAAO,eAAe,OAAO,UAAA;AAAA,IAClD,EAAE,OAAO,OAAO,SAAS,OAAO,eAAe,OAAO,UAAA;AAAA,EAAU;AAEpE;AAGO,SAAS,YAAY,OAM1B;AACA,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI,OAAO;AACX,MAAI,MAAM;AACV,MAAI,UAAU;AACd,aAAW,KAAK,OAAO;AACrB,YAAQ,EAAE,QAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,cAAM;AACN;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF;AACE,cAAM;AAAA,IAAA;AAAA,EAEZ;AACA,SAAO,EAAE,IAAI,MAAM,MAAM,KAAK,QAAA;AAChC;"}
+{"version":3,"file":"task-status.js","sources":["../../src/data/task-status.ts"],"sourcesContent":["import {\n  UiCancel,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiLoader,\n  UiPass,\n  UiWarningTriangle,\n} from \"../icons\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressSegment } from \"./ProgressBar\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\n\n// Status → presentation maps, ported from clicky's task UI (task/ui/src/utils.ts)\n// so the React and Preact renderers agree on icon/color semantics.\n\nconst STATUS_COLORS: Record<string, string> = {\n  success: \"text-green-600 dark:text-green-400\",\n  PASS: \"text-green-600 dark:text-green-400\",\n  completed: \"text-green-600 dark:text-green-400\",\n  failed: \"text-red-600 dark:text-red-400\",\n  FAIL: \"text-red-600 dark:text-red-400\",\n  ERR: \"text-red-600 dark:text-red-400\",\n  warning: \"text-yellow-600 dark:text-yellow-400\",\n  running: \"text-blue-600 dark:text-blue-400\",\n  pending: \"text-gray-400\",\n  canceled: \"text-gray-400\",\n  SKIP: \"text-gray-400\",\n};\n\n// Status → generated Ui* icon component. Rendered via <Icon icon={…}>; the\n// `running` glyph is spun with `animate-spin` at the call sites.\nconst STATUS_ICONS: Record<string, StaticIconComponent> = {\n  pending: UiClock,\n  running: UiLoader,\n  success: UiPass,\n  PASS: UiPass,\n  completed: UiPass,\n  failed: UiCircleX,\n  FAIL: UiCircleX,\n  ERR: UiCircleX,\n  warning: UiWarningTriangle,\n  canceled: UiCancel,\n  SKIP: UiCancel,\n};\n\nconst STATUS_BG: Record<string, string> = {\n  success: \"bg-green-100 dark:bg-green-500/20\",\n  completed: \"bg-green-100 dark:bg-green-500/20\",\n  PASS: \"bg-green-100 dark:bg-green-500/20\",\n  failed: \"bg-red-100 dark:bg-red-500/20\",\n  FAIL: \"bg-red-100 dark:bg-red-500/20\",\n  ERR: \"bg-red-100 dark:bg-red-500/20\",\n  warning: \"bg-yellow-100 dark:bg-yellow-500/20\",\n  running: \"bg-blue-100 dark:bg-blue-500/20\",\n  pending: \"bg-gray-100 dark:bg-gray-500/20\",\n};\n\nexport function taskStatusColor(s: string): string {\n  return STATUS_COLORS[s] ?? \"text-gray-500\";\n}\n\nexport function taskStatusIcon(s: string): StaticIconComponent {\n  return STATUS_ICONS[s] ?? UiCircleOutline;\n}\n\nexport function taskStatusBg(s: string): string {\n  return STATUS_BG[s] ?? \"bg-gray-100 dark:bg-gray-500/20\";\n}\n\nexport function logLevelColor(level: string): string {\n  switch (level) {\n    case \"error\":\n      return \"text-red-500\";\n    case \"warn\":\n      return \"text-yellow-600 dark:text-yellow-400\";\n    case \"debug\":\n      return \"text-gray-400\";\n    default:\n      return \"text-gray-500\";\n  }\n}\n\n// taskSegments builds the colored progress-bar segments for a set of counts, in\n// the canonical clicky order (passed, warnings, failed, running, pending).\nexport function taskSegments(counts: {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n  canceled?: number;\n  unstarted?: number;\n}): ProgressSegment[] {\n  return [\n    { count: counts.ok, color: \"bg-green-500\", label: \"passed\" },\n    { count: counts.warn, color: \"bg-yellow-400\", label: \"warnings\" },\n    { count: counts.fail, color: \"bg-red-500\", label: \"failed\" },\n    { count: counts.run, color: \"bg-blue-500\", label: \"running\" },\n    { count: counts.pending, color: \"bg-gray-300\", label: \"pending\" },\n    { count: counts.canceled ?? 0, color: \"bg-gray-400\", label: \"canceled\" },\n    { count: counts.unstarted ?? 0, color: \"bg-gray-200\", label: \"unstarted\" },\n  ];\n}\n\n// bucketTasks tallies the child tasks of a group by status bucket.\nexport function bucketTasks(tasks: TaskSnapshot[]): {\n  ok: number;\n  warn: number;\n  fail: number;\n  run: number;\n  pending: number;\n  canceled: number;\n} {\n  let ok = 0;\n  let warn = 0;\n  let fail = 0;\n  let run = 0;\n  let pending = 0;\n  let canceled = 0;\n  for (const t of tasks) {\n    switch (t.status) {\n      case \"success\":\n      case \"PASS\":\n        ok += 1;\n        break;\n      case \"warning\":\n        warn += 1;\n        break;\n      case \"failed\":\n      case \"FAIL\":\n      case \"ERR\":\n        fail += 1;\n        break;\n      case \"running\":\n        run += 1;\n        break;\n      case \"pending\":\n        pending += 1;\n        break;\n      case \"canceled\":\n        canceled += 1;\n        break;\n      default:\n        ok += 1; // SKIP and other terminal results count as done\n    }\n  }\n  return { ok, warn, fail, run, pending, canceled };\n}\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,gBAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAIA,MAAM,eAAoD;AAAA,EACxD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,YAAoC;AAAA,EACxC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,gBAAgB,GAAmB;AACjD,SAAO,cAAc,CAAC,KAAK;AAC7B;AAEO,SAAS,eAAe,GAAgC;AAC7D,SAAO,aAAa,CAAC,KAAK;AAC5B;AAEO,SAAS,aAAa,GAAmB;AAC9C,SAAO,UAAU,CAAC,KAAK;AACzB;AAEO,SAAS,cAAc,OAAuB;AACnD,UAAQ,OAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAIO,SAAS,aAAa,QAQP;AACpB,SAAO;AAAA,IACL,EAAE,OAAO,OAAO,IAAI,OAAO,gBAAgB,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,MAAM,OAAO,iBAAiB,OAAO,WAAA;AAAA,IACrD,EAAE,OAAO,OAAO,MAAM,OAAO,cAAc,OAAO,SAAA;AAAA,IAClD,EAAE,OAAO,OAAO,KAAK,OAAO,eAAe,OAAO,UAAA;AAAA,IAClD,EAAE,OAAO,OAAO,SAAS,OAAO,eAAe,OAAO,UAAA;AAAA,IACtD,EAAE,OAAO,OAAO,YAAY,GAAG,OAAO,eAAe,OAAO,WAAA;AAAA,IAC5D,EAAE,OAAO,OAAO,aAAa,GAAG,OAAO,eAAe,OAAO,YAAA;AAAA,EAAY;AAE7E;AAGO,SAAS,YAAY,OAO1B;AACA,MAAI,KAAK;AACT,MAAI,OAAO;AACX,MAAI,OAAO;AACX,MAAI,MAAM;AACV,MAAI,UAAU;AACd,MAAI,WAAW;AACf,aAAW,KAAK,OAAO;AACrB,YAAQ,EAAE,QAAA;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AACH,cAAM;AACN;AAAA,MACF,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,gBAAQ;AACR;AAAA,MACF,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,mBAAW;AACX;AAAA,MACF,KAAK;AACH,oBAAY;AACZ;AAAA,MACF;AACE,cAAM;AAAA,IAAA;AAAA,EAEZ;AACA,SAAO,EAAE,IAAI,MAAM,MAAM,KAAK,SAAS,SAAA;AACzC;"}

package/dist/data/task-work-progress.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function taskWorkProgress(run) {
+  const work = run.work;
+  const total = (work == null ? void 0 : work.total) ?? run.total ?? 0;
+  const completed = work ? work.completed + work.cached : run.completed ?? 0;
+  const failed = (work == null ? void 0 : work.failed) ?? run.failed ?? 0;
+  const running = (work == null ? void 0 : work.running) ?? run.running ?? 0;
+  const canceled = (work == null ? void 0 : work.canceled) ?? run.canceled ?? 0;
+  const unstarted = (work == null ? void 0 : work.unstarted) ?? 0;
+  return {
+    total,
+    completed,
+    failed,
+    running,
+    canceled,
+    unstarted,
+    done: completed + failed,
+    label: `${completed + failed}/${total} done${failed ? `, ${failed} failed` : ""}${(work == null ? void 0 : work.cached) ? `, ${work.cached} cached` : ""}${canceled ? `, ${canceled} canceled` : ""}${unstarted ? `, ${unstarted} unstarted` : ""}`,
+    counts: { ok: completed, warn: 0, fail: failed, run: running, canceled, unstarted, pending: Math.max(0, total - completed - failed - running - canceled - unstarted) }
+  };
+}
+exports.taskWorkProgress = taskWorkProgress;
+//# sourceMappingURL=task-work-progress.cjs.map

package/dist/data/task-work-progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-work-progress.cjs","sources":["../../src/data/task-work-progress.ts"],"sourcesContent":["import type { TaskRunMeta, TaskSnapshot } from \"./TaskSnapshot\";\n\nexport function taskWorkProgress(run: TaskSnapshot | TaskRunMeta) {\n  const work = run.work;\n  const total = work?.total ?? run.total ?? 0;\n  const completed = work ? work.completed + work.cached : run.completed ?? 0;\n  const failed = work?.failed ?? run.failed ?? 0;\n  const running = work?.running ?? run.running ?? 0;\n  const canceled = work?.canceled ?? run.canceled ?? 0;\n  const unstarted = work?.unstarted ?? 0;\n  return {\n    total, completed, failed, running, canceled, unstarted,\n    done: completed + failed,\n    label: `${completed + failed}/${total} done${failed ? `, ${failed} failed` : \"\"}${work?.cached ? `, ${work.cached} cached` : \"\"}${canceled ? `, ${canceled} canceled` : \"\"}${unstarted ? `, ${unstarted} unstarted` : \"\"}`,\n    counts: { ok: completed, warn: 0, fail: failed, run: running, canceled, unstarted, pending: Math.max(0, total - completed - failed - running - canceled - unstarted) },\n  };\n}\n"],"names":[],"mappings":";;AAEO,SAAS,iBAAiB,KAAiC;AAChE,QAAM,OAAO,IAAI;AACjB,QAAM,SAAQ,6BAAM,UAAS,IAAI,SAAS;AAC1C,QAAM,YAAY,OAAO,KAAK,YAAY,KAAK,SAAS,IAAI,aAAa;AACzE,QAAM,UAAS,6BAAM,WAAU,IAAI,UAAU;AAC7C,QAAM,WAAU,6BAAM,YAAW,IAAI,WAAW;AAChD,QAAM,YAAW,6BAAM,aAAY,IAAI,YAAY;AACnD,QAAM,aAAY,6BAAM,cAAa;AACrC,SAAO;AAAA,IACL;AAAA,IAAO;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAU;AAAA,IAC7C,MAAM,YAAY;AAAA,IAClB,OAAO,GAAG,YAAY,MAAM,IAAI,KAAK,QAAQ,SAAS,KAAK,MAAM,YAAY,EAAE,IAAG,6BAAM,UAAS,KAAK,KAAK,MAAM,YAAY,EAAE,GAAG,WAAW,KAAK,QAAQ,cAAc,EAAE,GAAG,YAAY,KAAK,SAAS,eAAe,EAAE;AAAA,IACxN,QAAQ,EAAE,IAAI,WAAW,MAAM,GAAG,MAAM,QAAQ,KAAK,SAAS,UAAU,WAAW,SAAS,KAAK,IAAI,GAAG,QAAQ,YAAY,SAAS,UAAU,WAAW,SAAS,EAAA;AAAA,EAAE;AAEzK;;"}

package/dist/data/task-work-progress.d.ts

@@ -0,0 +1,21 @@
+import { TaskRunMeta, TaskSnapshot } from './TaskSnapshot';
+export declare function taskWorkProgress(run: TaskSnapshot | TaskRunMeta): {
+    total: number;
+    completed: number;
+    failed: number;
+    running: number;
+    canceled: number;
+    unstarted: number;
+    done: number;
+    label: string;
+    counts: {
+        ok: number;
+        warn: number;
+        fail: number;
+        run: number;
+        canceled: number;
+        unstarted: number;
+        pending: number;
+    };
+};
+//# sourceMappingURL=task-work-progress.d.ts.map

package/dist/data/task-work-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-work-progress.d.ts","sourceRoot":"","sources":["../../src/data/task-work-progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,YAAY,GAAG,WAAW;;;;;;;;;;;;;;;;;;EAc/D"}

package/dist/data/task-work-progress.js

@@ -0,0 +1,24 @@
+function taskWorkProgress(run) {
+  const work = run.work;
+  const total = (work == null ? void 0 : work.total) ?? run.total ?? 0;
+  const completed = work ? work.completed + work.cached : run.completed ?? 0;
+  const failed = (work == null ? void 0 : work.failed) ?? run.failed ?? 0;
+  const running = (work == null ? void 0 : work.running) ?? run.running ?? 0;
+  const canceled = (work == null ? void 0 : work.canceled) ?? run.canceled ?? 0;
+  const unstarted = (work == null ? void 0 : work.unstarted) ?? 0;
+  return {
+    total,
+    completed,
+    failed,
+    running,
+    canceled,
+    unstarted,
+    done: completed + failed,
+    label: `${completed + failed}/${total} done${failed ? `, ${failed} failed` : ""}${(work == null ? void 0 : work.cached) ? `, ${work.cached} cached` : ""}${canceled ? `, ${canceled} canceled` : ""}${unstarted ? `, ${unstarted} unstarted` : ""}`,
+    counts: { ok: completed, warn: 0, fail: failed, run: running, canceled, unstarted, pending: Math.max(0, total - completed - failed - running - canceled - unstarted) }
+  };
+}
+export {
+  taskWorkProgress
+};
+//# sourceMappingURL=task-work-progress.js.map

package/dist/data/task-work-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-work-progress.js","sources":["../../src/data/task-work-progress.ts"],"sourcesContent":["import type { TaskRunMeta, TaskSnapshot } from \"./TaskSnapshot\";\n\nexport function taskWorkProgress(run: TaskSnapshot | TaskRunMeta) {\n  const work = run.work;\n  const total = work?.total ?? run.total ?? 0;\n  const completed = work ? work.completed + work.cached : run.completed ?? 0;\n  const failed = work?.failed ?? run.failed ?? 0;\n  const running = work?.running ?? run.running ?? 0;\n  const canceled = work?.canceled ?? run.canceled ?? 0;\n  const unstarted = work?.unstarted ?? 0;\n  return {\n    total, completed, failed, running, canceled, unstarted,\n    done: completed + failed,\n    label: `${completed + failed}/${total} done${failed ? `, ${failed} failed` : \"\"}${work?.cached ? `, ${work.cached} cached` : \"\"}${canceled ? `, ${canceled} canceled` : \"\"}${unstarted ? `, ${unstarted} unstarted` : \"\"}`,\n    counts: { ok: completed, warn: 0, fail: failed, run: running, canceled, unstarted, pending: Math.max(0, total - completed - failed - running - canceled - unstarted) },\n  };\n}\n"],"names":[],"mappings":"AAEO,SAAS,iBAAiB,KAAiC;AAChE,QAAM,OAAO,IAAI;AACjB,QAAM,SAAQ,6BAAM,UAAS,IAAI,SAAS;AAC1C,QAAM,YAAY,OAAO,KAAK,YAAY,KAAK,SAAS,IAAI,aAAa;AACzE,QAAM,UAAS,6BAAM,WAAU,IAAI,UAAU;AAC7C,QAAM,WAAU,6BAAM,YAAW,IAAI,WAAW;AAChD,QAAM,YAAW,6BAAM,aAAY,IAAI,YAAY;AACnD,QAAM,aAAY,6BAAM,cAAa;AACrC,SAAO;AAAA,IACL;AAAA,IAAO;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAU;AAAA,IAC7C,MAAM,YAAY;AAAA,IAClB,OAAO,GAAG,YAAY,MAAM,IAAI,KAAK,QAAQ,SAAS,KAAK,MAAM,YAAY,EAAE,IAAG,6BAAM,UAAS,KAAK,KAAK,MAAM,YAAY,EAAE,GAAG,WAAW,KAAK,QAAQ,cAAc,EAAE,GAAG,YAAY,KAAK,SAAS,eAAe,EAAE;AAAA,IACxN,QAAQ,EAAE,IAAI,WAAW,MAAM,GAAG,MAAM,QAAQ,KAAK,SAAS,UAAU,WAAW,SAAS,KAAK,IAAI,GAAG,QAAQ,YAAY,SAAS,UAAU,WAAW,SAAS,EAAA;AAAA,EAAE;AAEzK;"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { RunMeta, SnapshotStatus, Test } from './types';
 import { TestFilters } from './filterState';
 import { TestNodeAdapter, TestNodeAdapterRegistry } from './adapter';

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

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { Test } from './types';
 import { TestRunnerContext } from './context';
 export type AdapterContext = {

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

@@ -42,6 +42,6 @@ export type TestRunnerContext = {
     /** Node adapters driving domain-specific rendering. */
     adapters: TestNodeAdapterRegistry;
 };
-export declare const TestRunnerProvider: import('../../../../../node_modules/@types/react/index.d.ts').Provider<TestRunnerContext | null>;
+export declare const TestRunnerProvider: import('react').Provider<TestRunnerContext | null>;
 export declare function useTestRunner(): TestRunnerContext;
 //# sourceMappingURL=context.d.ts.map

package/dist/data/use-data-table-virtual.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const reactVirtual = require("@tanstack/react-virtual");
+const DEFAULT_OVERSCAN = 8;
+const DEFAULT_ESTIMATE_ROW_HEIGHT = 40;
+function resolveVirtualizeOptions(virtualize) {
+  if (!virtualize) return null;
+  const opts = typeof virtualize === "object" ? virtualize : {};
+  return {
+    overscan: opts.overscan ?? DEFAULT_OVERSCAN,
+    estimateRowHeight: opts.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT
+  };
+}
+function spacerHeights(items, totalSize, scrollMargin) {
+  const first = items[0];
+  const last = items[items.length - 1];
+  if (!first || !last) return { top: 0, bottom: 0 };
+  return {
+    top: Math.max(0, first.start - scrollMargin),
+    bottom: Math.max(0, totalSize - (last.end - scrollMargin))
+  };
+}
+function useDataTableVirtual({
+  count,
+  options,
+  getItemKey
+}) {
+  const [scrollEl, setScrollEl] = react.useState(null);
+  const [tbodyEl, setTbodyEl] = react.useState(null);
+  const [scrollMargin, setScrollMargin] = react.useState(0);
+  react.useEffect(() => {
+    if (!options || !tbodyEl) return;
+    const measure = () => setScrollMargin(tbodyEl.offsetTop);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    if (tbodyEl.parentElement) observer.observe(tbodyEl.parentElement);
+    return () => observer.disconnect();
+  }, [options, tbodyEl]);
+  const estimateSize = react.useCallback(
+    () => (options == null ? void 0 : options.estimateRowHeight) ?? DEFAULT_ESTIMATE_ROW_HEIGHT,
+    [options == null ? void 0 : options.estimateRowHeight]
+  );
+  const virtualizer = reactVirtual.useVirtualizer({
+    count: options ? count : 0,
+    getScrollElement: () => scrollEl,
+    estimateSize,
+    overscan: (options == null ? void 0 : options.overscan) ?? DEFAULT_OVERSCAN,
+    getItemKey,
+    scrollMargin
+  });
+  const virtualItems = options ? virtualizer.getVirtualItems() : [];
+  const spacers = react.useMemo(
+    () => spacerHeights(virtualItems, virtualizer.getTotalSize(), scrollMargin),
+    // getTotalSize() is derived from the measurement cache, which the
+    // virtualizer mutates; virtualItems changing is the signal that it moved.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [virtualItems, scrollMargin]
+  );
+  return {
+    enabled: !!options,
+    setScrollEl,
+    setTbodyEl,
+    virtualizer,
+    virtualItems,
+    spacers
+  };
+}
+exports.resolveVirtualizeOptions = resolveVirtualizeOptions;
+exports.spacerHeights = spacerHeights;
+exports.useDataTableVirtual = useDataTableVirtual;
+//# sourceMappingURL=use-data-table-virtual.cjs.map

package/dist/data/use-data-table-virtual.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-virtual.cjs","sources":["../../src/data/use-data-table-virtual.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\n\n// Row virtualization for DataTable. A table of a few thousand rows costs tens of\n// thousands of DOM nodes (measured at ~48 per row on a real dashboard), which is\n// enough to stall first paint and make every subsequent re-render expensive.\n// Virtualizing keeps only the rows near the viewport in the DOM and represents\n// the rest with two spacer rows.\n//\n// This replaces an earlier `clientReveal` batch window, which kept a\n// `visibleCount` in component state and reset it whenever the `data` array\n// changed identity — so a parent that rebuilt its rows array (even with\n// identical contents) threw away everything the reader had scrolled to. There is\n// deliberately no window state here: scroll offset lives in the DOM and row\n// measurements are keyed by row id, so a same-content-new-identity array is a\n// no-op.\n//\n// Row heights are measured rather than assumed. Cells are `align-top` with\n// density padding and arbitrary caller-rendered content, so a fixed row height\n// would be wrong for any table with wrapping cells.\n\n/** Resolved form of the `virtualize` prop. */\nexport interface VirtualizeOptions {\n  overscan: number;\n  estimateRowHeight: number;\n}\n\n// Overscan is deliberately higher than the virtualizer's default of 5: a row\n// carrying wrapped text or a tag list can be several times the estimate, so a\n// tight window shows gaps while fast-scrolling.\nconst DEFAULT_OVERSCAN = 8;\n// A comfortable-density single-line row. Only the starting guess — every\n// rendered row is measured and the estimate stops mattering once it has been.\nconst DEFAULT_ESTIMATE_ROW_HEIGHT = 40;\n\nexport function resolveVirtualizeOptions(\n  virtualize: boolean | Partial<VirtualizeOptions> | undefined,\n): VirtualizeOptions | null {\n  if (!virtualize) return null;\n  const opts = typeof virtualize === \"object\" ? virtualize : {};\n  return {\n    overscan: opts.overscan ?? DEFAULT_OVERSCAN,\n    estimateRowHeight: opts.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT,\n  };\n}\n\n/** Heights of the spacer rows that stand in for the rows outside the window.\n *  `scrollMargin` is the distance from the scroll container's top to the first\n *  virtualized row — the sticky `<thead>` occupies real layout space, so\n *  without subtracting it every offset is shifted by the header's height. */\nexport function spacerHeights(\n  items: readonly { start: number; end: number }[],\n  totalSize: number,\n  scrollMargin: number,\n): { top: number; bottom: number } {\n  const first = items[0];\n  const last = items[items.length - 1];\n  if (!first || !last) return { top: 0, bottom: 0 };\n  return {\n    top: Math.max(0, first.start - scrollMargin),\n    bottom: Math.max(0, totalSize - (last.end - scrollMargin)),\n  };\n}\n\n/**\n * Wires a virtualizer to DataTable's own scroll container.\n *\n * The scroll element is tracked in state rather than a ref because\n * `getScrollElement` is read during render, before a ref would be attached, and\n * nothing would re-run the virtualizer once it was.\n */\nexport function useDataTableVirtual({\n  count,\n  options,\n  getItemKey,\n}: {\n  count: number;\n  options: VirtualizeOptions | null;\n  getItemKey: (index: number) => string;\n}) {\n  const [scrollEl, setScrollEl] = useState<HTMLDivElement | null>(null);\n  const [tbodyEl, setTbodyEl] = useState<HTMLTableSectionElement | null>(null);\n  const [scrollMargin, setScrollMargin] = useState(0);\n\n  // The sticky header sits inside the scroll container, so the first row starts\n  // below it. Re-measure when the header can change height: density switches and\n  // a filter bar that wraps at narrow widths both move it.\n  useEffect(() => {\n    if (!options || !tbodyEl) return;\n    const measure = () => setScrollMargin(tbodyEl.offsetTop);\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    if (tbodyEl.parentElement) observer.observe(tbodyEl.parentElement);\n    return () => observer.disconnect();\n  }, [options, tbodyEl]);\n\n  const estimateSize = useCallback(\n    () => options?.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT,\n    [options?.estimateRowHeight],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: options ? count : 0,\n    getScrollElement: () => scrollEl,\n    estimateSize,\n    overscan: options?.overscan ?? DEFAULT_OVERSCAN,\n    getItemKey,\n    scrollMargin,\n  });\n\n  const virtualItems = options ? virtualizer.getVirtualItems() : [];\n  const spacers = useMemo(\n    () => spacerHeights(virtualItems, virtualizer.getTotalSize(), scrollMargin),\n    // getTotalSize() is derived from the measurement cache, which the\n    // virtualizer mutates; virtualItems changing is the signal that it moved.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [virtualItems, scrollMargin],\n  );\n\n  return {\n    enabled: !!options,\n    setScrollEl,\n    setTbodyEl,\n    virtualizer,\n    virtualItems,\n    spacers,\n  };\n}\n"],"names":["useState","useEffect","useCallback","useVirtualizer","useMemo"],"mappings":";;;;AA8BA,MAAM,mBAAmB;AAGzB,MAAM,8BAA8B;AAE7B,SAAS,yBACd,YAC0B;AAC1B,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,OAAO,OAAO,eAAe,WAAW,aAAa,CAAA;AAC3D,SAAO;AAAA,IACL,UAAU,KAAK,YAAY;AAAA,IAC3B,mBAAmB,KAAK,qBAAqB;AAAA,EAAA;AAEjD;AAMO,SAAS,cACd,OACA,WACA,cACiC;AACjC,QAAM,QAAQ,MAAM,CAAC;AACrB,QAAM,OAAO,MAAM,MAAM,SAAS,CAAC;AACnC,MAAI,CAAC,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,EAAA;AAC9C,SAAO;AAAA,IACL,KAAK,KAAK,IAAI,GAAG,MAAM,QAAQ,YAAY;AAAA,IAC3C,QAAQ,KAAK,IAAI,GAAG,aAAa,KAAK,MAAM,aAAa;AAAA,EAAA;AAE7D;AASO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAgC,IAAI;AACpE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAyC,IAAI;AAC3E,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAS,CAAC;AAKlDC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,UAAM,UAAU,MAAM,gBAAgB,QAAQ,SAAS;AACvD,YAAA;AACA,QAAI,OAAO,mBAAmB,YAAa;AAC3C,UAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,QAAI,QAAQ,cAAe,UAAS,QAAQ,QAAQ,aAAa;AACjE,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,eAAeC,MAAAA;AAAAA,IACnB,OAAM,mCAAS,sBAAqB;AAAA,IACpC,CAAC,mCAAS,iBAAiB;AAAA,EAAA;AAG7B,QAAM,cAAcC,aAAAA,eAAe;AAAA,IACjC,OAAO,UAAU,QAAQ;AAAA,IACzB,kBAAkB,MAAM;AAAA,IACxB;AAAA,IACA,WAAU,mCAAS,aAAY;AAAA,IAC/B;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,eAAe,UAAU,YAAY,gBAAA,IAAoB,CAAA;AAC/D,QAAM,UAAUC,MAAAA;AAAAA,IACd,MAAM,cAAc,cAAc,YAAY,aAAA,GAAgB,YAAY;AAAA;AAAA;AAAA;AAAA,IAI1E,CAAC,cAAc,YAAY;AAAA,EAAA;AAG7B,SAAO;AAAA,IACL,SAAS,CAAC,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;;;"}

package/dist/data/use-data-table-virtual.d.ts

@@ -0,0 +1,40 @@
+/** Resolved form of the `virtualize` prop. */
+export interface VirtualizeOptions {
+    overscan: number;
+    estimateRowHeight: number;
+}
+export declare function resolveVirtualizeOptions(virtualize: boolean | Partial<VirtualizeOptions> | undefined): VirtualizeOptions | null;
+/** Heights of the spacer rows that stand in for the rows outside the window.
+ *  `scrollMargin` is the distance from the scroll container's top to the first
+ *  virtualized row — the sticky `<thead>` occupies real layout space, so
+ *  without subtracting it every offset is shifted by the header's height. */
+export declare function spacerHeights(items: readonly {
+    start: number;
+    end: number;
+}[], totalSize: number, scrollMargin: number): {
+    top: number;
+    bottom: number;
+};
+/**
+ * Wires a virtualizer to DataTable's own scroll container.
+ *
+ * The scroll element is tracked in state rather than a ref because
+ * `getScrollElement` is read during render, before a ref would be attached, and
+ * nothing would re-run the virtualizer once it was.
+ */
+export declare function useDataTableVirtual({ count, options, getItemKey, }: {
+    count: number;
+    options: VirtualizeOptions | null;
+    getItemKey: (index: number) => string;
+}): {
+    enabled: boolean;
+    setScrollEl: import('react').Dispatch<import('react').SetStateAction<HTMLDivElement | null>>;
+    setTbodyEl: import('react').Dispatch<import('react').SetStateAction<HTMLTableSectionElement | null>>;
+    virtualizer: import('@tanstack/react-virtual').ReactVirtualizer<HTMLDivElement, Element>;
+    virtualItems: import('@tanstack/react-virtual').VirtualItem[];
+    spacers: {
+        top: number;
+        bottom: number;
+    };
+};
+//# sourceMappingURL=use-data-table-virtual.d.ts.map

package/dist/data/use-data-table-virtual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-virtual.d.ts","sourceRoot":"","sources":["../../src/data/use-data-table-virtual.ts"],"names":[],"mappings":"AAqBA,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAUD,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG,SAAS,GAC3D,iBAAiB,GAAG,IAAI,CAO1B;AAED;;;6EAG6E;AAC7E,wBAAgB,aAAa,CAC3B,KAAK,EAAE,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,EAChD,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GACnB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAQjC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;;;;;;;aAzBS,MAAM;gBAAU,MAAM;;EA0E/B"}

package/dist/data/use-data-table-virtual.js

@@ -0,0 +1,73 @@
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+const DEFAULT_OVERSCAN = 8;
+const DEFAULT_ESTIMATE_ROW_HEIGHT = 40;
+function resolveVirtualizeOptions(virtualize) {
+  if (!virtualize) return null;
+  const opts = typeof virtualize === "object" ? virtualize : {};
+  return {
+    overscan: opts.overscan ?? DEFAULT_OVERSCAN,
+    estimateRowHeight: opts.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT
+  };
+}
+function spacerHeights(items, totalSize, scrollMargin) {
+  const first = items[0];
+  const last = items[items.length - 1];
+  if (!first || !last) return { top: 0, bottom: 0 };
+  return {
+    top: Math.max(0, first.start - scrollMargin),
+    bottom: Math.max(0, totalSize - (last.end - scrollMargin))
+  };
+}
+function useDataTableVirtual({
+  count,
+  options,
+  getItemKey
+}) {
+  const [scrollEl, setScrollEl] = useState(null);
+  const [tbodyEl, setTbodyEl] = useState(null);
+  const [scrollMargin, setScrollMargin] = useState(0);
+  useEffect(() => {
+    if (!options || !tbodyEl) return;
+    const measure = () => setScrollMargin(tbodyEl.offsetTop);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    if (tbodyEl.parentElement) observer.observe(tbodyEl.parentElement);
+    return () => observer.disconnect();
+  }, [options, tbodyEl]);
+  const estimateSize = useCallback(
+    () => (options == null ? void 0 : options.estimateRowHeight) ?? DEFAULT_ESTIMATE_ROW_HEIGHT,
+    [options == null ? void 0 : options.estimateRowHeight]
+  );
+  const virtualizer = useVirtualizer({
+    count: options ? count : 0,
+    getScrollElement: () => scrollEl,
+    estimateSize,
+    overscan: (options == null ? void 0 : options.overscan) ?? DEFAULT_OVERSCAN,
+    getItemKey,
+    scrollMargin
+  });
+  const virtualItems = options ? virtualizer.getVirtualItems() : [];
+  const spacers = useMemo(
+    () => spacerHeights(virtualItems, virtualizer.getTotalSize(), scrollMargin),
+    // getTotalSize() is derived from the measurement cache, which the
+    // virtualizer mutates; virtualItems changing is the signal that it moved.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [virtualItems, scrollMargin]
+  );
+  return {
+    enabled: !!options,
+    setScrollEl,
+    setTbodyEl,
+    virtualizer,
+    virtualItems,
+    spacers
+  };
+}
+export {
+  resolveVirtualizeOptions,
+  spacerHeights,
+  useDataTableVirtual
+};
+//# sourceMappingURL=use-data-table-virtual.js.map

package/dist/data/use-data-table-virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-virtual.js","sources":["../../src/data/use-data-table-virtual.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\n\n// Row virtualization for DataTable. A table of a few thousand rows costs tens of\n// thousands of DOM nodes (measured at ~48 per row on a real dashboard), which is\n// enough to stall first paint and make every subsequent re-render expensive.\n// Virtualizing keeps only the rows near the viewport in the DOM and represents\n// the rest with two spacer rows.\n//\n// This replaces an earlier `clientReveal` batch window, which kept a\n// `visibleCount` in component state and reset it whenever the `data` array\n// changed identity — so a parent that rebuilt its rows array (even with\n// identical contents) threw away everything the reader had scrolled to. There is\n// deliberately no window state here: scroll offset lives in the DOM and row\n// measurements are keyed by row id, so a same-content-new-identity array is a\n// no-op.\n//\n// Row heights are measured rather than assumed. Cells are `align-top` with\n// density padding and arbitrary caller-rendered content, so a fixed row height\n// would be wrong for any table with wrapping cells.\n\n/** Resolved form of the `virtualize` prop. */\nexport interface VirtualizeOptions {\n  overscan: number;\n  estimateRowHeight: number;\n}\n\n// Overscan is deliberately higher than the virtualizer's default of 5: a row\n// carrying wrapped text or a tag list can be several times the estimate, so a\n// tight window shows gaps while fast-scrolling.\nconst DEFAULT_OVERSCAN = 8;\n// A comfortable-density single-line row. Only the starting guess — every\n// rendered row is measured and the estimate stops mattering once it has been.\nconst DEFAULT_ESTIMATE_ROW_HEIGHT = 40;\n\nexport function resolveVirtualizeOptions(\n  virtualize: boolean | Partial<VirtualizeOptions> | undefined,\n): VirtualizeOptions | null {\n  if (!virtualize) return null;\n  const opts = typeof virtualize === \"object\" ? virtualize : {};\n  return {\n    overscan: opts.overscan ?? DEFAULT_OVERSCAN,\n    estimateRowHeight: opts.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT,\n  };\n}\n\n/** Heights of the spacer rows that stand in for the rows outside the window.\n *  `scrollMargin` is the distance from the scroll container's top to the first\n *  virtualized row — the sticky `<thead>` occupies real layout space, so\n *  without subtracting it every offset is shifted by the header's height. */\nexport function spacerHeights(\n  items: readonly { start: number; end: number }[],\n  totalSize: number,\n  scrollMargin: number,\n): { top: number; bottom: number } {\n  const first = items[0];\n  const last = items[items.length - 1];\n  if (!first || !last) return { top: 0, bottom: 0 };\n  return {\n    top: Math.max(0, first.start - scrollMargin),\n    bottom: Math.max(0, totalSize - (last.end - scrollMargin)),\n  };\n}\n\n/**\n * Wires a virtualizer to DataTable's own scroll container.\n *\n * The scroll element is tracked in state rather than a ref because\n * `getScrollElement` is read during render, before a ref would be attached, and\n * nothing would re-run the virtualizer once it was.\n */\nexport function useDataTableVirtual({\n  count,\n  options,\n  getItemKey,\n}: {\n  count: number;\n  options: VirtualizeOptions | null;\n  getItemKey: (index: number) => string;\n}) {\n  const [scrollEl, setScrollEl] = useState<HTMLDivElement | null>(null);\n  const [tbodyEl, setTbodyEl] = useState<HTMLTableSectionElement | null>(null);\n  const [scrollMargin, setScrollMargin] = useState(0);\n\n  // The sticky header sits inside the scroll container, so the first row starts\n  // below it. Re-measure when the header can change height: density switches and\n  // a filter bar that wraps at narrow widths both move it.\n  useEffect(() => {\n    if (!options || !tbodyEl) return;\n    const measure = () => setScrollMargin(tbodyEl.offsetTop);\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    if (tbodyEl.parentElement) observer.observe(tbodyEl.parentElement);\n    return () => observer.disconnect();\n  }, [options, tbodyEl]);\n\n  const estimateSize = useCallback(\n    () => options?.estimateRowHeight ?? DEFAULT_ESTIMATE_ROW_HEIGHT,\n    [options?.estimateRowHeight],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: options ? count : 0,\n    getScrollElement: () => scrollEl,\n    estimateSize,\n    overscan: options?.overscan ?? DEFAULT_OVERSCAN,\n    getItemKey,\n    scrollMargin,\n  });\n\n  const virtualItems = options ? virtualizer.getVirtualItems() : [];\n  const spacers = useMemo(\n    () => spacerHeights(virtualItems, virtualizer.getTotalSize(), scrollMargin),\n    // getTotalSize() is derived from the measurement cache, which the\n    // virtualizer mutates; virtualItems changing is the signal that it moved.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [virtualItems, scrollMargin],\n  );\n\n  return {\n    enabled: !!options,\n    setScrollEl,\n    setTbodyEl,\n    virtualizer,\n    virtualItems,\n    spacers,\n  };\n}\n"],"names":[],"mappings":";;AA8BA,MAAM,mBAAmB;AAGzB,MAAM,8BAA8B;AAE7B,SAAS,yBACd,YAC0B;AAC1B,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,OAAO,OAAO,eAAe,WAAW,aAAa,CAAA;AAC3D,SAAO;AAAA,IACL,UAAU,KAAK,YAAY;AAAA,IAC3B,mBAAmB,KAAK,qBAAqB;AAAA,EAAA;AAEjD;AAMO,SAAS,cACd,OACA,WACA,cACiC;AACjC,QAAM,QAAQ,MAAM,CAAC;AACrB,QAAM,OAAO,MAAM,MAAM,SAAS,CAAC;AACnC,MAAI,CAAC,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,EAAA;AAC9C,SAAO;AAAA,IACL,KAAK,KAAK,IAAI,GAAG,MAAM,QAAQ,YAAY;AAAA,IAC3C,QAAQ,KAAK,IAAI,GAAG,aAAa,KAAK,MAAM,aAAa;AAAA,EAAA;AAE7D;AASO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,IAAI;AACpE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyC,IAAI;AAC3E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAKlD,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,UAAM,UAAU,MAAM,gBAAgB,QAAQ,SAAS;AACvD,YAAA;AACA,QAAI,OAAO,mBAAmB,YAAa;AAC3C,UAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,QAAI,QAAQ,cAAe,UAAS,QAAQ,QAAQ,aAAa;AACjE,WAAO,MAAM,SAAS,WAAA;AAAA,EACxB,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,eAAe;AAAA,IACnB,OAAM,mCAAS,sBAAqB;AAAA,IACpC,CAAC,mCAAS,iBAAiB;AAAA,EAAA;AAG7B,QAAM,cAAc,eAAe;AAAA,IACjC,OAAO,UAAU,QAAQ;AAAA,IACzB,kBAAkB,MAAM;AAAA,IACxB;AAAA,IACA,WAAU,mCAAS,aAAY;AAAA,IAC/B;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,eAAe,UAAU,YAAY,gBAAA,IAAoB,CAAA;AAC/D,QAAM,UAAU;AAAA,IACd,MAAM,cAAc,cAAc,YAAY,aAAA,GAAgB,YAAY;AAAA;AAAA;AAAA;AAAA,IAI1E,CAAC,cAAc,YAAY;AAAA,EAAA;AAG7B,SAAO;AAAA,IACL,SAAS,CAAC,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/data/verification/VerificationResults.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { Test, TestFilters, TestNodeAdapterRegistry } from '../test-runner';
 import { VerifyReport } from './verify-report';
 export type VerificationResultsProps = {

package/dist/data/version-info.cjs

@@ -15,9 +15,9 @@ function detectMode() {
 }
 function getVersionInfo() {
   return {
-    commit: read(() => "d2375b04", ""),
-    tag: read(() => "clicky-ui@0.3.32", ""),
-    date: read(() => "2026-09-03T18:35:20.634Z", ""),
+    commit: read(() => "db149da3", ""),
+    tag: read(() => "clicky-ui@0.3.34", ""),
+    date: read(() => "2026-09-08T19:28:58.240Z", ""),
     dirty: read(() => true, false),
     mode: detectMode()
   };

package/dist/data/version-info.js

@@ -13,9 +13,9 @@ function detectMode() {
 }
 function getVersionInfo() {
   return {
-    commit: read(() => "d2375b04", ""),
-    tag: read(() => "clicky-ui@0.3.32", ""),
-    date: read(() => "2026-09-03T18:34:50.732Z", ""),
+    commit: read(() => "db149da3", ""),
+    tag: read(() => "clicky-ui@0.3.34", ""),
+    date: read(() => "2026-09-08T19:28:25.266Z", ""),
     dirty: read(() => true, false),
     mode: detectMode()
   };