@flanksource/clicky-ui 0.2.4 → 0.2.5

package/dist/data/TaskProgress.cjs

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const ProgressBar = require("./ProgressBar.cjs");
+const taskStatus = require("./task-status.cjs");
+const MAX_COMPLETED = 5;
+const MAX_PENDING = 3;
+function TaskProgress({ snapshots, title, compact, className }) {
+  const groups = snapshots.filter((s) => s.type === "group");
+  const tasks = snapshots.filter((s) => s.type === "task");
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("text-sm text-muted-foreground", className), children: [
+      title ? `${title}: ` : "",
+      "No tasks yet."
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(compact ? "space-y-2" : "space-y-3", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: title }),
+    groups.map((g) => /* @__PURE__ */ jsxRuntime.jsx(
+      TaskGroupCard,
+      {
+        group: g,
+        tasks: tasks.filter((t) => t.groupId === g.groupId || t.group === g.id),
+        compact
+      },
+      g.groupId || g.id
+    ))
+  ] });
+}
+function isFailedOrWarn(t) {
+  return t.status === "failed" || t.status === "FAIL" || t.status === "ERR" || t.status === "warning";
+}
+function TaskGroupCard({
+  group: g,
+  tasks,
+  compact
+}) {
+  const [showAll, setShowAll] = react.useState(false);
+  const total = g.total ?? tasks.length;
+  const counts = taskStatus.bucketTasks(tasks);
+  const done = counts.ok + counts.warn + counts.fail;
+  const progress = total > 0 ? `${done}/${total}` : "";
+  const running = tasks.filter((t) => t.status === "running");
+  const pending = tasks.filter((t) => t.status === "pending");
+  const completed = tasks.filter((t) => t.status !== "running" && t.status !== "pending");
+  const alwaysShow = completed.filter(isFailedOrWarn);
+  const collapsible = completed.filter((t) => !isFailedOrWarn(t));
+  const hiddenCompleted = collapsible.length - MAX_COMPLETED;
+  const collapseCompleted = !showAll && hiddenCompleted > 0;
+  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;
+  const hiddenPending = pending.length - MAX_PENDING;
+  const collapsePending = !showAll && hiddenPending > 0;
+  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;
+  const isTerminal = g.status !== "running" && g.status !== "pending";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("rounded-lg border bg-card", compact ? "p-3" : "p-4"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("iconify-icon", { icon: taskStatus.taskStatusIcon(g.status), class: taskStatus.taskStatusColor(g.status) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: g.name }),
+        progress && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: progress }),
+        g.kind && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
+      ] }),
+      isTerminal && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: utils.cn(
+            "rounded-full px-2 py-0.5 text-xs",
+            taskStatus.taskStatusColor(g.status),
+            taskStatus.taskStatusBg(g.status)
+          ),
+          children: g.status
+        }
+      )
+    ] }),
+    total > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { segments: taskStatus.taskSegments(counts), total, height: "h-1.5" }) }),
+    hiddenCompleted > 0 || hiddenPending > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "border-b py-1.5 text-xs text-muted-foreground hover:text-foreground",
+        onClick: () => setShowAll((v) => !v),
+        children: showAll ? "▲ collapse" : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`
+      }
+    ) : null,
+    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsxRuntime.jsx(TaskRow, { task: t }, t.id))
+  ] });
+}
+function TaskRow({ task: t }) {
+  const [expanded, setExpanded] = react.useState(false);
+  const logs = t.logs ?? [];
+  const hasLogs = logs.length > 0;
+  const latestWarn = t.error ? void 0 : logs.filter((l) => l.level === "warn").at(-1);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex items-start gap-3 border-b py-2 last:border-0",
+        hasLogs && "-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50"
+      ),
+      onClick: hasLogs ? () => setExpanded((v) => !v) : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("iconify-icon", { icon: taskStatus.taskStatusIcon(t.status), class: utils.cn(taskStatus.taskStatusColor(t.status), "mt-0.5 text-lg") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-sm font-medium", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: t.name }),
+              t.error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-normal text-red-500", children: t.error }),
+              latestWarn && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("truncate text-xs font-normal", taskStatus.logLevelColor("warn")), children: latestWarn.message }),
+              hasLogs && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground", children: logs.length })
+            ] }),
+            t.duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: t.duration })
+          ] }),
+          expanded && hasLogs && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2", children: logs.map((l, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("text-xs", taskStatus.logLevelColor(l.level)), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 font-mono text-muted-foreground", children: l.level.substring(0, 3) }),
+            l.message
+          ] }, i)) })
+        ] })
+      ]
+    }
+  );
+}
+exports.TaskProgress = TaskProgress;
+//# sourceMappingURL=TaskProgress.cjs.map

package/dist/data/TaskProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskProgress.cjs","sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport type { LogEntry, TaskSnapshot } from \"./TaskSnapshot\";\nimport {\n  bucketTasks,\n  logLevelColor,\n  taskSegments,\n  taskStatusBg,\n  taskStatusColor,\n  taskStatusIcon,\n} from \"./task-status\";\n\n// TaskProgress renders one or more clicky task runs (groups) and their child\n// tasks: a segmented progress bar per group plus collapsible per-task rows with\n// status icon, duration, error, and expandable logs. Presentational only —\n// callers feed it snapshots from useTaskRun (SSE) or any other source.\n\n// Iconify web component, loaded by the host app (same as clicky's task UI). The\n// intrinsic element keeps TaskProgress free of clicky-ui's icon registry.\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      \"iconify-icon\": { icon: string; class?: string };\n    }\n  }\n}\n\nconst MAX_COMPLETED = 5;\nconst MAX_PENDING = 3;\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  className?: string;\n}\n\nexport function TaskProgress({ snapshots, title, compact, className }: TaskProgressProps) {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  const tasks = snapshots.filter((s) => s.type === \"task\");\n\n  if (groups.length === 0) {\n    return (\n      <div className={cn(\"text-sm text-muted-foreground\", className)}>\n        {title ? `${title}: ` : \"\"}No tasks yet.\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(compact ? \"space-y-2\" : \"space-y-3\", className)}>\n      {title && <h2 className=\"text-sm font-semibold\">{title}</h2>}\n      {groups.map((g) => (\n        <TaskGroupCard\n          key={g.groupId || g.id}\n          group={g}\n          tasks={tasks.filter((t) => t.groupId === g.groupId || t.group === g.id)}\n          compact={compact}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction isFailedOrWarn(t: TaskSnapshot): boolean {\n  return t.status === \"failed\" || t.status === \"FAIL\" || t.status === \"ERR\" || t.status === \"warning\";\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n}) {\n  const [showAll, setShowAll] = useState(false);\n  const total = g.total ?? tasks.length;\n  const counts = bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail;\n  const progress = total > 0 ? `${done}/${total}` : \"\";\n\n  const running = tasks.filter((t) => t.status === \"running\");\n  const pending = tasks.filter((t) => t.status === \"pending\");\n  const completed = tasks.filter((t) => t.status !== \"running\" && t.status !== \"pending\");\n  const alwaysShow = completed.filter(isFailedOrWarn);\n  const collapsible = completed.filter((t) => !isFailedOrWarn(t));\n\n  const hiddenCompleted = collapsible.length - MAX_COMPLETED;\n  const collapseCompleted = !showAll && hiddenCompleted > 0;\n  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;\n\n  const hiddenPending = pending.length - MAX_PENDING;\n  const collapsePending = !showAll && hiddenPending > 0;\n  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;\n\n  const isTerminal = g.status !== \"running\" && g.status !== \"pending\";\n\n  return (\n    <div className={cn(\"rounded-lg border bg-card\", compact ? \"p-3\" : \"p-4\")}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h3 className=\"flex items-center gap-1.5 text-sm font-semibold\">\n          <iconify-icon icon={taskStatusIcon(g.status)} class={taskStatusColor(g.status)} />\n          <span>{g.name}</span>\n          {progress && <span className=\"text-xs text-muted-foreground\">{progress}</span>}\n          {g.kind && (\n            <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n              {g.kind}\n            </span>\n          )}\n        </h3>\n        {isTerminal && (\n          <span\n            className={cn(\n              \"rounded-full px-2 py-0.5 text-xs\",\n              taskStatusColor(g.status),\n              taskStatusBg(g.status),\n            )}\n          >\n            {g.status}\n          </span>\n        )}\n      </div>\n\n      {total > 0 && (\n        <div className=\"mb-3\">\n          <ProgressBar segments={taskSegments(counts)} total={total} height=\"h-1.5\" />\n        </div>\n      )}\n\n      {hiddenCompleted > 0 || hiddenPending > 0 ? (\n        <button\n          type=\"button\"\n          className=\"border-b py-1.5 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => setShowAll((v) => !v)}\n        >\n          {showAll\n            ? \"▲ collapse\"\n            : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`}\n        </button>\n      ) : null}\n\n      {[...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => (\n        <TaskRow key={t.id} task={t} />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({ task: t }: { task: TaskSnapshot }) {\n  const [expanded, setExpanded] = useState(false);\n  const logs: LogEntry[] = t.logs ?? [];\n  const hasLogs = logs.length > 0;\n  // Promote the latest warning message inline so a `warning` row shows its\n  // reason without expanding. Suppressed when an error is already shown.\n  const latestWarn = t.error ? undefined : logs.filter((l) => l.level === \"warn\").at(-1);\n\n  return (\n    <div\n      className={cn(\n        \"flex items-start gap-3 border-b py-2 last:border-0\",\n        hasLogs && \"-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50\",\n      )}\n      onClick={hasLogs ? () => setExpanded((v) => !v) : undefined}\n    >\n      <iconify-icon icon={taskStatusIcon(t.status)} class={cn(taskStatusColor(t.status), \"mt-0.5 text-lg\")} />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"flex min-w-0 items-center gap-1.5 text-sm font-medium\">\n            <span className=\"truncate\">{t.name}</span>\n            {t.error && <span className=\"truncate text-xs font-normal text-red-500\">{t.error}</span>}\n            {latestWarn && (\n              <span className={cn(\"truncate text-xs font-normal\", logLevelColor(\"warn\"))}>\n                {latestWarn.message}\n              </span>\n            )}\n            {hasLogs && (\n              <span className=\"inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground\">\n                {logs.length}\n              </span>\n            )}\n          </span>\n          {t.duration && <span className=\"shrink-0 text-xs text-muted-foreground\">{t.duration}</span>}\n        </div>\n        {expanded && hasLogs && (\n          <div className=\"mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2\">\n            {logs.map((l, i) => (\n              <div key={i} className={cn(\"text-xs\", logLevelColor(l.level))}>\n                <span className=\"mr-1 font-mono text-muted-foreground\">{l.level.substring(0, 3)}</span>\n                {l.message}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["cn","jsxs","jsx","useState","bucketTasks","taskStatusIcon","taskStatusColor","taskStatusBg","ProgressBar","taskSegments","logLevelColor"],"mappings":"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"}

package/dist/data/TaskProgress.d.ts

@@ -0,0 +1,20 @@
+import { TaskSnapshot } from './TaskSnapshot';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "iconify-icon": {
+                icon: string;
+                class?: string;
+            };
+        }
+    }
+}
+export interface TaskProgressProps {
+    snapshots: TaskSnapshot[];
+    title?: string;
+    /** Tighter spacing for embedding in a panel. */
+    compact?: boolean;
+    className?: string;
+}
+export declare function TaskProgress({ snapshots, title, compact, className }: TaskProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TaskProgress.d.ts.map

package/dist/data/TaskProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskProgress.d.ts","sourceRoot":"","sources":["../../src/data/TaskProgress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB7D,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE;gBAAE,IAAI,EAAE,MAAM,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;SAClD;KACF;CACF;AAKD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAyBvF"}

package/dist/data/TaskProgress.js

@@ -0,0 +1,125 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../lib/utils.js";
+import { ProgressBar } from "./ProgressBar.js";
+import { bucketTasks, taskStatusColor, taskStatusIcon, taskStatusBg, taskSegments, logLevelColor } from "./task-status.js";
+const MAX_COMPLETED = 5;
+const MAX_PENDING = 3;
+function TaskProgress({ snapshots, title, compact, className }) {
+  const groups = snapshots.filter((s) => s.type === "group");
+  const tasks = snapshots.filter((s) => s.type === "task");
+  if (groups.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("text-sm text-muted-foreground", className), children: [
+      title ? `${title}: ` : "",
+      "No tasks yet."
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn(compact ? "space-y-2" : "space-y-3", className), children: [
+    title && /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: title }),
+    groups.map((g) => /* @__PURE__ */ jsx(
+      TaskGroupCard,
+      {
+        group: g,
+        tasks: tasks.filter((t) => t.groupId === g.groupId || t.group === g.id),
+        compact
+      },
+      g.groupId || g.id
+    ))
+  ] });
+}
+function isFailedOrWarn(t) {
+  return t.status === "failed" || t.status === "FAIL" || t.status === "ERR" || t.status === "warning";
+}
+function TaskGroupCard({
+  group: g,
+  tasks,
+  compact
+}) {
+  const [showAll, setShowAll] = useState(false);
+  const total = g.total ?? tasks.length;
+  const counts = bucketTasks(tasks);
+  const done = counts.ok + counts.warn + counts.fail;
+  const progress = total > 0 ? `${done}/${total}` : "";
+  const running = tasks.filter((t) => t.status === "running");
+  const pending = tasks.filter((t) => t.status === "pending");
+  const completed = tasks.filter((t) => t.status !== "running" && t.status !== "pending");
+  const alwaysShow = completed.filter(isFailedOrWarn);
+  const collapsible = completed.filter((t) => !isFailedOrWarn(t));
+  const hiddenCompleted = collapsible.length - MAX_COMPLETED;
+  const collapseCompleted = !showAll && hiddenCompleted > 0;
+  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;
+  const hiddenPending = pending.length - MAX_PENDING;
+  const collapsePending = !showAll && hiddenPending > 0;
+  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;
+  const isTerminal = g.status !== "running" && g.status !== "pending";
+  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border bg-card", compact ? "p-3" : "p-4"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsx("iconify-icon", { icon: taskStatusIcon(g.status), class: taskStatusColor(g.status) }),
+        /* @__PURE__ */ jsx("span", { children: g.name }),
+        progress && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: progress }),
+        g.kind && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
+      ] }),
+      isTerminal && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "rounded-full px-2 py-0.5 text-xs",
+            taskStatusColor(g.status),
+            taskStatusBg(g.status)
+          ),
+          children: g.status
+        }
+      )
+    ] }),
+    total > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(ProgressBar, { segments: taskSegments(counts), total, height: "h-1.5" }) }),
+    hiddenCompleted > 0 || hiddenPending > 0 ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "border-b py-1.5 text-xs text-muted-foreground hover:text-foreground",
+        onClick: () => setShowAll((v) => !v),
+        children: showAll ? "▲ collapse" : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`
+      }
+    ) : null,
+    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsx(TaskRow, { task: t }, t.id))
+  ] });
+}
+function TaskRow({ task: t }) {
+  const [expanded, setExpanded] = useState(false);
+  const logs = t.logs ?? [];
+  const hasLogs = logs.length > 0;
+  const latestWarn = t.error ? void 0 : logs.filter((l) => l.level === "warn").at(-1);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-3 border-b py-2 last:border-0",
+        hasLogs && "-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50"
+      ),
+      onClick: hasLogs ? () => setExpanded((v) => !v) : void 0,
+      children: [
+        /* @__PURE__ */ jsx("iconify-icon", { icon: taskStatusIcon(t.status), class: cn(taskStatusColor(t.status), "mt-0.5 text-lg") }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-sm font-medium", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: t.name }),
+              t.error && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-normal text-red-500", children: t.error }),
+              latestWarn && /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs font-normal", logLevelColor("warn")), children: latestWarn.message }),
+              hasLogs && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground", children: logs.length })
+            ] }),
+            t.duration && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: t.duration })
+          ] }),
+          expanded && hasLogs && /* @__PURE__ */ jsx("div", { className: "mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2", children: logs.map((l, i) => /* @__PURE__ */ jsxs("div", { className: cn("text-xs", logLevelColor(l.level)), children: [
+            /* @__PURE__ */ jsx("span", { className: "mr-1 font-mono text-muted-foreground", children: l.level.substring(0, 3) }),
+            l.message
+          ] }, i)) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  TaskProgress
+};
+//# sourceMappingURL=TaskProgress.js.map

package/dist/data/TaskProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskProgress.js","sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport type { LogEntry, TaskSnapshot } from \"./TaskSnapshot\";\nimport {\n  bucketTasks,\n  logLevelColor,\n  taskSegments,\n  taskStatusBg,\n  taskStatusColor,\n  taskStatusIcon,\n} from \"./task-status\";\n\n// TaskProgress renders one or more clicky task runs (groups) and their child\n// tasks: a segmented progress bar per group plus collapsible per-task rows with\n// status icon, duration, error, and expandable logs. Presentational only —\n// callers feed it snapshots from useTaskRun (SSE) or any other source.\n\n// Iconify web component, loaded by the host app (same as clicky's task UI). The\n// intrinsic element keeps TaskProgress free of clicky-ui's icon registry.\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      \"iconify-icon\": { icon: string; class?: string };\n    }\n  }\n}\n\nconst MAX_COMPLETED = 5;\nconst MAX_PENDING = 3;\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  className?: string;\n}\n\nexport function TaskProgress({ snapshots, title, compact, className }: TaskProgressProps) {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  const tasks = snapshots.filter((s) => s.type === \"task\");\n\n  if (groups.length === 0) {\n    return (\n      <div className={cn(\"text-sm text-muted-foreground\", className)}>\n        {title ? `${title}: ` : \"\"}No tasks yet.\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(compact ? \"space-y-2\" : \"space-y-3\", className)}>\n      {title && <h2 className=\"text-sm font-semibold\">{title}</h2>}\n      {groups.map((g) => (\n        <TaskGroupCard\n          key={g.groupId || g.id}\n          group={g}\n          tasks={tasks.filter((t) => t.groupId === g.groupId || t.group === g.id)}\n          compact={compact}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction isFailedOrWarn(t: TaskSnapshot): boolean {\n  return t.status === \"failed\" || t.status === \"FAIL\" || t.status === \"ERR\" || t.status === \"warning\";\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n}) {\n  const [showAll, setShowAll] = useState(false);\n  const total = g.total ?? tasks.length;\n  const counts = bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail;\n  const progress = total > 0 ? `${done}/${total}` : \"\";\n\n  const running = tasks.filter((t) => t.status === \"running\");\n  const pending = tasks.filter((t) => t.status === \"pending\");\n  const completed = tasks.filter((t) => t.status !== \"running\" && t.status !== \"pending\");\n  const alwaysShow = completed.filter(isFailedOrWarn);\n  const collapsible = completed.filter((t) => !isFailedOrWarn(t));\n\n  const hiddenCompleted = collapsible.length - MAX_COMPLETED;\n  const collapseCompleted = !showAll && hiddenCompleted > 0;\n  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;\n\n  const hiddenPending = pending.length - MAX_PENDING;\n  const collapsePending = !showAll && hiddenPending > 0;\n  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;\n\n  const isTerminal = g.status !== \"running\" && g.status !== \"pending\";\n\n  return (\n    <div className={cn(\"rounded-lg border bg-card\", compact ? \"p-3\" : \"p-4\")}>\n      <div className=\"mb-3 flex items-center justify-between\">\n        <h3 className=\"flex items-center gap-1.5 text-sm font-semibold\">\n          <iconify-icon icon={taskStatusIcon(g.status)} class={taskStatusColor(g.status)} />\n          <span>{g.name}</span>\n          {progress && <span className=\"text-xs text-muted-foreground\">{progress}</span>}\n          {g.kind && (\n            <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n              {g.kind}\n            </span>\n          )}\n        </h3>\n        {isTerminal && (\n          <span\n            className={cn(\n              \"rounded-full px-2 py-0.5 text-xs\",\n              taskStatusColor(g.status),\n              taskStatusBg(g.status),\n            )}\n          >\n            {g.status}\n          </span>\n        )}\n      </div>\n\n      {total > 0 && (\n        <div className=\"mb-3\">\n          <ProgressBar segments={taskSegments(counts)} total={total} height=\"h-1.5\" />\n        </div>\n      )}\n\n      {hiddenCompleted > 0 || hiddenPending > 0 ? (\n        <button\n          type=\"button\"\n          className=\"border-b py-1.5 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => setShowAll((v) => !v)}\n        >\n          {showAll\n            ? \"▲ collapse\"\n            : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`}\n        </button>\n      ) : null}\n\n      {[...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => (\n        <TaskRow key={t.id} task={t} />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({ task: t }: { task: TaskSnapshot }) {\n  const [expanded, setExpanded] = useState(false);\n  const logs: LogEntry[] = t.logs ?? [];\n  const hasLogs = logs.length > 0;\n  // Promote the latest warning message inline so a `warning` row shows its\n  // reason without expanding. Suppressed when an error is already shown.\n  const latestWarn = t.error ? undefined : logs.filter((l) => l.level === \"warn\").at(-1);\n\n  return (\n    <div\n      className={cn(\n        \"flex items-start gap-3 border-b py-2 last:border-0\",\n        hasLogs && \"-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50\",\n      )}\n      onClick={hasLogs ? () => setExpanded((v) => !v) : undefined}\n    >\n      <iconify-icon icon={taskStatusIcon(t.status)} class={cn(taskStatusColor(t.status), \"mt-0.5 text-lg\")} />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"flex min-w-0 items-center gap-1.5 text-sm font-medium\">\n            <span className=\"truncate\">{t.name}</span>\n            {t.error && <span className=\"truncate text-xs font-normal text-red-500\">{t.error}</span>}\n            {latestWarn && (\n              <span className={cn(\"truncate text-xs font-normal\", logLevelColor(\"warn\"))}>\n                {latestWarn.message}\n              </span>\n            )}\n            {hasLogs && (\n              <span className=\"inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground\">\n                {logs.length}\n              </span>\n            )}\n          </span>\n          {t.duration && <span className=\"shrink-0 text-xs text-muted-foreground\">{t.duration}</span>}\n        </div>\n        {expanded && hasLogs && (\n          <div className=\"mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2\">\n            {logs.map((l, i) => (\n              <div key={i} className={cn(\"text-xs\", logLevelColor(l.level))}>\n                <span className=\"mr-1 font-mono text-muted-foreground\">{l.level.substring(0, 3)}</span>\n                {l.message}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/TaskSnapshot.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "success",
+  "failed",
+  "warning",
+  "canceled",
+  "PASS",
+  "FAIL",
+  "ERR",
+  "SKIP"
+]);
+function isTerminalStatus(status) {
+  return !!status && TERMINAL_STATUSES.has(status);
+}
+function allGroupsTerminal(snapshots) {
+  const groups = snapshots.filter((s) => s.type === "group");
+  if (groups.length === 0) return false;
+  return groups.every((g) => isTerminalStatus(g.status));
+}
+exports.allGroupsTerminal = allGroupsTerminal;
+exports.isTerminalStatus = isTerminalStatus;
+//# sourceMappingURL=TaskSnapshot.cjs.map

package/dist/data/TaskSnapshot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskSnapshot.cjs","sources":["../../src/data/TaskSnapshot.ts"],"sourcesContent":["// TaskSnapshot mirrors the Go `task.TaskSnapshot` wire format emitted by clicky's\n// JSONHandler / SSEHandler (github.com/flanksource/clicky/task/snapshot.go). Field\n// names match the JSON tags exactly. This module is generic — it carries no\n// application-specific concepts.\n\nexport interface LogEntry {\n  level: string;\n  message: string;\n}\n\nexport interface TaskSnapshot {\n  id: string;\n  name: string;\n  /** \"task\" or \"group\". */\n  type: \"task\" | \"group\";\n  /** Parent group NAME (groups: empty). */\n  group?: string;\n  status: string;\n  duration?: string;\n  error?: string;\n  /** Latest log line. */\n  message?: string;\n  logs?: LogEntry[];\n  /** Group aggregates. */\n  total?: number;\n  completed?: number;\n  failed?: number;\n  running?: number;\n  /** Stable parent-run id (tasks) or the run's own id (groups). */\n  groupId?: string;\n  kind?: string;\n  labels?: Record<string, string>;\n  owner?: string;\n  /** RFC3339. */\n  startedAt?: string;\n  /** RFC3339. */\n  finishedAt?: string;\n}\n\n// TaskRunMeta mirrors the Go `task.RunMeta` listing summary returned by\n// GET {prefix}/tasks. Named TaskRunMeta to avoid colliding with the unrelated\n// diagnostics `RunMeta` already exported by this package.\nexport interface TaskRunMeta {\n  id: string;\n  name: string;\n  kind?: string;\n  labels?: Record<string, string>;\n  owner?: string;\n  status: string;\n  startedAt?: string;\n  finishedAt?: string;\n  total: number;\n  completed: number;\n  failed: number;\n  running: number;\n}\n\n// Terminal run/group statuses (not running/pending). Used to decide when an SSE\n// stream is done or when polling should stop.\nconst TERMINAL_STATUSES = new Set([\n  \"success\",\n  \"failed\",\n  \"warning\",\n  \"canceled\",\n  \"PASS\",\n  \"FAIL\",\n  \"ERR\",\n  \"SKIP\",\n]);\n\nexport function isTerminalStatus(status: string | undefined): boolean {\n  return !!status && TERMINAL_STATUSES.has(status);\n}\n\n// allGroupsTerminal reports whether every group snapshot has reached a terminal\n// status — i.e. the run(s) are complete and an SSE stream / poll can stop.\nexport function allGroupsTerminal(snapshots: TaskSnapshot[]): boolean {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  if (groups.length === 0) return false;\n  return groups.every((g) => isTerminalStatus(g.status));\n}\n"],"names":[],"mappings":";;AA2DA,MAAM,wCAAwB,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,iBAAiB,QAAqC;AACpE,SAAO,CAAC,CAAC,UAAU,kBAAkB,IAAI,MAAM;AACjD;AAIO,SAAS,kBAAkB,WAAoC;AACpE,QAAM,SAAS,UAAU,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AACzD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SAAO,OAAO,MAAM,CAAC,MAAM,iBAAiB,EAAE,MAAM,CAAC;AACvD;;;"}

package/dist/data/TaskSnapshot.d.ts

@@ -0,0 +1,49 @@
+export interface LogEntry {
+    level: string;
+    message: string;
+}
+export interface TaskSnapshot {
+    id: string;
+    name: string;
+    /** "task" or "group". */
+    type: "task" | "group";
+    /** Parent group NAME (groups: empty). */
+    group?: string;
+    status: string;
+    duration?: string;
+    error?: string;
+    /** Latest log line. */
+    message?: string;
+    logs?: LogEntry[];
+    /** Group aggregates. */
+    total?: number;
+    completed?: number;
+    failed?: number;
+    running?: number;
+    /** Stable parent-run id (tasks) or the run's own id (groups). */
+    groupId?: string;
+    kind?: string;
+    labels?: Record<string, string>;
+    owner?: string;
+    /** RFC3339. */
+    startedAt?: string;
+    /** RFC3339. */
+    finishedAt?: string;
+}
+export interface TaskRunMeta {
+    id: string;
+    name: string;
+    kind?: string;
+    labels?: Record<string, string>;
+    owner?: string;
+    status: string;
+    startedAt?: string;
+    finishedAt?: string;
+    total: number;
+    completed: number;
+    failed: number;
+    running: number;
+}
+export declare function isTerminalStatus(status: string | undefined): boolean;
+export declare function allGroupsTerminal(snapshots: TaskSnapshot[]): boolean;
+//# sourceMappingURL=TaskSnapshot.d.ts.map

package/dist/data/TaskSnapshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskSnapshot.d.ts","sourceRoot":"","sources":["../../src/data/TaskSnapshot.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAKD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAeD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAEpE;AAID,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,YAAY,EAAE,GAAG,OAAO,CAIpE"}

package/dist/data/TaskSnapshot.js

@@ -0,0 +1,23 @@
+const TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "success",
+  "failed",
+  "warning",
+  "canceled",
+  "PASS",
+  "FAIL",
+  "ERR",
+  "SKIP"
+]);
+function isTerminalStatus(status) {
+  return !!status && TERMINAL_STATUSES.has(status);
+}
+function allGroupsTerminal(snapshots) {
+  const groups = snapshots.filter((s) => s.type === "group");
+  if (groups.length === 0) return false;
+  return groups.every((g) => isTerminalStatus(g.status));
+}
+export {
+  allGroupsTerminal,
+  isTerminalStatus
+};
+//# sourceMappingURL=TaskSnapshot.js.map

