@flanksource/clicky-ui 0.2.18 → 0.2.20

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

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,MAAM,WAAW,OAAO;IACtB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB;AASD,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,aAAa,CA4Bf;AAaD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,2CAqEzB"}
+{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,2CAqEzB"}

package/dist/data/TimeseriesCoreBars.js

@@ -3,6 +3,7 @@ import { useQueries } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { cn } from "../lib/utils.js";
 import { Icon } from "./Icon.js";
+import { deriveCoreBars } from "./TimeseriesCoreBars.model.js";
 const defaultFetcher = async (url) => {
   const res = await fetch(url);
   if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);
@@ -19,29 +20,6 @@ function toneClass(pct, [warn, danger]) {
   if (pct >= warn) return "bg-amber-500";
   return "bg-emerald-500";
 }
-const clamp01 = (n) => Math.min(1, Math.max(0, n));
-function deriveCoreBars(usageMilli, limitMilli) {
-  const hasUsage = usageMilli !== void 0;
-  const usageCores = (usageMilli ?? 0) / 1e3;
-  const hasLimit = limitMilli !== void 0 && limitMilli > 0;
-  const limitCores = hasLimit ? limitMilli / 1e3 : void 0;
-  const coreCount = Math.max(
-    1,
-    Math.ceil(hasLimit ? limitCores : usageCores)
-  );
-  const pct = hasLimit ? Math.min(100, Math.round(usageCores / limitCores * 100)) : 0;
-  const bars = Array.from({ length: coreCount }, (_, i) => ({
-    fill: clamp01(usageCores - i)
-  }));
-  return {
-    hasUsage,
-    usageCores,
-    coreCount,
-    pct,
-    bars,
-    ...limitCores !== void 0 && { limitCores }
-  };
-}
 function CoreBarsIcon({ icon }) {
   if (typeof icon === "string") {
     return /* @__PURE__ */ jsx(Icon, { name: icon, width: 14, height: 14, className: "text-muted-foreground" });
@@ -126,7 +104,6 @@ function TimeseriesCoreBars({
   ] });
 }
 export {
-  TimeseriesCoreBars,
-  deriveCoreBars
+  TimeseriesCoreBars
 };
 //# sourceMappingURL=TimeseriesCoreBars.js.map

package/dist/data/TimeseriesCoreBars.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.js","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The CPU capacity. Either a `.limit`-style metric series (its latest value in\n   * millicores) or a fixed number of millicores. Determines the number of bars\n   * (one per core). When omitted or 0, the bar count falls back to the ceiling of\n   * the usage in cores so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\n}\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"bg-red-500\";\n  if (pct >= warn) return \"bg-amber-500\";\n  return \"bg-emerald-500\";\n}\n\nexport interface CoreBar {\n  /** Fraction of this core that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface CoreBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in cores (millicores / 1000). */\n  usageCores: number;\n  /** Capacity in cores; undefined when no limit was resolved. */\n  limitCores?: number;\n  /** Number of bars rendered (one per core). */\n  coreCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-core fill fractions, left to right. */\n  bars: CoreBar[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveCoreBars turns the latest usage/limit millicore readings into a per-core\n// bar model: one bar per core (ceil of the limit), filled left to right by usage\n// so the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly.\nexport function deriveCoreBars(\n  usageMilli: number | undefined,\n  limitMilli: number | undefined,\n): CoreBarsModel {\n  const hasUsage = usageMilli !== undefined;\n  const usageCores = (usageMilli ?? 0) / 1000;\n  const hasLimit = limitMilli !== undefined && limitMilli > 0;\n  const limitCores = hasLimit ? (limitMilli as number) / 1000 : undefined;\n\n  const coreCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitCores as number) : usageCores),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageCores / (limitCores as number)) * 100))\n    : 0;\n\n  const bars: CoreBar[] = Array.from({ length: coreCount }, (_, i) => ({\n    fill: clamp01(usageCores - i),\n  }));\n\n  // limitCores is an optional field under exactOptionalPropertyTypes — only set\n  // the key when a limit resolved, rather than assigning an explicit undefined.\n  return {\n    hasUsage,\n    usageCores,\n    coreCount,\n    pct,\n    bars,\n    ...(limitCores !== undefined && { limitCores }),\n  };\n}\n\nfunction CoreBarsIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return <Icon name={icon} width={14} height={14} className=\"text-muted-foreground\" />;\n  }\n  return <Icon icon={icon} width={14} height={14} className=\"text-muted-foreground\" />;\n}\n\nfunction formatCores(cores: number): string {\n  return Number.isInteger(cores) ? String(cores) : cores.toFixed(1);\n}\n\n/**\n * TimeseriesCoreBars renders CPU utilisation as a row of vertical bars — one bar\n * per core (the ceiling of the CPU limit) — filled left to right by the latest\n * usage. The bar that straddles the usage boundary is partially filled (\"blocked\n * out\") to show the fractional core in use, and the trailing bars stay empty to\n * show headroom. Both usage and limit are read live from the timeseries store,\n * mirroring TimeseriesGauge's data plumbing; the bar colour crosses warning and\n * danger thresholds. A \"<used> / <cores>\" caption sits below with the icon+title.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage = rawValue === undefined ? undefined : value.transform ? value.transform(rawValue) : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit = rawMax === undefined ? undefined : maxSeries.transform ? maxSeries.transform(rawMax) : rawMax;\n  }\n\n  const model = deriveCoreBars(usage, limit);\n  const tone = toneClass(model.pct, thresholds);\n  const caption = model.hasUsage\n    ? `${formatCores(model.usageCores)} / ${model.limitCores !== undefined ? formatCores(model.limitCores) : \"?\"} cores`\n    : \"—\";\n\n  return (\n    <div className={cn(\"flex flex-col items-center gap-1\", className)}>\n      <div className=\"flex h-10 items-end gap-0.5\">\n        {model.bars.map((bar, i) => {\n          const corePct = Math.round(bar.fill * 100);\n          return (\n            <div\n              key={i}\n              className=\"relative h-full w-2 overflow-hidden rounded-sm bg-muted\"\n              title={`core ${i + 1}: ${corePct}%`}\n              aria-label={`core ${i + 1}: ${corePct}%`}\n              data-fill={bar.fill}\n            >\n              <div\n                className={cn(\"absolute inset-x-0 bottom-0 transition-all duration-300\", tone)}\n                style={{ height: `${corePct}%` }}\n              />\n            </div>\n          );\n        })}\n      </div>\n      <span className=\"text-xs font-semibold text-foreground\">{caption}</span>\n      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n        {icon ? <CoreBarsIcon icon={icon} /> : null}\n        <span>{title}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeseriesCoreBars.js","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport { deriveCoreBars } from \"./TimeseriesCoreBars.model\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The CPU capacity. Either a `.limit`-style metric series (its latest value in\n   * millicores) or a fixed number of millicores. Determines the number of bars\n   * (one per core). When omitted or 0, the bar count falls back to the ceiling of\n   * the usage in cores so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\n}\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"bg-red-500\";\n  if (pct >= warn) return \"bg-amber-500\";\n  return \"bg-emerald-500\";\n}\n\nfunction CoreBarsIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return <Icon name={icon} width={14} height={14} className=\"text-muted-foreground\" />;\n  }\n  return <Icon icon={icon} width={14} height={14} className=\"text-muted-foreground\" />;\n}\n\nfunction formatCores(cores: number): string {\n  return Number.isInteger(cores) ? String(cores) : cores.toFixed(1);\n}\n\n/**\n * TimeseriesCoreBars renders CPU utilisation as a row of vertical bars — one bar\n * per core (the ceiling of the CPU limit) — filled left to right by the latest\n * usage. The bar that straddles the usage boundary is partially filled (\"blocked\n * out\") to show the fractional core in use, and the trailing bars stay empty to\n * show headroom. Both usage and limit are read live from the timeseries store,\n * mirroring TimeseriesGauge's data plumbing; the bar colour crosses warning and\n * danger thresholds. A \"<used> / <cores>\" caption sits below with the icon+title.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage = rawValue === undefined ? undefined : value.transform ? value.transform(rawValue) : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit = rawMax === undefined ? undefined : maxSeries.transform ? maxSeries.transform(rawMax) : rawMax;\n  }\n\n  const model = deriveCoreBars(usage, limit);\n  const tone = toneClass(model.pct, thresholds);\n  const caption = model.hasUsage\n    ? `${formatCores(model.usageCores)} / ${model.limitCores !== undefined ? formatCores(model.limitCores) : \"?\"} cores`\n    : \"—\";\n\n  return (\n    <div className={cn(\"flex flex-col items-center gap-1\", className)}>\n      <div className=\"flex h-10 items-end gap-0.5\">\n        {model.bars.map((bar, i) => {\n          const corePct = Math.round(bar.fill * 100);\n          return (\n            <div\n              key={i}\n              className=\"relative h-full w-2 overflow-hidden rounded-sm bg-muted\"\n              title={`core ${i + 1}: ${corePct}%`}\n              aria-label={`core ${i + 1}: ${corePct}%`}\n              data-fill={bar.fill}\n            >\n              <div\n                className={cn(\"absolute inset-x-0 bottom-0 transition-all duration-300\", tone)}\n                style={{ height: `${corePct}%` }}\n              />\n            </div>\n          );\n        })}\n      </div>\n      <span className=\"text-xs font-semibold text-foreground\">{caption}</span>\n      <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n        {icon ? <CoreBarsIcon icon={icon} /> : null}\n        <span>{title}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/TimeseriesCoreBars.model.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveCoreBars(usageMilli, limitMilli) {
+  const hasUsage = usageMilli !== void 0;
+  const usageCores = (usageMilli ?? 0) / 1e3;
+  const hasLimit = limitMilli !== void 0 && limitMilli > 0;
+  const limitCores = hasLimit ? limitMilli / 1e3 : void 0;
+  const coreCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitCores : usageCores)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageCores / limitCores * 100)) : 0;
+  const bars = Array.from({ length: coreCount }, (_, i) => ({
+    fill: clamp01(usageCores - i)
+  }));
+  return {
+    hasUsage,
+    usageCores,
+    coreCount,
+    pct,
+    bars,
+    ...limitCores !== void 0 && { limitCores }
+  };
+}
+exports.deriveCoreBars = deriveCoreBars;
+//# sourceMappingURL=TimeseriesCoreBars.model.cjs.map