package/dist/data/TaskSnapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskSnapshot.js","sources":["../../src/data/TaskSnapshot.ts"],"sourcesContent":["// TaskSnapshot mirrors the Go `task.TaskSnapshot` wire format emitted by clicky's\n// JSONHandler / SSEHandler (github.com/flanksource/clicky/task/snapshot.go). Field\n// names match the JSON tags exactly. This module is generic — it carries no\n// application-specific concepts.\n\nexport interface LogEntry {\n  level: string;\n  message: string;\n}\n\nexport interface TaskSnapshot {\n  id: string;\n  name: string;\n  /** \"task\" or \"group\". */\n  type: \"task\" | \"group\";\n  /** Parent group NAME (groups: empty). */\n  group?: string;\n  status: string;\n  duration?: string;\n  error?: string;\n  /** Latest log line. */\n  message?: string;\n  logs?: LogEntry[];\n  /** Group aggregates. */\n  total?: number;\n  completed?: number;\n  failed?: number;\n  running?: number;\n  /** Stable parent-run id (tasks) or the run's own id (groups). */\n  groupId?: string;\n  kind?: string;\n  labels?: Record<string, string>;\n  owner?: string;\n  /** RFC3339. */\n  startedAt?: string;\n  /** RFC3339. */\n  finishedAt?: string;\n}\n\n// TaskRunMeta mirrors the Go `task.RunMeta` listing summary returned by\n// GET {prefix}/tasks. Named TaskRunMeta to avoid colliding with the unrelated\n// diagnostics `RunMeta` already exported by this package.\nexport interface TaskRunMeta {\n  id: string;\n  name: string;\n  kind?: string;\n  labels?: Record<string, string>;\n  owner?: string;\n  status: string;\n  startedAt?: string;\n  finishedAt?: string;\n  total: number;\n  completed: number;\n  failed: number;\n  running: number;\n}\n\n// Terminal run/group statuses (not running/pending). Used to decide when an SSE\n// stream is done or when polling should stop.\nconst TERMINAL_STATUSES = new Set([\n  \"success\",\n  \"failed\",\n  \"warning\",\n  \"canceled\",\n  \"PASS\",\n  \"FAIL\",\n  \"ERR\",\n  \"SKIP\",\n]);\n\nexport function isTerminalStatus(status: string | undefined): boolean {\n  return !!status && TERMINAL_STATUSES.has(status);\n}\n\n// allGroupsTerminal reports whether every group snapshot has reached a terminal\n// status — i.e. the run(s) are complete and an SSE stream / poll can stop.\nexport function allGroupsTerminal(snapshots: TaskSnapshot[]): boolean {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  if (groups.length === 0) return false;\n  return groups.every((g) => isTerminalStatus(g.status));\n}\n"],"names":[],"mappings":"AA2DA,MAAM,wCAAwB,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,iBAAiB,QAAqC;AACpE,SAAO,CAAC,CAAC,UAAU,kBAAkB,IAAI,MAAM;AACjD;AAIO,SAAS,kBAAkB,WAAoC;AACpE,QAAM,SAAS,UAAU,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AACzD,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SAAO,OAAO,MAAM,CAAC,MAAM,iBAAiB,EAAE,MAAM,CAAC;AACvD;"}

package/dist/data/TimeseriesPanel.axes.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const NO_UNIT = "\0__noUnit";
+function assignAxes(series) {
+  const order = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const s of series) {
+    const u = s.unit ?? NO_UNIT;
+    if (!seen.has(u)) {
+      seen.add(u);
+      order.push(u);
+    }
+  }
+  const unitToAxis = /* @__PURE__ */ new Map();
+  const axes = [];
+  order.forEach((u, i) => {
+    const orientation = i === 0 ? "left" : "right";
+    unitToAxis.set(u, orientation);
+    if (i <= 1) {
+      axes.push({ id: orientation, orientation, ...u !== NO_UNIT ? { unit: u } : {} });
+    }
+  });
+  const axisOfKey = /* @__PURE__ */ new Map();
+  for (const s of series) {
+    axisOfKey.set(s.key, unitToAxis.get(s.unit ?? NO_UNIT) ?? "left");
+  }
+  return { axes, axisOfKey };
+}
+function latestOf(rows, key) {
+  var _a;
+  for (let i = rows.length - 1; i >= 0; i--) {
+    const v = (_a = rows[i]) == null ? void 0 : _a[key];
+    if (typeof v === "number") return v;
+  }
+  return void 0;
+}
+exports.assignAxes = assignAxes;
+exports.latestOf = latestOf;
+//# sourceMappingURL=TimeseriesPanel.axes.cjs.map