package/dist/data/TimeseriesCoreBars.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesCoreBars.model.cjs","sources":["../../src/data/TimeseriesCoreBars.model.ts"],"sourcesContent":["export interface CoreBar {\n  /** Fraction of this core that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface CoreBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in cores (millicores / 1000). */\n  usageCores: number;\n  /** Capacity in cores; undefined when no limit was resolved. */\n  limitCores?: number;\n  /** Number of bars rendered (one per core). */\n  coreCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-core fill fractions, left to right. */\n  bars: CoreBar[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveCoreBars turns the latest usage/limit millicore readings into a per-core\n// bar model: one bar per core (ceil of the limit), filled left to right by usage\n// so the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly.\nexport function deriveCoreBars(\n  usageMilli: number | undefined,\n  limitMilli: number | undefined,\n): CoreBarsModel {\n  const hasUsage = usageMilli !== undefined;\n  const usageCores = (usageMilli ?? 0) / 1000;\n  const hasLimit = limitMilli !== undefined && limitMilli > 0;\n  const limitCores = hasLimit ? (limitMilli as number) / 1000 : undefined;\n\n  const coreCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitCores as number) : usageCores),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageCores / (limitCores as number)) * 100))\n    : 0;\n\n  const bars: CoreBar[] = Array.from({ length: coreCount }, (_, i) => ({\n    fill: clamp01(usageCores - i),\n  }));\n\n  return {\n    hasUsage,\n    usageCores,\n    coreCount,\n    pct,\n    bars,\n    ...(limitCores !== undefined && { limitCores }),\n  };\n}\n"],"names":[],"mappings":";;AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAO1D,SAAS,eACd,YACA,YACe;AACf,QAAM,WAAW,eAAe;AAChC,QAAM,cAAc,cAAc,KAAK;AACvC,QAAM,WAAW,eAAe,UAAa,aAAa;AAC1D,QAAM,aAAa,WAAY,aAAwB,MAAO;AAE9D,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAAkB,MAAM,KAAK,EAAE,QAAQ,UAAA,GAAa,CAAC,GAAG,OAAO;AAAA,IACnE,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;;"}

package/dist/data/TimeseriesCoreBars.model.d.ts

@@ -0,0 +1,20 @@
+export interface CoreBar {
+    /** Fraction of this core that is in use, in [0, 1]. */
+    fill: number;
+}
+export interface CoreBarsModel {
+    /** Whether a usage reading was available. */
+    hasUsage: boolean;
+    /** Usage expressed in cores (millicores / 1000). */
+    usageCores: number;
+    /** Capacity in cores; undefined when no limit was resolved. */
+    limitCores?: number;
+    /** Number of bars rendered (one per core). */
+    coreCount: number;
+    /** Utilisation percentage of capacity; 0 when unbounded. */
+    pct: number;
+    /** Per-core fill fractions, left to right. */
+    bars: CoreBar[];
+}
+export declare function deriveCoreBars(usageMilli: number | undefined, limitMilli: number | undefined): CoreBarsModel;
+//# sourceMappingURL=TimeseriesCoreBars.model.d.ts.map

package/dist/data/TimeseriesCoreBars.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesCoreBars.model.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,IAAI,EAAE,OAAO,EAAE,CAAC;CACjB;AASD,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,aAAa,CA0Bf"}

package/dist/data/TimeseriesCoreBars.model.js

@@ -0,0 +1,27 @@
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveCoreBars(usageMilli, limitMilli) {
+  const hasUsage = usageMilli !== void 0;
+  const usageCores = (usageMilli ?? 0) / 1e3;
+  const hasLimit = limitMilli !== void 0 && limitMilli > 0;
+  const limitCores = hasLimit ? limitMilli / 1e3 : void 0;
+  const coreCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitCores : usageCores)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageCores / limitCores * 100)) : 0;
+  const bars = Array.from({ length: coreCount }, (_, i) => ({
+    fill: clamp01(usageCores - i)
+  }));
+  return {
+    hasUsage,
+    usageCores,
+    coreCount,
+    pct,
+    bars,
+    ...limitCores !== void 0 && { limitCores }
+  };
+}
+export {
+  deriveCoreBars
+};
+//# sourceMappingURL=TimeseriesCoreBars.model.js.map

package/dist/data/TimeseriesCoreBars.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeseriesCoreBars.model.js","sources":["../../src/data/TimeseriesCoreBars.model.ts"],"sourcesContent":["export interface CoreBar {\n  /** Fraction of this core that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface CoreBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in cores (millicores / 1000). */\n  usageCores: number;\n  /** Capacity in cores; undefined when no limit was resolved. */\n  limitCores?: number;\n  /** Number of bars rendered (one per core). */\n  coreCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-core fill fractions, left to right. */\n  bars: CoreBar[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveCoreBars turns the latest usage/limit millicore readings into a per-core\n// bar model: one bar per core (ceil of the limit), filled left to right by usage\n// so the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly.\nexport function deriveCoreBars(\n  usageMilli: number | undefined,\n  limitMilli: number | undefined,\n): CoreBarsModel {\n  const hasUsage = usageMilli !== undefined;\n  const usageCores = (usageMilli ?? 0) / 1000;\n  const hasLimit = limitMilli !== undefined && limitMilli > 0;\n  const limitCores = hasLimit ? (limitMilli as number) / 1000 : undefined;\n\n  const coreCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitCores as number) : usageCores),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageCores / (limitCores as number)) * 100))\n    : 0;\n\n  const bars: CoreBar[] = Array.from({ length: coreCount }, (_, i) => ({\n    fill: clamp01(usageCores - i),\n  }));\n\n  return {\n    hasUsage,\n    usageCores,\n    coreCount,\n    pct,\n    bars,\n    ...(limitCores !== undefined && { limitCores }),\n  };\n}\n"],"names":[],"mappings":"AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAO1D,SAAS,eACd,YACA,YACe;AACf,QAAM,WAAW,eAAe;AAChC,QAAM,cAAc,cAAc,KAAK;AACvC,QAAM,WAAW,eAAe,UAAa,aAAa;AAC1D,QAAM,aAAa,WAAY,aAAwB,MAAO;AAE9D,QAAM,YAAY,KAAK;AAAA,IACrB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAAkB,MAAM,KAAK,EAAE,QAAQ,UAAA,GAAa,CAAC,GAAG,OAAO;AAAA,IACnE,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;"}

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

@@ -1 +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;;;"}
+{"version":3,"file":"TimeseriesPanel.axes.cjs","sources":["../../src/data/TimeseriesPanel.axes.ts"],"sourcesContent":["import type { MergedRow, ResolvedSeries } from \"./TimeseriesPanel.model\";\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

@@ -1,4 +1,4 @@
-import { MergedRow, ResolvedSeries } from './TimeseriesPanel';
+import { MergedRow, ResolvedSeries } from './TimeseriesPanel.model';
 export type AxisOrientation = "left" | "right";
 /** A rendered Y-axis: its recharts id (== orientation) and the unit it formats with. */
 export interface AxisSpec {

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

@@ -1 +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"}
+{"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,yBAAyB,CAAC;AAEzE,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.map

@@ -1 +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;"}
+{"version":3,"file":"TimeseriesPanel.axes.js","sources":["../../src/data/TimeseriesPanel.axes.ts"],"sourcesContent":["import type { MergedRow, ResolvedSeries } from \"./TimeseriesPanel.model\";\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;"}

package/dist/data/TimeseriesPanel.cjs

@@ -11,42 +11,8 @@ const Modal = require("../overlay/Modal.cjs");
 const ProgressBar = require("./ProgressBar.cjs");
 const Icon = require("./Icon.cjs");
 const TimeseriesPanel_axes = require("./TimeseriesPanel.axes.cjs");
+const TimeseriesPanel_model = require("./TimeseriesPanel.model.cjs");
 const UiFullscreen = require("../icons/components/UiFullscreen.cjs");
-const SERIES_PALETTE = [
-  "var(--chart-1, #3b82f6)",
-  "var(--chart-2, #ef4444)",
-  "var(--chart-3, #10b981)",
-  "var(--chart-4, #f59e0b)"
-];
-function paletteColor(index) {
-  return SERIES_PALETTE[index % SERIES_PALETTE.length] ?? SERIES_PALETTE[0];
-}
-function resolveSeries(props) {
-  const base = props.baseUrl ?? "";
-  const list = props.series ?? (props.url ? [{ id: props.url }] : []);
-  return list.map((s, i) => ({
-    key: s.id,
-    url: base + s.id,
-    label: s.label ?? s.id,
-    color: s.color ?? paletteColor(i),
-    ...s.unit ?? props.unit ? { unit: s.unit ?? props.unit } : {},
-    ...s.transform ? { transform: s.transform } : {},
-    ...s.current !== void 0 ? { current: s.current } : {}
-  }));
-}
-function resolveBreakdown(series, rows, total) {
-  const withValue = series.map((s) => ({ s, value: s.current ?? TimeseriesPanel_axes.latestOf(rows, s.key) ?? 0 }));
-  const denom = total ?? withValue.reduce((acc, w) => acc + w.value, 0);
-  const items = withValue.map(({ s, value }) => ({
-    key: s.key,
-    label: s.label,
-    color: s.color,
-    ...s.unit ? { unit: s.unit } : {},
-    value,
-    percent: denom > 0 ? Math.min(100, Math.max(0, value / denom * 100)) : 0
-  }));
-  return { items, total: denom };
-}
 const defaultFetcher = async (url) => {
   const res = await fetch(url);
   if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);
@@ -57,17 +23,6 @@ function formatClock(at) {
   if (Number.isNaN(date.getTime())) return "";
   return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }
-function mergeSeries(series, pointsBySeries) {
-  const rows = /* @__PURE__ */ new Map();
-  series.forEach((s, i) => {
-    for (const p of pointsBySeries[i] ?? []) {
-      const row = rows.get(p.at) ?? { at: p.at };
-      row[s.key] = s.transform ? s.transform(p.value) : p.value;
-      rows.set(p.at, row);
-    }
-  });
-  return [...rows.values()].sort((a, b) => a.at.localeCompare(b.at));
-}
 function TimeseriesPanel(props) {
   var _a;
   const {
@@ -87,7 +42,7 @@ function TimeseriesPanel(props) {
   const chartVariant = isBreakdown ? "area" : variant;
   const expandVariant = props.expandVariant ?? chartVariant;
   const [expanded, setExpanded] = react.useState(false);
-  const series = react.useMemo(() => resolveSeries(props), [props]);
+  const series = react.useMemo(() => TimeseriesPanel_model.resolveSeries(props), [props]);
   const requestUrls = react.useMemo(
     () => series.map((s) => {
       const u = new URL(s.url, window.location.origin);
@@ -112,10 +67,10 @@ function TimeseriesPanel(props) {
     var _a2;
     return (_a2 = r.data) == null ? void 0 : _a2.points;
   });
-  const rows = react.useMemo(() => mergeSeries(series, pointsBySeries), [series, pointsBySeries]);
+  const rows = react.useMemo(() => TimeseriesPanel_model.mergeSeries(series, pointsBySeries), [series, pointsBySeries]);
   const hasMirrored = series.some((s) => s.transform);
   const breakdown = react.useMemo(
-    () => isBreakdown ? resolveBreakdown(series, rows, total) : null,
+    () => isBreakdown ? TimeseriesPanel_model.resolveBreakdown(series, rows, total) : null,
     [isBreakdown, series, rows, total]
   );
   const canExpand = expandable && rows.length >= 2;
@@ -315,10 +270,5 @@ function PanelIcon({ icon }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, width: 16, height: 16, className: "text-muted-foreground" });
 }
-exports.assignAxes = TimeseriesPanel_axes.assignAxes;
-exports.latestOf = TimeseriesPanel_axes.latestOf;
 exports.TimeseriesPanel = TimeseriesPanel;
-exports.mergeSeries = mergeSeries;
-exports.resolveBreakdown = resolveBreakdown;
-exports.resolveSeries = resolveSeries;
 //# sourceMappingURL=TimeseriesPanel.cjs.map

package/dist/data/TimeseriesPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesPanel.cjs","sources":["../../src/data/TimeseriesPanel.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport {\n  Area,\n  AreaChart,\n  CartesianGrid,\n  Line,\n  LineChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport { cn } from \"../lib/utils\";\nimport { resolveCssColor } from \"../lib/color\";\nimport { formatUnit } from \"../lib/format\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ProgressBar, type ProgressSegment } from \"./ProgressBar\";\nimport { UiFullscreen } from \"../icons\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { assignAxes, latestOf } from \"./TimeseriesPanel.axes\";\n\nexport { assignAxes, latestOf } from \"./TimeseriesPanel.axes\";\nexport type { AxisAssignment, AxisOrientation, AxisSpec } from \"./TimeseriesPanel.axes\";\n\nexport interface TimeseriesPoint {\n  at: string;\n  value: number;\n}\n\nexport interface TimeseriesResponse {\n  id: string;\n  points: TimeseriesPoint[];\n}\n\n/** One metric plotted on a panel. Its request URL is `baseUrl + id`. */\nexport interface TimeseriesSeries {\n  /** Metric id appended to the panel's baseUrl, e.g. \"sqlserver.iops.read\". */\n  id: string;\n  /** Tooltip/legend label; defaults to the id. */\n  label?: string;\n  /**\n   * Maps each point's value before plotting — e.g. writes pass `(v) => -v` to\n   * render below the zero axis. Identity when omitted.\n   */\n  transform?: (value: number) => number;\n  /**\n   * Stroke/fill override as a CSS color value (e.g. \"#10b981\", \"var(--chart-3)\")\n   * or a Tailwind color class (e.g. \"bg-emerald-500\"); Tailwind classes are\n   * resolved to a CSS value for the chart. Defaults cycle a small palette by index.\n   */\n  color?: string;\n  /**\n   * Grafana-style unit key for this series' readout/tooltip (e.g. \"percent\",\n   * \"short\"). Falls back to the panel-level `unit`. Lets one panel mix units\n   * (e.g. a percent series alongside a plain-count series).\n   */\n  unit?: string;\n  /**\n   * Instantaneous value for the `breakdown` variant — the size of this series'\n   * bar segment and its legend readout. When omitted, the breakdown falls back\n   * to the latest polled point. Ignored by the time-series variants.\n   */\n  current?: number;\n}\n\nexport interface TimeseriesPanelProps {\n  /**\n   * Single-metric endpoint returning a TimeseriesResponse,\n   * e.g. \"/api/v1/metrics/sqlserver.cpu\". Mutually exclusive with baseUrl/series.\n   */\n  url?: string;\n  /** Common prefix for a multi-series panel; each series requests `baseUrl + series.id`. */\n  baseUrl?: string;\n  /** Metrics to plot on one chart. Provide together with baseUrl. */\n  series?: TimeseriesSeries[];\n  title: string;\n  /** Iconify name or static icon component shown beside the title. */\n  icon?: string | StaticIconComponent;\n  /**\n   * Default Grafana-style unit key for the panel (e.g. \"bytes\", \"percent\",\n   * \"ms\", \"short\"); each series may override it. Unknown strings are appended\n   * as a raw suffix (so \"%\" still works). Used for the readout, axis, and tooltip.\n   */\n  unit?: string;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\n  /** Chart height in px; defaults to 160. */\n  height?: number;\n  /**\n   * \"area\" (overlaid, default), \"line\", \"stacked\" (areas sum vertically), or\n   * \"breakdown\" (an instantaneous stacked bar + legend; the expand modal still\n   * shows a time-series graph of the polled history).\n   */\n  variant?: \"area\" | \"line\" | \"stacked\" | \"breakdown\";\n  /**\n   * Chart variant rendered in the expand modal. Defaults to `variant` for the\n   * time-series variants and to \"area\" for `breakdown` (which has no inline chart).\n   */\n  expandVariant?: \"area\" | \"line\" | \"stacked\";\n  /**\n   * Denominator for the `breakdown` bar and per-segment percentages. Defaults to\n   * the sum of the series' `current` values when omitted.\n   */\n  total?: number;\n  /** Show a header button that opens the chart larger in a modal. Default true. */\n  expandable?: boolean;\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst SERIES_PALETTE = [\n  \"var(--chart-1, #3b82f6)\",\n  \"var(--chart-2, #ef4444)\",\n  \"var(--chart-3, #10b981)\",\n  \"var(--chart-4, #f59e0b)\",\n] as const;\n\nfunction paletteColor(index: number): string {\n  return SERIES_PALETTE[index % SERIES_PALETTE.length] ?? SERIES_PALETTE[0];\n}\n\n/** A series with its full request URL, resolved label, color, and unit. Exported for tests. */\nexport interface ResolvedSeries {\n  /** Stable key used as the merged-row field and recharts dataKey. */\n  key: string;\n  url: string;\n  label: string;\n  color: string;\n  /** Resolved Grafana unit key: the series' own unit, else the panel default. */\n  unit?: string;\n  transform?: (value: number) => number;\n  /** Instantaneous value used by the `breakdown` variant. */\n  current?: number;\n}\n\n/** Normalises the single-url and baseUrl+series forms to one list. Exported for tests. */\nexport function resolveSeries(props: TimeseriesPanelProps): ResolvedSeries[] {\n  const base = props.baseUrl ?? \"\";\n  const list = props.series ?? (props.url ? [{ id: props.url }] : []);\n  return list.map((s, i) => ({\n    key: s.id,\n    url: base + s.id,\n    label: s.label ?? s.id,\n    color: s.color ?? paletteColor(i),\n    ...(s.unit ?? props.unit ? { unit: s.unit ?? props.unit } : {}),\n    ...(s.transform ? { transform: s.transform } : {}),\n    ...(s.current !== undefined ? { current: s.current } : {}),\n  }));\n}\n\n/** One legend/bar row of the breakdown variant: resolved value, color, label, unit, percentage. */\nexport interface BreakdownItem {\n  key: string;\n  label: string;\n  color: string;\n  unit?: string;\n  value: number;\n  /** Share of `total`, clamped to 0..100. */\n  percent: number;\n}\n\n/**\n * Derives the breakdown bar segments and per-item percentages from the resolved\n * series' `current` values. `total` defaults to the sum of those values; the\n * percentage is each value's share of that denominator, clamped to 0..100.\n * Latest polled point fills in for a series with no explicit `current`. Pure —\n * exported for tests.\n */\nexport function resolveBreakdown(\n  series: ResolvedSeries[],\n  rows: MergedRow[],\n  total?: number,\n): { items: BreakdownItem[]; total: number } {\n  const withValue = series.map((s) => ({ s, value: s.current ?? latestOf(rows, s.key) ?? 0 }));\n  const denom = total ?? withValue.reduce((acc, w) => acc + w.value, 0);\n  const items = withValue.map(({ s, value }) => ({\n    key: s.key,\n    label: s.label,\n    color: s.color,\n    ...(s.unit ? { unit: s.unit } : {}),\n    value,\n    percent: denom > 0 ? Math.min(100, Math.max(0, (value / denom) * 100)) : 0,\n  }));\n  return { items, total: denom };\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction formatClock(at: string): string {\n  const date = new Date(at);\n  if (Number.isNaN(date.getTime())) return \"\";\n  return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\n/**\n * One row of the merged chart data: the timestamp in `at` plus each series'\n * value under its key. Values are absent (undefined) where a series has no\n * point at that timestamp.\n */\nexport interface MergedRow {\n  at: string;\n  [seriesKey: string]: string | number | undefined;\n}\n\n/**\n * Joins per-series point lists into rows keyed by timestamp and applies each\n * series' transform. Timestamps present in any series produce a row; missing\n * values are left undefined so recharts gaps the line rather than drawing zero.\n */\nexport function mergeSeries(\n  series: ResolvedSeries[],\n  pointsBySeries: (TimeseriesPoint[] | undefined)[],\n): MergedRow[] {\n  const rows = new Map<string, MergedRow>();\n  series.forEach((s, i) => {\n    for (const p of pointsBySeries[i] ?? []) {\n      const row = rows.get(p.at) ?? { at: p.at };\n      row[s.key] = s.transform ? s.transform(p.value) : p.value;\n      rows.set(p.at, row);\n    }\n  });\n  return [...rows.values()].sort((a, b) => a.at.localeCompare(b.at));\n}\n\nexport function TimeseriesPanel(props: TimeseriesPanelProps) {\n  const {\n    title,\n    icon,\n    unit,\n    range = \"1h\",\n    refreshMs = 5000,\n    height = 160,\n    variant = \"area\",\n    expandable = true,\n    total,\n    fetcher = defaultFetcher,\n    className,\n  } = props;\n  const isBreakdown = variant === \"breakdown\";\n  // The inline chart (non-breakdown only) and the expand modal both need a\n  // time-series variant; breakdown has no inline chart and expands to \"area\".\n  const chartVariant: ChartVariant = isBreakdown ? \"area\" : variant;\n  const expandVariant = props.expandVariant ?? chartVariant;\n\n  const [expanded, setExpanded] = useState(false);\n\n  const series = useMemo(() => resolveSeries(props), [props]);\n  const requestUrls = useMemo(\n    () =>\n      series.map((s) => {\n        const u = new URL(s.url, window.location.origin);\n        if (range) u.searchParams.set(\"since\", range);\n        return u.pathname + u.search;\n      }),\n    [series, range],\n  );\n\n  const results = useQueries({\n    queries: requestUrls.map((requestUrl) => ({\n      queryKey: [\"timeseries\", requestUrl],\n      queryFn: () => fetcher(requestUrl),\n      refetchInterval: refreshMs > 0 ? refreshMs : false,\n      staleTime: 0,\n      retry: 0,\n    })),\n  });\n\n  const isError = results.some((r) => r.isError);\n  const error = results.find((r) => r.isError)?.error;\n  const isLoading = results.some((r) => r.isLoading) && results.every((r) => !r.data);\n  const pointsBySeries = results.map((r) => r.data?.points);\n  const rows = useMemo(() => mergeSeries(series, pointsBySeries), [series, pointsBySeries]);\n  const hasMirrored = series.some((s) => s.transform);\n  const breakdown = useMemo(\n    () => (isBreakdown ? resolveBreakdown(series, rows, total) : null),\n    [isBreakdown, series, rows, total],\n  );\n\n  // Breakdown renders instantly from `current`; the modal still needs polled\n  // history. Other variants gate on having ≥2 points to draw a line.\n  const canExpand = expandable && rows.length >= 2;\n\n  return (\n    <div className={cn(\"flex flex-col rounded-lg border border-border bg-card p-3\", className)}>\n      <div className=\"flex items-center justify-between gap-2 text-xs text-muted-foreground\">\n        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n          {icon ? <PanelIcon icon={icon} /> : null}\n          <span className=\"truncate font-medium text-foreground\">{title}</span>\n        </span>\n        <span className=\"inline-flex shrink-0 items-center gap-1.5\">\n          {breakdown ? (\n            <BreakdownReadout total={breakdown.total} unit={unit} items={breakdown.items} />\n          ) : (\n            <LatestReadout series={series} rows={rows} />\n          )}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={14} height={14} />\n            </button>\n          ) : null}\n        </span>\n      </div>\n      <div className=\"mt-2\" style={breakdown ? undefined : { height }}>\n        {breakdown ? (\n          <BreakdownView total={breakdown.total} unit={unit} items={breakdown.items} />\n        ) : isError ? (\n          <PanelMessage>{(error as Error)?.message ?? \"Failed to load metric\"}</PanelMessage>\n        ) : isLoading ? (\n          <PanelMessage>Loading…</PanelMessage>\n        ) : rows.length < 2 ? (\n          <PanelMessage>Collecting data…</PanelMessage>\n        ) : (\n          <Chart rows={rows} series={series} variant={chartVariant} unit={unit} showZeroLine={hasMirrored} />\n        )}\n      </div>\n      {!breakdown && !isError && !isLoading && rows.length >= 2 && series.length > 1 ? (\n        <ChartLegend series={series} rows={rows} />\n      ) : null}\n      {canExpand ? (\n        <Modal open={expanded} onClose={() => setExpanded(false)} title={title} size=\"xl\">\n          <div style={{ height: 360 }}>\n            <Chart rows={rows} series={series} variant={expandVariant} unit={unit} showZeroLine={hasMirrored} />\n          </div>\n          {series.length > 1 ? <ChartLegend series={series} rows={rows} /> : null}\n        </Modal>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Header readout for a single-series panel: the latest value, formatted with the\n * series' unit. Multi-series panels render the per-series values in {@link ChartLegend}\n * below the chart instead, so this returns null for them to avoid overlapping the title.\n */\nfunction LatestReadout({ series, rows }: { series: ResolvedSeries[]; rows: MergedRow[] }) {\n  const only = series.length === 1 ? series[0] : undefined;\n  if (!only) return null;\n  const v = latestOf(rows, only.key);\n  if (v === undefined) return null;\n  return <span className=\"tabular-nums\">{formatUnit(Math.abs(v), only.unit)}</span>;\n}\n\n/** Wrapping color-keyed legend for the time-series variants: dot + label + latest value. */\nfunction ChartLegend({ series, rows }: { series: ResolvedSeries[]; rows: MergedRow[] }) {\n  return (\n    <ul className=\"mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground\">\n      {series.map((s) => {\n        const v = latestOf(rows, s.key);\n        return (\n          <li key={s.key} className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <span\n              className=\"h-2 w-2 shrink-0 rounded-full\"\n              style={{ backgroundColor: resolveCssColor(s.color) }}\n              aria-hidden\n            />\n            <span className=\"truncate text-foreground\">{s.label}</span>\n            {v !== undefined ? (\n              <span className=\"tabular-nums\">{formatUnit(Math.abs(v), s.unit)}</span>\n            ) : null}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\n/** Breakdown header readout: `used / total · pct%`, where used is the sum of segments. */\nfunction BreakdownReadout({\n  total,\n  unit,\n  items,\n}: {\n  total: number;\n  unit: string | undefined;\n  items: BreakdownItem[];\n}) {\n  const used = items.reduce((acc, it) => acc + it.value, 0);\n  const pct = total > 0 ? Math.min(100, (used / total) * 100) : 0;\n  return (\n    <span className=\"font-mono tabular-nums\">\n      {formatUnit(used, unit)} / {formatUnit(total, unit)} · {pct.toFixed(0)}%\n    </span>\n  );\n}\n\n/** Instantaneous stacked bar + legend list. The expand button (in the panel header) opens the graph. */\nfunction BreakdownView({\n  total,\n  unit,\n  items,\n}: {\n  total: number;\n  unit: string | undefined;\n  items: BreakdownItem[];\n}) {\n  const segments: ProgressSegment[] = items.map((it) => ({\n    count: it.value,\n    color: it.color,\n    label: it.label,\n  }));\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <ProgressBar segments={segments} total={total > 0 ? total : 1} height=\"h-3\" />\n      {items.length > 0 ? (\n        <ul className=\"grid grid-cols-1 gap-y-1 text-xs\">\n          {items.map((it) => (\n            <li key={it.key} className=\"flex items-center gap-2\">\n              <span\n                className=\"h-2 w-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: resolveCssColor(it.color) }}\n                aria-hidden\n              />\n              <span className=\"min-w-0 flex-1 truncate font-mono text-muted-foreground\">\n                {it.label}\n              </span>\n              <span className=\"font-mono tabular-nums text-foreground\">\n                {formatUnit(it.value, it.unit ?? unit)}\n              </span>\n              <span className=\"w-10 text-right font-mono tabular-nums text-muted-foreground\">\n                {it.percent.toFixed(0)}%\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n\ntype ChartVariant = \"area\" | \"line\" | \"stacked\";\n\nfunction Chart({\n  rows,\n  series,\n  variant,\n  unit,\n  showZeroLine,\n}: {\n  rows: MergedRow[];\n  series: ResolvedSeries[];\n  variant: ChartVariant;\n  unit: string | undefined;\n  showZeroLine: boolean;\n}) {\n  const stacked = variant === \"stacked\";\n  // Mirrored series carry negative values; show magnitudes on axis and tooltip.\n  const seriesByKey = new Map(series.map((s) => [s.key, s]));\n  // recharts needs a CSS color value; a series may carry a Tailwind class.\n  const strokeOf = (s: ResolvedSeries) => resolveCssColor(s.color);\n  // Distinct units map to a left and (when present) right axis; each series draws\n  // against the axis for its unit so mixed-unit panels keep independent scales.\n  const { axes: yAxes, axisOfKey } = useMemo(() => assignAxes(series), [series]);\n  const axisOf = (key: string): \"left\" | \"right\" => axisOfKey.get(key) ?? \"left\";\n  const axes = (\n    <>\n      <CartesianGrid strokeOpacity={0.12} vertical={false} />\n      <XAxis\n        dataKey=\"at\"\n        tickFormatter={formatClock}\n        tick={{ fontSize: 10 }}\n        stroke=\"currentColor\"\n        strokeOpacity={0.35}\n        minTickGap={32}\n      />\n      {yAxes.map((ax) => (\n        <YAxis\n          key={ax.id}\n          yAxisId={ax.id}\n          orientation={ax.orientation}\n          tick={{ fontSize: 10 }}\n          stroke=\"currentColor\"\n          strokeOpacity={0.35}\n          width={40}\n          tickFormatter={(v: number) => formatUnit(Math.abs(v), ax.unit)}\n        />\n      ))}\n      <Tooltip\n        labelFormatter={(label) => formatClock(String(label))}\n        formatter={(value, name) => {\n          const s = seriesByKey.get(String(name));\n          return [formatUnit(Math.abs(Number(value) || 0), s?.unit ?? unit), s?.label ?? String(name)];\n        }}\n        contentStyle={{ fontSize: 12 }}\n      />\n      {showZeroLine ? (\n        <ReferenceLine yAxisId=\"left\" y={0} stroke=\"currentColor\" strokeOpacity={0.35} />\n      ) : null}\n    </>\n  );\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      {variant === \"line\" ? (\n        <LineChart data={rows} margin={{ top: 4, right: 8, bottom: 0, left: 0 }}>\n          {axes}\n          {series.map((s) => (\n            <Line\n              key={s.key}\n              yAxisId={axisOf(s.key)}\n              type=\"monotone\"\n              dataKey={s.key}\n              name={s.key}\n              stroke={strokeOf(s)}\n              strokeWidth={2}\n              dot={false}\n              connectNulls\n              isAnimationActive={false}\n            />\n          ))}\n        </LineChart>\n      ) : (\n        <AreaChart data={rows} margin={{ top: 4, right: 8, bottom: 0, left: 0 }}>\n          {axes}\n          {series.map((s) => (\n            <Area\n              key={s.key}\n              yAxisId={axisOf(s.key)}\n              type=\"monotone\"\n              dataKey={s.key}\n              name={s.key}\n              stroke={strokeOf(s)}\n              fill={strokeOf(s)}\n              {...(stacked ? { stackId: `stack-${axisOf(s.key)}` } : {})}\n              fillOpacity={stacked ? 0.7 : 0.12}\n              strokeWidth={stacked ? 0 : 2}\n              connectNulls\n              isAnimationActive={false}\n            />\n          ))}\n        </AreaChart>\n      )}\n    </ResponsiveContainer>\n  );\n}\n\nfunction PanelMessage({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"flex h-full items-center justify-center text-xs text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction PanelIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return <Icon name={icon} width={16} height={16} className=\"text-muted-foreground\" />;\n  }\n  return <Icon icon={icon} width={16} height={16} className=\"text-muted-foreground\" />;\n}\n"],"names":["latestOf","useState","useMemo","useQueries","_a","cn","jsxs","jsx","Icon","UiFullscreen","Modal","formatUnit","resolveCssColor","ProgressBar","assignAxes","Fragment","CartesianGrid","XAxis","YAxis","Tooltip","ReferenceLine","ResponsiveContainer","LineChart","Line","AreaChart","Area"],"mappings":"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"}
+{"version":3,"file":"TimeseriesPanel.cjs","sources":["../../src/data/TimeseriesPanel.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport {\n  Area,\n  AreaChart,\n  CartesianGrid,\n  Line,\n  LineChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport { cn } from \"../lib/utils\";\nimport { resolveCssColor } from \"../lib/color\";\nimport { formatUnit } from \"../lib/format\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ProgressBar, type ProgressSegment } from \"./ProgressBar\";\nimport { UiFullscreen } from \"../icons\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { assignAxes, latestOf } from \"./TimeseriesPanel.axes\";\nimport {\n  mergeSeries,\n  resolveBreakdown,\n  resolveSeries,\n  type BreakdownItem,\n  type MergedRow,\n  type ResolvedSeries,\n  type TimeseriesPanelProps,\n  type TimeseriesResponse,\n} from \"./TimeseriesPanel.model\";\n\nexport type { AxisAssignment, AxisOrientation, AxisSpec } from \"./TimeseriesPanel.axes\";\nexport type {\n  BreakdownItem,\n  MergedRow,\n  ResolvedSeries,\n  TimeseriesPanelProps,\n  TimeseriesPoint,\n  TimeseriesResponse,\n  TimeseriesSeries,\n} from \"./TimeseriesPanel.model\";\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction formatClock(at: string): string {\n  const date = new Date(at);\n  if (Number.isNaN(date.getTime())) return \"\";\n  return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nexport function TimeseriesPanel(props: TimeseriesPanelProps) {\n  const {\n    title,\n    icon,\n    unit,\n    range = \"1h\",\n    refreshMs = 5000,\n    height = 160,\n    variant = \"area\",\n    expandable = true,\n    total,\n    fetcher = defaultFetcher,\n    className,\n  } = props;\n  const isBreakdown = variant === \"breakdown\";\n  // The inline chart (non-breakdown only) and the expand modal both need a\n  // time-series variant; breakdown has no inline chart and expands to \"area\".\n  const chartVariant: ChartVariant = isBreakdown ? \"area\" : variant;\n  const expandVariant = props.expandVariant ?? chartVariant;\n\n  const [expanded, setExpanded] = useState(false);\n\n  const series = useMemo(() => resolveSeries(props), [props]);\n  const requestUrls = useMemo(\n    () =>\n      series.map((s) => {\n        const u = new URL(s.url, window.location.origin);\n        if (range) u.searchParams.set(\"since\", range);\n        return u.pathname + u.search;\n      }),\n    [series, range],\n  );\n\n  const results = useQueries({\n    queries: requestUrls.map((requestUrl) => ({\n      queryKey: [\"timeseries\", requestUrl],\n      queryFn: () => fetcher(requestUrl),\n      refetchInterval: refreshMs > 0 ? refreshMs : false,\n      staleTime: 0,\n      retry: 0,\n    })),\n  });\n\n  const isError = results.some((r) => r.isError);\n  const error = results.find((r) => r.isError)?.error;\n  const isLoading = results.some((r) => r.isLoading) && results.every((r) => !r.data);\n  const pointsBySeries = results.map((r) => r.data?.points);\n  const rows = useMemo(() => mergeSeries(series, pointsBySeries), [series, pointsBySeries]);\n  const hasMirrored = series.some((s) => s.transform);\n  const breakdown = useMemo(\n    () => (isBreakdown ? resolveBreakdown(series, rows, total) : null),\n    [isBreakdown, series, rows, total],\n  );\n\n  // Breakdown renders instantly from `current`; the modal still needs polled\n  // history. Other variants gate on having ≥2 points to draw a line.\n  const canExpand = expandable && rows.length >= 2;\n\n  return (\n    <div className={cn(\"flex flex-col rounded-lg border border-border bg-card p-3\", className)}>\n      <div className=\"flex items-center justify-between gap-2 text-xs text-muted-foreground\">\n        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n          {icon ? <PanelIcon icon={icon} /> : null}\n          <span className=\"truncate font-medium text-foreground\">{title}</span>\n        </span>\n        <span className=\"inline-flex shrink-0 items-center gap-1.5\">\n          {breakdown ? (\n            <BreakdownReadout total={breakdown.total} unit={unit} items={breakdown.items} />\n          ) : (\n            <LatestReadout series={series} rows={rows} />\n          )}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"text-muted-foreground transition-colors hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={14} height={14} />\n            </button>\n          ) : null}\n        </span>\n      </div>\n      <div className=\"mt-2\" style={breakdown ? undefined : { height }}>\n        {breakdown ? (\n          <BreakdownView total={breakdown.total} unit={unit} items={breakdown.items} />\n        ) : isError ? (\n          <PanelMessage>{(error as Error)?.message ?? \"Failed to load metric\"}</PanelMessage>\n        ) : isLoading ? (\n          <PanelMessage>Loading…</PanelMessage>\n        ) : rows.length < 2 ? (\n          <PanelMessage>Collecting data…</PanelMessage>\n        ) : (\n          <Chart rows={rows} series={series} variant={chartVariant} unit={unit} showZeroLine={hasMirrored} />\n        )}\n      </div>\n      {!breakdown && !isError && !isLoading && rows.length >= 2 && series.length > 1 ? (\n        <ChartLegend series={series} rows={rows} />\n      ) : null}\n      {canExpand ? (\n        <Modal open={expanded} onClose={() => setExpanded(false)} title={title} size=\"xl\">\n          <div style={{ height: 360 }}>\n            <Chart rows={rows} series={series} variant={expandVariant} unit={unit} showZeroLine={hasMirrored} />\n          </div>\n          {series.length > 1 ? <ChartLegend series={series} rows={rows} /> : null}\n        </Modal>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Header readout for a single-series panel: the latest value, formatted with the\n * series' unit. Multi-series panels render the per-series values in {@link ChartLegend}\n * below the chart instead, so this returns null for them to avoid overlapping the title.\n */\nfunction LatestReadout({ series, rows }: { series: ResolvedSeries[]; rows: MergedRow[] }) {\n  const only = series.length === 1 ? series[0] : undefined;\n  if (!only) return null;\n  const v = latestOf(rows, only.key);\n  if (v === undefined) return null;\n  return <span className=\"tabular-nums\">{formatUnit(Math.abs(v), only.unit)}</span>;\n}\n\n/** Wrapping color-keyed legend for the time-series variants: dot + label + latest value. */\nfunction ChartLegend({ series, rows }: { series: ResolvedSeries[]; rows: MergedRow[] }) {\n  return (\n    <ul className=\"mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground\">\n      {series.map((s) => {\n        const v = latestOf(rows, s.key);\n        return (\n          <li key={s.key} className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <span\n              className=\"h-2 w-2 shrink-0 rounded-full\"\n              style={{ backgroundColor: resolveCssColor(s.color) }}\n              aria-hidden\n            />\n            <span className=\"truncate text-foreground\">{s.label}</span>\n            {v !== undefined ? (\n              <span className=\"tabular-nums\">{formatUnit(Math.abs(v), s.unit)}</span>\n            ) : null}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\n/** Breakdown header readout: `used / total · pct%`, where used is the sum of segments. */\nfunction BreakdownReadout({\n  total,\n  unit,\n  items,\n}: {\n  total: number;\n  unit: string | undefined;\n  items: BreakdownItem[];\n}) {\n  const used = items.reduce((acc, it) => acc + it.value, 0);\n  const pct = total > 0 ? Math.min(100, (used / total) * 100) : 0;\n  return (\n    <span className=\"font-mono tabular-nums\">\n      {formatUnit(used, unit)} / {formatUnit(total, unit)} · {pct.toFixed(0)}%\n    </span>\n  );\n}\n\n/** Instantaneous stacked bar + legend list. The expand button (in the panel header) opens the graph. */\nfunction BreakdownView({\n  total,\n  unit,\n  items,\n}: {\n  total: number;\n  unit: string | undefined;\n  items: BreakdownItem[];\n}) {\n  const segments: ProgressSegment[] = items.map((it) => ({\n    count: it.value,\n    color: it.color,\n    label: it.label,\n  }));\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <ProgressBar segments={segments} total={total > 0 ? total : 1} height=\"h-3\" />\n      {items.length > 0 ? (\n        <ul className=\"grid grid-cols-1 gap-y-1 text-xs\">\n          {items.map((it) => (\n            <li key={it.key} className=\"flex items-center gap-2\">\n              <span\n                className=\"h-2 w-2 shrink-0 rounded-full\"\n                style={{ backgroundColor: resolveCssColor(it.color) }}\n                aria-hidden\n              />\n              <span className=\"min-w-0 flex-1 truncate font-mono text-muted-foreground\">\n                {it.label}\n              </span>\n              <span className=\"font-mono tabular-nums text-foreground\">\n                {formatUnit(it.value, it.unit ?? unit)}\n              </span>\n              <span className=\"w-10 text-right font-mono tabular-nums text-muted-foreground\">\n                {it.percent.toFixed(0)}%\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n\ntype ChartVariant = \"area\" | \"line\" | \"stacked\";\n\nfunction Chart({\n  rows,\n  series,\n  variant,\n  unit,\n  showZeroLine,\n}: {\n  rows: MergedRow[];\n  series: ResolvedSeries[];\n  variant: ChartVariant;\n  unit: string | undefined;\n  showZeroLine: boolean;\n}) {\n  const stacked = variant === \"stacked\";\n  // Mirrored series carry negative values; show magnitudes on axis and tooltip.\n  const seriesByKey = new Map(series.map((s) => [s.key, s]));\n  // recharts needs a CSS color value; a series may carry a Tailwind class.\n  const strokeOf = (s: ResolvedSeries) => resolveCssColor(s.color);\n  // Distinct units map to a left and (when present) right axis; each series draws\n  // against the axis for its unit so mixed-unit panels keep independent scales.\n  const { axes: yAxes, axisOfKey } = useMemo(() => assignAxes(series), [series]);\n  const axisOf = (key: string): \"left\" | \"right\" => axisOfKey.get(key) ?? \"left\";\n  const axes = (\n    <>\n      <CartesianGrid strokeOpacity={0.12} vertical={false} />\n      <XAxis\n        dataKey=\"at\"\n        tickFormatter={formatClock}\n        tick={{ fontSize: 10 }}\n        stroke=\"currentColor\"\n        strokeOpacity={0.35}\n        minTickGap={32}\n      />\n      {yAxes.map((ax) => (\n        <YAxis\n          key={ax.id}\n          yAxisId={ax.id}\n          orientation={ax.orientation}\n          tick={{ fontSize: 10 }}\n          stroke=\"currentColor\"\n          strokeOpacity={0.35}\n          width={40}\n          tickFormatter={(v: number) => formatUnit(Math.abs(v), ax.unit)}\n        />\n      ))}\n      <Tooltip\n        labelFormatter={(label) => formatClock(String(label))}\n        formatter={(value, name) => {\n          const s = seriesByKey.get(String(name));\n          return [formatUnit(Math.abs(Number(value) || 0), s?.unit ?? unit), s?.label ?? String(name)];\n        }}\n        contentStyle={{ fontSize: 12 }}\n      />\n      {showZeroLine ? (\n        <ReferenceLine yAxisId=\"left\" y={0} stroke=\"currentColor\" strokeOpacity={0.35} />\n      ) : null}\n    </>\n  );\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      {variant === \"line\" ? (\n        <LineChart data={rows} margin={{ top: 4, right: 8, bottom: 0, left: 0 }}>\n          {axes}\n          {series.map((s) => (\n            <Line\n              key={s.key}\n              yAxisId={axisOf(s.key)}\n              type=\"monotone\"\n              dataKey={s.key}\n              name={s.key}\n              stroke={strokeOf(s)}\n              strokeWidth={2}\n              dot={false}\n              connectNulls\n              isAnimationActive={false}\n            />\n          ))}\n        </LineChart>\n      ) : (\n        <AreaChart data={rows} margin={{ top: 4, right: 8, bottom: 0, left: 0 }}>\n          {axes}\n          {series.map((s) => (\n            <Area\n              key={s.key}\n              yAxisId={axisOf(s.key)}\n              type=\"monotone\"\n              dataKey={s.key}\n              name={s.key}\n              stroke={strokeOf(s)}\n              fill={strokeOf(s)}\n              {...(stacked ? { stackId: `stack-${axisOf(s.key)}` } : {})}\n              fillOpacity={stacked ? 0.7 : 0.12}\n              strokeWidth={stacked ? 0 : 2}\n              connectNulls\n              isAnimationActive={false}\n            />\n          ))}\n        </AreaChart>\n      )}\n    </ResponsiveContainer>\n  );\n}\n\nfunction PanelMessage({ children }: { children: React.ReactNode }) {\n  return (\n    <div className=\"flex h-full items-center justify-center text-xs text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction PanelIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return <Icon name={icon} width={16} height={16} className=\"text-muted-foreground\" />;\n  }\n  return <Icon icon={icon} width={16} height={16} className=\"text-muted-foreground\" />;\n}\n"],"names":["useState","useMemo","resolveSeries","useQueries","_a","mergeSeries","resolveBreakdown","cn","jsxs","jsx","Icon","UiFullscreen","Modal","latestOf","formatUnit","resolveCssColor","ProgressBar","assignAxes","Fragment","CartesianGrid","XAxis","YAxis","Tooltip","ReferenceLine","ResponsiveContainer","LineChart","Line","AreaChart","Area"],"mappings":"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"}