package/dist/data/TimeseriesPanel.axes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesPanel.axes.cjs","sources":["../../src/data/TimeseriesPanel.axes.ts"],"sourcesContent":["import type { MergedRow, ResolvedSeries } from \"./TimeseriesPanel\";\n\nexport type AxisOrientation = \"left\" | \"right\";\n\n/** A rendered Y-axis: its recharts id (== orientation) and the unit it formats with. */\nexport interface AxisSpec {\n  id: AxisOrientation;\n  orientation: AxisOrientation;\n  /** Unit the axis ticks format with; undefined for a unitless axis. */\n  unit?: string;\n}\n\nexport interface AxisAssignment {\n  /** 1 or 2 axes in render order (left first). */\n  axes: AxisSpec[];\n  /** Maps each series.key to the axis it draws against. */\n  axisOfKey: Map<string, AxisOrientation>;\n}\n\n/** Sentinel grouping unitless series; never surfaced as an AxisSpec.unit. */\nconst NO_UNIT = \"\u0000__noUnit\";\n\n/**\n * Assigns series to one or two Y-axes by distinct unit, in first-seen order:\n * the first distinct unit takes the left axis, the second takes the right.\n * A third-or-later distinct unit shares the right axis (its series still plot,\n * but the right ticks read in the second unit's scale — a known approximation;\n * true N-axis support is out of scope). A single distinct unit yields one left\n * axis only. Undefined units form their own bucket so unitless series still get\n * an axis (recharts drops any series whose yAxisId is missing). Pure.\n */\nexport function assignAxes(series: ResolvedSeries[]): AxisAssignment {\n  const order: string[] = [];\n  const seen = new Set<string>();\n  for (const s of series) {\n    const u = s.unit ?? NO_UNIT;\n    if (!seen.has(u)) {\n      seen.add(u);\n      order.push(u);\n    }\n  }\n\n  const unitToAxis = new Map<string, AxisOrientation>();\n  const axes: AxisSpec[] = [];\n  order.forEach((u, i) => {\n    const orientation: AxisOrientation = i === 0 ? \"left\" : \"right\";\n    unitToAxis.set(u, orientation);\n    if (i <= 1) {\n      axes.push({ id: orientation, orientation, ...(u !== NO_UNIT ? { unit: u } : {}) });\n    }\n  });\n\n  const axisOfKey = new Map<string, AxisOrientation>();\n  for (const s of series) {\n    axisOfKey.set(s.key, unitToAxis.get(s.unit ?? NO_UNIT) ?? \"left\");\n  }\n\n  return { axes, axisOfKey };\n}\n\n/** Last numeric value for a series key, scanning from newest row; undefined if none. Pure. */\nexport function latestOf(rows: MergedRow[], key: string): number | undefined {\n  for (let i = rows.length - 1; i >= 0; i--) {\n    const v = rows[i]?.[key];\n    if (typeof v === \"number\") return v;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":";;AAoBA,MAAM,UAAU;AAWT,SAAS,WAAW,QAA0C;AACnE,QAAM,QAAkB,CAAA;AACxB,QAAM,2BAAW,IAAA;AACjB,aAAW,KAAK,QAAQ;AACtB,UAAM,IAAI,EAAE,QAAQ;AACpB,QAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAChB,WAAK,IAAI,CAAC;AACV,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF;AAEA,QAAM,iCAAiB,IAAA;AACvB,QAAM,OAAmB,CAAA;AACzB,QAAM,QAAQ,CAAC,GAAG,MAAM;AACtB,UAAM,cAA+B,MAAM,IAAI,SAAS;AACxD,eAAW,IAAI,GAAG,WAAW;AAC7B,QAAI,KAAK,GAAG;AACV,WAAK,KAAK,EAAE,IAAI,aAAa,aAAa,GAAI,MAAM,UAAU,EAAE,MAAM,EAAA,IAAM,CAAA,GAAK;AAAA,IACnF;AAAA,EACF,CAAC;AAED,QAAM,gCAAgB,IAAA;AACtB,aAAW,KAAK,QAAQ;AACtB,cAAU,IAAI,EAAE,KAAK,WAAW,IAAI,EAAE,QAAQ,OAAO,KAAK,MAAM;AAAA,EAClE;AAEA,SAAO,EAAE,MAAM,UAAA;AACjB;AAGO,SAAS,SAAS,MAAmB,KAAiC;;AAC3E,WAAS,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,UAAM,KAAI,UAAK,CAAC,MAAN,mBAAU;AACpB,QAAI,OAAO,MAAM,SAAU,QAAO;AAAA,EACpC;AACA,SAAO;AACT;;;"}

package/dist/data/TimeseriesPanel.axes.d.ts

@@ -0,0 +1,28 @@
+import { MergedRow, ResolvedSeries } from './TimeseriesPanel';
+export type AxisOrientation = "left" | "right";
+/** A rendered Y-axis: its recharts id (== orientation) and the unit it formats with. */
+export interface AxisSpec {
+    id: AxisOrientation;
+    orientation: AxisOrientation;
+    /** Unit the axis ticks format with; undefined for a unitless axis. */
+    unit?: string;
+}
+export interface AxisAssignment {
+    /** 1 or 2 axes in render order (left first). */
+    axes: AxisSpec[];
+    /** Maps each series.key to the axis it draws against. */
+    axisOfKey: Map<string, AxisOrientation>;
+}
+/**
+ * Assigns series to one or two Y-axes by distinct unit, in first-seen order:
+ * the first distinct unit takes the left axis, the second takes the right.
+ * A third-or-later distinct unit shares the right axis (its series still plot,
+ * but the right ticks read in the second unit's scale — a known approximation;
+ * true N-axis support is out of scope). A single distinct unit yields one left
+ * axis only. Undefined units form their own bucket so unitless series still get
+ * an axis (recharts drops any series whose yAxisId is missing). Pure.
+ */
+export declare function assignAxes(series: ResolvedSeries[]): AxisAssignment;
+/** Last numeric value for a series key, scanning from newest row; undefined if none. Pure. */
+export declare function latestOf(rows: MergedRow[], key: string): number | undefined;
+//# sourceMappingURL=TimeseriesPanel.axes.d.ts.map

package/dist/data/TimeseriesPanel.axes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesPanel.axes.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesPanel.axes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,wFAAwF;AACxF,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,eAAe,CAAC;IACpB,WAAW,EAAE,eAAe,CAAC;IAC7B,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,yDAAyD;IACzD,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CACzC;AAKD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,CA2BnE;AAED,8FAA8F;AAC9F,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAM3E"}

package/dist/data/TimeseriesPanel.axes.js

@@ -0,0 +1,39 @@
+const NO_UNIT = "\0__noUnit";
+function assignAxes(series) {
+  const order = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const s of series) {
+    const u = s.unit ?? NO_UNIT;
+    if (!seen.has(u)) {
+      seen.add(u);
+      order.push(u);
+    }
+  }
+  const unitToAxis = /* @__PURE__ */ new Map();
+  const axes = [];
+  order.forEach((u, i) => {
+    const orientation = i === 0 ? "left" : "right";
+    unitToAxis.set(u, orientation);
+    if (i <= 1) {
+      axes.push({ id: orientation, orientation, ...u !== NO_UNIT ? { unit: u } : {} });
+    }
+  });
+  const axisOfKey = /* @__PURE__ */ new Map();
+  for (const s of series) {
+    axisOfKey.set(s.key, unitToAxis.get(s.unit ?? NO_UNIT) ?? "left");
+  }
+  return { axes, axisOfKey };
+}
+function latestOf(rows, key) {
+  var _a;
+  for (let i = rows.length - 1; i >= 0; i--) {
+    const v = (_a = rows[i]) == null ? void 0 : _a[key];
+    if (typeof v === "number") return v;
+  }
+  return void 0;
+}
+export {
+  assignAxes,
+  latestOf
+};
+//# sourceMappingURL=TimeseriesPanel.axes.js.map

package/dist/data/TimeseriesPanel.axes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesPanel.axes.js","sources":["../../src/data/TimeseriesPanel.axes.ts"],"sourcesContent":["import type { MergedRow, ResolvedSeries } from \"./TimeseriesPanel\";\n\nexport type AxisOrientation = \"left\" | \"right\";\n\n/** A rendered Y-axis: its recharts id (== orientation) and the unit it formats with. */\nexport interface AxisSpec {\n  id: AxisOrientation;\n  orientation: AxisOrientation;\n  /** Unit the axis ticks format with; undefined for a unitless axis. */\n  unit?: string;\n}\n\nexport interface AxisAssignment {\n  /** 1 or 2 axes in render order (left first). */\n  axes: AxisSpec[];\n  /** Maps each series.key to the axis it draws against. */\n  axisOfKey: Map<string, AxisOrientation>;\n}\n\n/** Sentinel grouping unitless series; never surfaced as an AxisSpec.unit. */\nconst NO_UNIT = \"\u0000__noUnit\";\n\n/**\n * Assigns series to one or two Y-axes by distinct unit, in first-seen order:\n * the first distinct unit takes the left axis, the second takes the right.\n * A third-or-later distinct unit shares the right axis (its series still plot,\n * but the right ticks read in the second unit's scale — a known approximation;\n * true N-axis support is out of scope). A single distinct unit yields one left\n * axis only. Undefined units form their own bucket so unitless series still get\n * an axis (recharts drops any series whose yAxisId is missing). Pure.\n */\nexport function assignAxes(series: ResolvedSeries[]): AxisAssignment {\n  const order: string[] = [];\n  const seen = new Set<string>();\n  for (const s of series) {\n    const u = s.unit ?? NO_UNIT;\n    if (!seen.has(u)) {\n      seen.add(u);\n      order.push(u);\n    }\n  }\n\n  const unitToAxis = new Map<string, AxisOrientation>();\n  const axes: AxisSpec[] = [];\n  order.forEach((u, i) => {\n    const orientation: AxisOrientation = i === 0 ? \"left\" : \"right\";\n    unitToAxis.set(u, orientation);\n    if (i <= 1) {\n      axes.push({ id: orientation, orientation, ...(u !== NO_UNIT ? { unit: u } : {}) });\n    }\n  });\n\n  const axisOfKey = new Map<string, AxisOrientation>();\n  for (const s of series) {\n    axisOfKey.set(s.key, unitToAxis.get(s.unit ?? NO_UNIT) ?? \"left\");\n  }\n\n  return { axes, axisOfKey };\n}\n\n/** Last numeric value for a series key, scanning from newest row; undefined if none. Pure. */\nexport function latestOf(rows: MergedRow[], key: string): number | undefined {\n  for (let i = rows.length - 1; i >= 0; i--) {\n    const v = rows[i]?.[key];\n    if (typeof v === \"number\") return v;\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"AAoBA,MAAM,UAAU;AAWT,SAAS,WAAW,QAA0C;AACnE,QAAM,QAAkB,CAAA;AACxB,QAAM,2BAAW,IAAA;AACjB,aAAW,KAAK,QAAQ;AACtB,UAAM,IAAI,EAAE,QAAQ;AACpB,QAAI,CAAC,KAAK,IAAI,CAAC,GAAG;AAChB,WAAK,IAAI,CAAC;AACV,YAAM,KAAK,CAAC;AAAA,IACd;AAAA,EACF;AAEA,QAAM,iCAAiB,IAAA;AACvB,QAAM,OAAmB,CAAA;AACzB,QAAM,QAAQ,CAAC,GAAG,MAAM;AACtB,UAAM,cAA+B,MAAM,IAAI,SAAS;AACxD,eAAW,IAAI,GAAG,WAAW;AAC7B,QAAI,KAAK,GAAG;AACV,WAAK,KAAK,EAAE,IAAI,aAAa,aAAa,GAAI,MAAM,UAAU,EAAE,MAAM,EAAA,IAAM,CAAA,GAAK;AAAA,IACnF;AAAA,EACF,CAAC;AAED,QAAM,gCAAgB,IAAA;AACtB,aAAW,KAAK,QAAQ;AACtB,cAAU,IAAI,EAAE,KAAK,WAAW,IAAI,EAAE,QAAQ,OAAO,KAAK,MAAM;AAAA,EAClE;AAEA,SAAO,EAAE,MAAM,UAAA;AACjB;AAGO,SAAS,SAAS,MAAmB,KAAiC;AAzC7E;AA0CE,WAAS,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,UAAM,KAAI,UAAK,CAAC,MAAN,mBAAU;AACpB,QAAI,OAAO,MAAM,SAAU,QAAO;AAAA,EACpC;AACA,SAAO;AACT;"}