@flanksource/clicky-ui 0.3.38 → 0.3.40

package/dist/data/SchemaViewer.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { JsonSchemaObject } from '../components/json-schema-form-types';
-import { SchemaViewerFieldMeta, SchemaViewerNode } from './schema-viewer-model';
+import { JsonSchemaObject } from '../components/json-schema-form-types.js';
+import { SchemaViewerFieldMeta, SchemaViewerNode } from './schema-viewer-model.js';
 export interface SchemaViewerProps {
     schema: JsonSchemaObject;
     /** Pre-scoped tree roots, for dialogs that want to show a single schema branch. */

package/dist/data/SelectionActionBar.d.ts

@@ -1,4 +1,4 @@
-import { DataTableSelectionAction, DataTableSelectionContext } from './DataTable';
+import { DataTableSelectionAction, DataTableSelectionContext } from './DataTable.js';
 export type SelectionActionBarProps<T extends Record<string, unknown>> = {
     actions: DataTableSelectionAction<T>[];
     context: DataTableSelectionContext<T>;

package/dist/data/ServerTimingBadge.d.ts

@@ -1,5 +1,5 @@
-import { HoverCardPlacement } from '../overlay/HoverCard';
-import { ServerTimingMetric } from './server-timing';
+import { HoverCardPlacement } from '../overlay/HoverCard.js';
+import { ServerTimingMetric } from './server-timing.js';
 export interface ServerTimingBadgeProps {
     metrics?: readonly ServerTimingMetric[];
     placement?: HoverCardPlacement;

package/dist/data/SortableHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SortDir } from '../hooks/use-sort';
+import { SortDir } from '../hooks/use-sort.js';
 export type SortableHeaderProps = {
     /** Whether this header currently owns the sort state. */
     active: boolean;

package/dist/data/StatStrip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { StaticIconComponent } from './Icon';
-import { BadgeTone } from './Badge';
+import { StaticIconComponent } from './Icon.js';
+import { BadgeTone } from './Badge.js';
 export type StatStripItem = {
     /** Short caption above the value. */
     label: ReactNode;

package/dist/data/TabButton.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { StaticIconComponent } from './Icon';
+import { StaticIconComponent } from './Icon.js';
 /** Visual style: a filled `pill` (default) or an `underline` tab. */
 export type TabButtonVariant = "pill" | "underline";
 export type TabButtonProps = {

package/dist/data/TaskExecDetails.d.ts

@@ -1,4 +1,4 @@
-import { TaskExecDetails } from './TaskSnapshot';
+import { TaskExecDetails } from './TaskSnapshot.js';
 export declare function TaskCommandLine({ command, args, cwd, }: {
     command: string;
     args?: string[];

package/dist/data/TaskHeaderExtras.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TaskSnapshot } from './TaskSnapshot';
+import { TaskSnapshot } from './TaskSnapshot.js';
 /**
  * Contributes host-owned content into a task's header row — the line carrying
  * its name, beside the duration and controls. It exists for the same reason

package/dist/data/TaskManager.d.ts

@@ -1,5 +1,5 @@
-import { TaskHeaderExtra } from './TaskHeaderExtras';
-import { TaskExtraTabs } from './TaskStreamTabs';
+import { TaskHeaderExtra } from './TaskHeaderExtras.js';
+import { TaskExtraTabs } from './TaskStreamTabs.js';
 export interface TaskManagerProps {
     /** Base path of the clicky task API, e.g. "/api/v1". */
     basePath?: string;

package/dist/data/TaskProcessDetails.d.ts

@@ -1,4 +1,4 @@
-import { TaskProcessDetails } from './TaskSnapshot';
+import { TaskProcessDetails } from './TaskSnapshot.js';
 export declare function TaskProcessDetailsView({ details, metricsBaseUrl, connectionStatus, }: {
     details: TaskProcessDetails;
     metricsBaseUrl?: string;

package/dist/data/TaskProcessMetadata.d.ts

@@ -1,4 +1,4 @@
-import { TaskProcessDetails } from './TaskSnapshot';
+import { TaskProcessDetails } from './TaskSnapshot.js';
 /**
  * TaskMetadata renders the caller's own context for a process — which run it is
  * working, which model, which phase, which turn. The producer chooses both the

package/dist/data/TaskProgress.d.ts

@@ -1,6 +1,6 @@
-import { TaskControlAction, TaskSnapshot } from './TaskSnapshot';
-import { TaskHeaderExtra } from './TaskHeaderExtras';
-import { TaskExtraTabs } from './TaskStreamTabs';
+import { TaskControlAction, TaskSnapshot } from './TaskSnapshot.js';
+import { TaskHeaderExtra } from './TaskHeaderExtras.js';
+import { TaskExtraTabs } from './TaskStreamTabs.js';
 export interface TaskProgressProps {
     snapshots: TaskSnapshot[];
     title?: string;

package/dist/data/TaskResourceReadings.d.ts

@@ -1,4 +1,4 @@
-import { TaskProcessDetails } from './TaskSnapshot';
+import { TaskProcessDetails } from './TaskSnapshot.js';
 export declare function TaskResourceReadings({ details, connectionStatus }: {
     details: TaskProcessDetails;
     connectionStatus?: string;

package/dist/data/TaskStreamTabs.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TaskSnapshot } from './TaskSnapshot';
+import { TaskSnapshot } from './TaskSnapshot.js';
 /**
  * A pane of output for a task, contributed by the host. It exists because the
  * raw stdout of a process is not always the output worth reading: an agent's

package/dist/data/Timeline.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { StaticIconComponent } from './Icon';
-import { BadgeTone } from './Badge';
+import { StaticIconComponent } from './Icon.js';
+import { BadgeTone } from './Badge.js';
 export type TimelineItem = {
     /** Stable key. */
     id: string | number;

package/dist/data/TimeseriesCoreBars.cjs

@@ -1,21 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const reactQuery = require("@tanstack/react-query");
-const react = require("react");
 const ProgressBars = require("./ProgressBars.cjs");
 const gaugeStats = require("./gauge-stats.cjs");
-const defaultFetcher = async (url) => {
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);
-  return res.json();
-};
-function latestValue(resp) {
-  var _a;
-  const points = resp == null ? void 0 : resp.points;
-  if (!points || points.length === 0) return void 0;
-  return (_a = points[points.length - 1]) == null ? void 0 : _a.value;
-}
+const timeseriesQuery = require("./timeseries-query.cjs");
 function TimeseriesCoreBars({
   baseUrl = "",
   value,
@@ -32,38 +20,24 @@ function TimeseriesCoreBars({
   showCapacity = false,
   orientation,
   hoverCard = true,
-  fetcher = defaultFetcher,
+  fetcher = timeseriesQuery.defaultTimeseriesFetcher,
   className
 }) {
   var _a, _b, _c, _d;
-  const maxIsSeries = typeof max === "object";
-  const maxSeries = maxIsSeries ? max : void 0;
-  const ids = react.useMemo(() => {
-    const list = [value.id];
-    if (maxSeries) list.push(maxSeries.id);
-    return list;
-  }, [value.id, maxSeries]);
-  const results = reactQuery.useQueries({
-    queries: ids.map((id) => {
-      const u = new URL(baseUrl + id, window.location.origin);
-      if (range) u.searchParams.set("since", range);
-      const requestUrl = u.pathname + u.search;
-      return {
-        queryKey: ["timeseries", requestUrl],
-        queryFn: () => fetcher(requestUrl),
-        refetchInterval: refreshMs > 0 ? refreshMs : false,
-        staleTime: 0,
-        retry: 0
-      };
-    })
+  const maxSeries = typeof max === "object" ? max : void 0;
+  const results = timeseriesQuery.useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {
+    baseUrl,
+    range,
+    refreshMs,
+    fetcher
   });
-  const rawValue = latestValue((_a = results[0]) == null ? void 0 : _a.data);
+  const rawValue = timeseriesQuery.latestValue((_a = results[0]) == null ? void 0 : _a.data);
   const usage = rawValue === void 0 ? void 0 : value.transform ? value.transform(rawValue) : rawValue;
   let limit;
   if (typeof max === "number") {
     limit = max;
   } else if (maxSeries) {
-    const rawMax = latestValue((_b = results[1]) == null ? void 0 : _b.data);
+    const rawMax = timeseriesQuery.latestValue((_b = results[1]) == null ? void 0 : _b.data);
     limit = rawMax === void 0 ? void 0 : maxSeries.transform ? maxSeries.transform(rawMax) : rawMax;
   }
   const stats = gaugeStats.seriesStats((_d = (_c = results[0]) == null ? void 0 : _c.data) == null ? void 0 : _d.points, value.transform);

package/dist/data/TimeseriesCoreBars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.cjs","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\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 capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\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  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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 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\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\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 =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : 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 =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":["useMemo","useQueries","seriesStats","jsx","ProgressBars"],"mappings":";;;;;;;AA+DA,MAAM,iBAAiB,OAAO,QAA6C;AACzE,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,MAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,2BAA2B,IAAI,MAAM,EAAE;AACpE,SAAO,IAAI,KAAA;AACb;AAEA,SAAS,YAAY,MAA0D;;AAC7E,QAAM,SAAS,6BAAM;AACrB,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,UAAO,YAAO,OAAO,SAAS,CAAC,MAAxB,mBAA2B;AACpC;AASO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,cAAc,OAAO,QAAQ;AACnC,QAAM,YAAY,cAAc,MAAM;AACtC,QAAM,MAAMA,MAAAA,QAAQ,MAAM;AACxB,UAAM,OAAO,CAAC,MAAM,EAAE;AACtB,QAAI,UAAW,MAAK,KAAK,UAAU,EAAE;AACrC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,SAAS,CAAC;AAExB,QAAM,UAAUC,WAAAA,WAAW;AAAA,IACzB,SAAS,IAAI,IAAI,CAAC,OAAO;AACvB,YAAM,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,SAAS,MAAM;AACtD,UAAI,MAAO,GAAE,aAAa,IAAI,SAAS,KAAK;AAC5C,YAAM,aAAa,EAAE,WAAW,EAAE;AAClC,aAAO;AAAA,QACL,UAAU,CAAC,cAAc,UAAU;AAAA,QACnC,SAAS,MAAM,QAAQ,UAAU;AAAA,QACjC,iBAAiB,YAAY,IAAI,YAAY;AAAA,QAC7C,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,EAAA,CACF;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQC,WAAAA,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACEC,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;;"}
+{"version":3,"file":"TimeseriesCoreBars.cjs","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\nimport { defaultTimeseriesFetcher, latestValue, useTimeseriesQueries } from \"./timeseries-query\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id` (unless a series has `load`). */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\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  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultTimeseriesFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxSeries = typeof max === \"object\" ? max : undefined;\n  const results = useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {\n    baseUrl,\n    range,\n    refreshMs,\n    fetcher,\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : 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 =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":["defaultTimeseriesFetcher","useTimeseriesQueries","latestValue","seriesStats","jsx","ProgressBars"],"mappings":";;;;;;AAqEO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAUA,gBAAAA;AAAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,YAAY,OAAO,QAAQ,WAAW,MAAM;AAClD,QAAM,UAAUC,gBAAAA,qBAAqB,YAAY,CAAC,OAAO,SAAS,IAAI,CAAC,KAAK,GAAG;AAAA,IAC7E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,WAAWC,gBAAAA,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAASA,gBAAAA,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQC,WAAAA,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACEC,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;;"}

package/dist/data/TimeseriesCoreBars.d.ts

@@ -1,9 +1,9 @@
-import { StaticIconComponent } from './Icon';
-import { GaugeSeries } from './TimeseriesGauge';
-import { TimeseriesResponse } from './TimeseriesPanel';
-import { ProgressBarsOrientation, ProgressBarsUnit, ProgressBarsVariant } from './ProgressBars';
+import { StaticIconComponent } from './Icon.js';
+import { GaugeSeries } from './TimeseriesGauge.js';
+import { TimeseriesResponse } from './TimeseriesPanel.js';
+import { ProgressBarsOrientation, ProgressBarsUnit, ProgressBarsVariant } from './ProgressBars.js';
 export interface TimeseriesCoreBarsProps {
-    /** Common prefix; the value/max requests are `baseUrl + id`. */
+    /** Common prefix; the value/max requests are `baseUrl + id` (unless a series has `load`). */
     baseUrl?: string;
     /** The metric whose latest value (CPU millicores) fills the bars. */
     value: GaugeSeries;

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

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAGxB,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,mFAAmF;IACnF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,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,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,YAAoB,EACpB,WAAW,EACX,SAAgB,EAChB,OAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,+BAkEzB"}
+{"version":3,"file":"TimeseriesCoreBars.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesCoreBars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACzB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,WAAW,uBAAuB;IACtC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,mFAAmF;IACnF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,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,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAY,EACZ,KAAK,EACL,GAAG,EACH,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAqB,EACrB,OAAmB,EACnB,SAAgB,EAChB,SAAgB,EAChB,YAAoB,EACpB,WAAW,EACX,SAAgB,EAChB,OAAkC,EAClC,SAAS,GACV,EAAE,uBAAuB,+BAmDzB"}

package/dist/data/TimeseriesCoreBars.js

@@ -1,19 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { useQueries } from "@tanstack/react-query";
-import { useMemo } from "react";
 import { ProgressBars } from "./ProgressBars.js";
 import { seriesStats } from "./gauge-stats.js";
-const defaultFetcher = async (url) => {
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);
-  return res.json();
-};
-function latestValue(resp) {
-  var _a;
-  const points = resp == null ? void 0 : resp.points;
-  if (!points || points.length === 0) return void 0;
-  return (_a = points[points.length - 1]) == null ? void 0 : _a.value;
-}
+import { useTimeseriesQueries, latestValue, defaultTimeseriesFetcher } from "./timeseries-query.js";
 function TimeseriesCoreBars({
   baseUrl = "",
   value,
@@ -30,30 +18,16 @@ function TimeseriesCoreBars({
   showCapacity = false,
   orientation,
   hoverCard = true,
-  fetcher = defaultFetcher,
+  fetcher = defaultTimeseriesFetcher,
   className
 }) {
   var _a, _b, _c, _d;
-  const maxIsSeries = typeof max === "object";
-  const maxSeries = maxIsSeries ? max : void 0;
-  const ids = useMemo(() => {
-    const list = [value.id];
-    if (maxSeries) list.push(maxSeries.id);
-    return list;
-  }, [value.id, maxSeries]);
-  const results = useQueries({
-    queries: ids.map((id) => {
-      const u = new URL(baseUrl + id, window.location.origin);
-      if (range) u.searchParams.set("since", range);
-      const requestUrl = u.pathname + u.search;
-      return {
-        queryKey: ["timeseries", requestUrl],
-        queryFn: () => fetcher(requestUrl),
-        refetchInterval: refreshMs > 0 ? refreshMs : false,
-        staleTime: 0,
-        retry: 0
-      };
-    })
+  const maxSeries = typeof max === "object" ? max : void 0;
+  const results = useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {
+    baseUrl,
+    range,
+    refreshMs,
+    fetcher
   });
   const rawValue = latestValue((_a = results[0]) == null ? void 0 : _a.data);
   const usage = rawValue === void 0 ? void 0 : value.transform ? value.transform(rawValue) : rawValue;

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 { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\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 capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\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  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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 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\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\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 =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : 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 =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AA+DA,MAAM,iBAAiB,OAAO,QAA6C;AACzE,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,MAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,2BAA2B,IAAI,MAAM,EAAE;AACpE,SAAO,IAAI,KAAA;AACb;AAEA,SAAS,YAAY,MAA0D;;AAC7E,QAAM,SAAS,6BAAM;AACrB,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,UAAO,YAAO,OAAO,SAAS,CAAC,MAAxB,mBAA2B;AACpC;AASO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,cAAc,OAAO,QAAQ;AACnC,QAAM,YAAY,cAAc,MAAM;AACtC,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,OAAO,CAAC,MAAM,EAAE;AACtB,QAAI,UAAW,MAAK,KAAK,UAAU,EAAE;AACrC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,SAAS,CAAC;AAExB,QAAM,UAAU,WAAW;AAAA,IACzB,SAAS,IAAI,IAAI,CAAC,OAAO;AACvB,YAAM,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,SAAS,MAAM;AACtD,UAAI,MAAO,GAAE,aAAa,IAAI,SAAS,KAAK;AAC5C,YAAM,aAAa,EAAE,WAAW,EAAE;AAClC,aAAO;AAAA,QACL,UAAU,CAAC,cAAc,UAAU;AAAA,QACnC,SAAS,MAAM,QAAQ,UAAU;AAAA,QACjC,iBAAiB,YAAY,IAAI,YAAY;AAAA,QAC7C,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,EAAA,CACF;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQ,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;"}
+{"version":3,"file":"TimeseriesCoreBars.js","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\nimport { defaultTimeseriesFetcher, latestValue, useTimeseriesQueries } from \"./timeseries-query\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id` (unless a series has `load`). */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\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  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultTimeseriesFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxSeries = typeof max === \"object\" ? max : undefined;\n  const results = useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {\n    baseUrl,\n    range,\n    refreshMs,\n    fetcher,\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : 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 =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAqEO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,YAAY,OAAO,QAAQ,WAAW,MAAM;AAClD,QAAM,UAAU,qBAAqB,YAAY,CAAC,OAAO,SAAS,IAAI,CAAC,KAAK,GAAG;AAAA,IAC7E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQ,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;"}

package/dist/data/TimeseriesGauge.cjs

@@ -1,21 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const reactQuery = require("@tanstack/react-query");
 const react = require("react");
 const utils = require("../lib/utils.cjs");
 const format = require("../lib/format.cjs");
 const Modal = require("../overlay/Modal.cjs");
 const Icon = require("./Icon.cjs");
 const TimeseriesPanel = require("./TimeseriesPanel.cjs");
+const timeseriesQuery = require("./timeseries-query.cjs");
 const GaugeHoverCard = require("./GaugeHoverCard.cjs");
 const gaugeStats = require("./gauge-stats.cjs");
 const UiFullscreen = require("../icons/components/UiFullscreen.cjs");
-const defaultFetcher = async (url) => {
-  const res = await fetch(url);
-  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);
-  return res.json();
-};
 const GAUGE_RADIUS = 40;
 const GAUGE_ARC = Math.PI * GAUGE_RADIUS;
 const GAUGE_PATH = `M 10 50 A ${GAUGE_RADIUS} ${GAUGE_RADIUS} 0 0 1 90 50`;
@@ -56,12 +51,6 @@ function GaugeBar({ pct, toneBg, className }) {
     }
   ) });
 }
-function latestValue(resp) {
-  var _a;
-  const points = resp == null ? void 0 : resp.points;
-  if (!points || points.length === 0) return void 0;
-  return (_a = points[points.length - 1]) == null ? void 0 : _a.value;
-}
 function GaugeIcon({ icon }) {
   if (typeof icon === "string") {
     return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, width: 14, height: 14, className: "text-muted-foreground" });
@@ -84,40 +73,27 @@ function TimeseriesGauge({
   shape = "radial",
   showLabel = true,
   hoverCard = true,
-  fetcher = defaultFetcher,
+  fetcher = timeseriesQuery.defaultTimeseriesFetcher,
   className
 }) {
   var _a, _b, _c, _d;
   const [expanded, setExpanded] = react.useState(false);
   const maxIsSeries = typeof max === "object";
   const maxSeries = maxIsSeries ? max : void 0;
-  const ids = react.useMemo(() => {
-    const list = [value.id];
-    if (maxSeries) list.push(maxSeries.id);
-    return list;
-  }, [value.id, maxSeries]);
-  const results = reactQuery.useQueries({
-    queries: ids.map((id) => {
-      const u = new URL(baseUrl + id, window.location.origin);
-      if (range) u.searchParams.set("since", range);
-      const requestUrl = u.pathname + u.search;
-      return {
-        queryKey: ["timeseries", requestUrl],
-        queryFn: () => fetcher(requestUrl),
-        refetchInterval: refreshMs > 0 ? refreshMs : false,
-        staleTime: 0,
-        retry: 0
-      };
-    })
+  const results = timeseriesQuery.useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {
+    baseUrl,
+    range,
+    refreshMs,
+    fetcher
   });
-  const rawValue = latestValue((_a = results[0]) == null ? void 0 : _a.data);
+  const rawValue = timeseriesQuery.latestValue((_a = results[0]) == null ? void 0 : _a.data);
   const hasValue = rawValue !== void 0;
   const usage = value.transform ? value.transform(rawValue ?? 0) : rawValue ?? 0;
   let limit;
   if (typeof max === "number") {
     limit = max;
   } else if (maxSeries) {
-    const rawMax = latestValue((_b = results[1]) == null ? void 0 : _b.data);
+    const rawMax = timeseriesQuery.latestValue((_b = results[1]) == null ? void 0 : _b.data);
     limit = rawMax === void 0 ? void 0 : maxSeries.transform ? maxSeries.transform(rawMax) : rawMax;
   }
   const bounded = hasValue && limit !== void 0 && limit > 0;
@@ -129,10 +105,10 @@ function TimeseriesGauge({
   const canExpand = expandable && variant === "default";
   const readoutTone = bounded ? tone : "text-foreground";
   const chartSeries = react.useMemo(() => {
-    const s = [{ id: value.id, label: "value", ...value.transform ? { transform: value.transform } : {} }];
-    if (maxSeries) s.push({ id: maxSeries.id, label: "max", ...maxSeries.transform ? { transform: maxSeries.transform } : {} });
+    const s = [{ ...value, label: "value" }];
+    if (maxSeries) s.push({ ...maxSeries, label: "max" });
     return s;
-  }, [value.id, value.transform, maxSeries]);
+  }, [value, maxSeries]);
   const stats = gaugeStats.seriesStats((_d = (_c = results[0]) == null ? void 0 : _c.data) == null ? void 0 : _d.points, value.transform);
   const fmt = (n) => format.formatUnit(n, unit);
   const hoverRows = hasValue ? [

package/dist/data/TimeseriesGauge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesGauge.cjs","sources":["../../src/data/TimeseriesGauge.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { formatUnit } from \"../lib/format\";\nimport { Modal } from \"../overlay/Modal\";\nimport { UiFullscreen } from \"../icons\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport {\n  TimeseriesPanel,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\nimport { seriesStats } from \"./gauge-stats\";\n\n/** A metric series whose latest value drives the gauge fill or its maximum. */\nexport interface GaugeSeries {\n  /** Metric id appended to the gauge's baseUrl, e.g. \"k8s.statefulset.cycle.cpu.usage\". */\n  id: string;\n  /** Maps the latest value before display (e.g. unit scaling). Identity when omitted. */\n  transform?: (value: number) => number;\n}\n\nexport type TimeseriesGaugeVariant = \"default\" | \"cell\";\n/** Gauge fill geometry: a half-circle arc (default) or a horizontal progress bar. */\nexport type TimeseriesGaugeShape = \"radial\" | \"linear\";\n\nexport interface TimeseriesGaugeProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value fills the gauge. */\n  value: GaugeSeries;\n  /**\n   * The gauge maximum. Either a metric series (its latest value, e.g. a `.limit`\n   * metric) or a fixed number. When omitted, or when the resolved max is 0, the\n   * gauge shows the raw value with no fill (an unbounded reading).\n   */\n  max?: GaugeSeries | number;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Grafana-style unit key for the readout (e.g. \"bytes\", \"percent\", \"short\", \"ms\"). */\n  unit?: string;\n  /** Look-back window for the expand chart, 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  /** Show an expand button that opens the value/max time-series chart in a modal. Default true. */\n  expandable?: boolean;\n  /**\n   * Utilisation thresholds (percent of max) at which the arc turns amber then\n   * red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /**\n   * What to print in the centre: the formatted value (default) or the\n   * utilisation percentage of max (e.g. CPU usage out of its millicore limit).\n   */\n  centerDisplay?: \"value\" | \"percent\";\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: TimeseriesGaugeVariant;\n  /** Fill geometry: a radial half-gauge (default) or a horizontal progress bar. */\n  shape?: TimeseriesGaugeShape;\n  /** Show the title text. Icons and values remain visible when false. */\n  showLabel?: boolean;\n  /**\n   * Wrap the gauge in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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 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\n// Half-gauge SVG geometry: a 100×50 viewBox semicircle (radius 40, centre 50,50)\n// swept 180°. The arc length is π·r; stroke-dashoffset reveals value/max of it.\nconst GAUGE_RADIUS = 40;\nconst GAUGE_ARC = Math.PI * GAUGE_RADIUS;\nconst GAUGE_PATH = `M 10 50 A ${GAUGE_RADIUS} ${GAUGE_RADIUS} 0 0 1 90 50`;\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"text-red-500\";\n  if (pct >= warn) return \"text-amber-500\";\n  return \"text-emerald-500\";\n}\n\n// toneBgClass mirrors toneClass for the linear bar's fill, which needs a\n// background colour rather than the arc's stroke (currentColor) tone.\nfunction toneBgClass(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\n// GaugeArc is the half-circle SVG shared by the cell and default radial gauges;\n// only the stroke width differs between the two densities.\nfunction GaugeArc({ pct, tone, strokeWidth }: { pct: number; tone: string; strokeWidth: number }) {\n  return (\n    <svg viewBox=\"0 0 100 50\" className=\"h-full w-full overflow-visible\">\n      <path d={GAUGE_PATH} fill=\"none\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" className=\"text-muted\" />\n      <path\n        d={GAUGE_PATH}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        className={tone}\n        strokeDasharray={GAUGE_ARC}\n        strokeDashoffset={GAUGE_ARC * (1 - pct / 100)}\n      />\n    </svg>\n  );\n}\n\n// GaugeBar is the horizontal progress track shared by the cell and default linear\n// gauges; the caller sizes it via className (e.g. \"h-1.5 w-12\" or \"h-2 w-full\").\nfunction GaugeBar({ pct, toneBg, className }: { pct: number; toneBg: string; className?: string }) {\n  return (\n    <span className={cn(\"relative block overflow-hidden rounded-full bg-muted\", className)} aria-hidden=\"true\">\n      <span\n        className={cn(\"absolute inset-y-0 left-0 rounded-full transition-all duration-300\", toneBg)}\n        style={{ width: `${pct}%` }}\n      />\n    </span>\n  );\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 GaugeIcon({ 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\n/**\n * TimeseriesGauge renders a half (180°) radial gauge whose fill is the latest\n * value of a metric over its maximum (a `.limit`-style metric or a fixed number),\n * both read live from the timeseries store. The centre shows the utilisation\n * percentage, with the value/max caption below; the arc colour crosses warning\n * and danger thresholds. An expand button opens the full value/max time-series\n * chart in a modal (a `TimeseriesPanel`), so the gauge gives the at-a-glance\n * reading and the chart the trend.\n */\nexport function TimeseriesGauge({\n  baseUrl = \"\",\n  value,\n  max,\n  title,\n  icon,\n  unit,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  thresholds = [75, 90],\n  centerDisplay = \"value\",\n  variant = \"default\",\n  shape = \"radial\",\n  showLabel = true,\n  hoverCard = true,\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesGaugeProps) {\n  const [expanded, setExpanded] = useState(false);\n\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 hasValue = rawValue !== undefined;\n  const usage = value.transform ? value.transform(rawValue ?? 0) : (rawValue ?? 0);\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 bounded = hasValue && limit !== undefined && limit > 0;\n  const pct = bounded ? Math.min(100, Math.round((usage / (limit as number)) * 100)) : 0;\n  const tone = toneClass(pct, thresholds);\n  const toneBg = toneBgClass(pct, thresholds);\n  const readout =\n    centerDisplay === \"percent\"\n      ? bounded\n        ? `${pct}%`\n        : hasValue\n          ? \"n/a\"\n          : \"—\"\n      : hasValue\n        ? formatUnit(usage, unit)\n        : \"—\";\n  const titleText = `${title}: ${readout}`;\n  const canExpand = expandable && variant === \"default\";\n  const readoutTone = bounded ? tone : \"text-foreground\";\n\n  const chartSeries: TimeseriesSeries[] = useMemo(() => {\n    const s: TimeseriesSeries[] = [{ id: value.id, label: \"value\", ...(value.transform ? { transform: value.transform } : {}) }];\n    if (maxSeries) s.push({ id: maxSeries.id, label: \"max\", ...(maxSeries.transform ? { transform: maxSeries.transform } : {}) });\n    return s;\n  }, [value.id, value.transform, maxSeries]);\n\n  // Hover card: reduce the value's points to current/min/max/avg (transformed to\n  // the display unit), plus the resolved capacity. The current row is tinted by\n  // its threshold tone when the reading is bounded.\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n  const fmt = (n: number) => formatUnit(n, unit);\n  const hoverRows: GaugeHoverRow[] = hasValue\n    ? [\n        { label: \"Current\", value: fmt(usage), ...(bounded ? { tone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min) },\n              { label: \"Max\", value: fmt(stats.max) },\n              { label: \"Avg\", value: fmt(stats.avg) },\n            ]\n          : []),\n        ...(limit !== undefined\n          ? [{ label: \"Capacity\", value: fmt(limit) }]\n          : []),\n      ]\n    : [];\n  const useHover = hoverCard && hoverRows.length > 0;\n  const footer = `over last ${range}`;\n\n  if (variant === \"cell\") {\n    const cell = (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs\",\n          className,\n        )}\n        {...(useHover ? {} : { title: titleText })}\n        aria-label={useHover || !showLabel ? titleText : undefined}\n        data-shape={shape}\n      >\n        {icon ? <GaugeIcon icon={icon} /> : null}\n        {showLabel ? <span className=\"min-w-0 truncate text-muted-foreground\">{title}</span> : null}\n        {shape === \"linear\" ? (\n          <GaugeBar pct={pct} toneBg={toneBg} className=\"h-1.5 w-12 shrink-0\" />\n        ) : (\n          <span className=\"relative h-4 w-8 shrink-0\" aria-hidden=\"true\">\n            <GaugeArc pct={pct} tone={tone} strokeWidth={10} />\n          </span>\n        )}\n        <span className={cn(\"shrink-0 font-semibold tabular-nums\", readoutTone)}>\n          {readout}\n        </span>\n      </span>\n    );\n    return useHover ? (\n      <GaugeHoverCard title={title} rows={hoverRows} footer={footer} trigger={cell} />\n    ) : (\n      cell\n    );\n  }\n\n  const body = (\n    <div\n      className={cn(\"flex flex-col items-center gap-1\", className)}\n      {...(useHover ? {} : { title: !showLabel ? titleText : undefined })}\n      aria-label={useHover || !showLabel ? titleText : undefined}\n      data-shape={shape}\n    >\n      {shape === \"linear\" ? (\n        <div className=\"flex w-full items-center gap-2\">\n          <GaugeBar pct={pct} toneBg={toneBg} className=\"h-2 w-full\" />\n          <span className=\"shrink-0 text-sm font-semibold text-foreground\">{readout}</span>\n          {canExpand && (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={12} height={12} />\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"relative h-10 w-20\">\n          <GaugeArc pct={pct} tone={tone} strokeWidth={9} />\n          <span className=\"absolute inset-x-0 bottom-0 text-center text-sm font-semibold text-foreground\">\n            {readout}\n          </span>\n          {canExpand && (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"absolute right-0 top-0 text-muted-foreground hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={12} height={12} />\n            </button>\n          )}\n        </div>\n      )}\n      {icon || showLabel ? (\n        <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          {icon ? <GaugeIcon icon={icon} /> : null}\n          {showLabel ? <span>{title}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <>\n      {useHover ? (\n        <GaugeHoverCard\n          title={title}\n          rows={hoverRows}\n          footer={footer}\n          trigger={body}\n          className=\"w-full justify-center\"\n        />\n      ) : (\n        body\n      )}\n      {canExpand && (\n        <Modal open={expanded} onClose={() => setExpanded(false)} title={title} size=\"xl\">\n          <TimeseriesPanel\n            title={title}\n            {...(icon ? { icon } : {})}\n            {...(unit ? { unit } : {})}\n            baseUrl={baseUrl}\n            series={chartSeries}\n            range={range}\n            refreshMs={refreshMs}\n            expandable={false}\n            fetcher={fetcher}\n          />\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"names":["jsxs","jsx","cn","Icon","useState","useMemo","useQueries","formatUnit","seriesStats","GaugeHoverCard","UiFullscreen","Fragment","Modal","TimeseriesPanel"],"mappings":"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"}
+{"version":3,"file":"TimeseriesGauge.cjs","sources":["../../src/data/TimeseriesGauge.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { formatUnit } from \"../lib/format\";\nimport { Modal } from \"../overlay/Modal\";\nimport { UiFullscreen } from \"../icons\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport {\n  TimeseriesPanel,\n  type SeriesLoader,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport { defaultTimeseriesFetcher, latestValue, useTimeseriesQueries } from \"./timeseries-query\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\nimport { seriesStats } from \"./gauge-stats\";\n\n/**\n * A metric series whose latest value drives the gauge fill or its maximum. It\n * is requested as `baseUrl + id` through the widget's `fetcher`, or, when\n * `load` is set, loaded by calling `load` directly.\n */\nexport interface GaugeSeries {\n  /**\n   * Metric id appended to the gauge's baseUrl, e.g. \"k8s.statefulset.cycle.cpu.usage\".\n   * With `load`, the id is the cache identity: loaded series are cached under\n   * `[\"timeseries\", \"load\", id, range]`, so keep it unique per data source.\n   */\n  id: string;\n  /** Maps the latest value before display (e.g. unit scaling). Identity when omitted. */\n  transform?: (value: number) => number;\n  /** Loads the series' points; when set, `baseUrl` and `fetcher` are not used. */\n  load?: SeriesLoader;\n}\n\nexport type TimeseriesGaugeVariant = \"default\" | \"cell\";\n/** Gauge fill geometry: a half-circle arc (default) or a horizontal progress bar. */\nexport type TimeseriesGaugeShape = \"radial\" | \"linear\";\n\nexport interface TimeseriesGaugeProps {\n  /** Common prefix; the value/max requests are `baseUrl + id` (unless a series has `load`). */\n  baseUrl?: string;\n  /** The metric whose latest value fills the gauge. */\n  value: GaugeSeries;\n  /**\n   * The gauge maximum. Either a metric series (its latest value, e.g. a `.limit`\n   * metric) or a fixed number. When omitted, or when the resolved max is 0, the\n   * gauge shows the raw value with no fill (an unbounded reading).\n   */\n  max?: GaugeSeries | number;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Grafana-style unit key for the readout (e.g. \"bytes\", \"percent\", \"short\", \"ms\"). */\n  unit?: string;\n  /** Look-back window for the expand chart, 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  /** Show an expand button that opens the value/max time-series chart in a modal. Default true. */\n  expandable?: boolean;\n  /**\n   * Utilisation thresholds (percent of max) at which the arc turns amber then\n   * red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /**\n   * What to print in the centre: the formatted value (default) or the\n   * utilisation percentage of max (e.g. CPU usage out of its millicore limit).\n   */\n  centerDisplay?: \"value\" | \"percent\";\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: TimeseriesGaugeVariant;\n  /** Fill geometry: a radial half-gauge (default) or a horizontal progress bar. */\n  shape?: TimeseriesGaugeShape;\n  /** Show the title text. Icons and values remain visible when false. */\n  showLabel?: boolean;\n  /**\n   * Wrap the gauge in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: 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\n// Half-gauge SVG geometry: a 100×50 viewBox semicircle (radius 40, centre 50,50)\n// swept 180°. The arc length is π·r; stroke-dashoffset reveals value/max of it.\nconst GAUGE_RADIUS = 40;\nconst GAUGE_ARC = Math.PI * GAUGE_RADIUS;\nconst GAUGE_PATH = `M 10 50 A ${GAUGE_RADIUS} ${GAUGE_RADIUS} 0 0 1 90 50`;\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"text-red-500\";\n  if (pct >= warn) return \"text-amber-500\";\n  return \"text-emerald-500\";\n}\n\n// toneBgClass mirrors toneClass for the linear bar's fill, which needs a\n// background colour rather than the arc's stroke (currentColor) tone.\nfunction toneBgClass(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\n// GaugeArc is the half-circle SVG shared by the cell and default radial gauges;\n// only the stroke width differs between the two densities.\nfunction GaugeArc({ pct, tone, strokeWidth }: { pct: number; tone: string; strokeWidth: number }) {\n  return (\n    <svg viewBox=\"0 0 100 50\" className=\"h-full w-full overflow-visible\">\n      <path d={GAUGE_PATH} fill=\"none\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" className=\"text-muted\" />\n      <path\n        d={GAUGE_PATH}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        className={tone}\n        strokeDasharray={GAUGE_ARC}\n        strokeDashoffset={GAUGE_ARC * (1 - pct / 100)}\n      />\n    </svg>\n  );\n}\n\n// GaugeBar is the horizontal progress track shared by the cell and default linear\n// gauges; the caller sizes it via className (e.g. \"h-1.5 w-12\" or \"h-2 w-full\").\nfunction GaugeBar({ pct, toneBg, className }: { pct: number; toneBg: string; className?: string }) {\n  return (\n    <span className={cn(\"relative block overflow-hidden rounded-full bg-muted\", className)} aria-hidden=\"true\">\n      <span\n        className={cn(\"absolute inset-y-0 left-0 rounded-full transition-all duration-300\", toneBg)}\n        style={{ width: `${pct}%` }}\n      />\n    </span>\n  );\n}\n\nfunction GaugeIcon({ 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\n/**\n * TimeseriesGauge renders a half (180°) radial gauge whose fill is the latest\n * value of a metric over its maximum (a `.limit`-style metric or a fixed number),\n * both read live from the timeseries store. The centre shows the utilisation\n * percentage, with the value/max caption below; the arc colour crosses warning\n * and danger thresholds. An expand button opens the full value/max time-series\n * chart in a modal (a `TimeseriesPanel`), so the gauge gives the at-a-glance\n * reading and the chart the trend.\n */\nexport function TimeseriesGauge({\n  baseUrl = \"\",\n  value,\n  max,\n  title,\n  icon,\n  unit,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  thresholds = [75, 90],\n  centerDisplay = \"value\",\n  variant = \"default\",\n  shape = \"radial\",\n  showLabel = true,\n  hoverCard = true,\n  fetcher = defaultTimeseriesFetcher,\n  className,\n}: TimeseriesGaugeProps) {\n  const [expanded, setExpanded] = useState(false);\n\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const results = useTimeseriesQueries(maxSeries ? [value, maxSeries] : [value], {\n    baseUrl,\n    range,\n    refreshMs,\n    fetcher,\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const hasValue = rawValue !== undefined;\n  const usage = value.transform ? value.transform(rawValue ?? 0) : (rawValue ?? 0);\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 bounded = hasValue && limit !== undefined && limit > 0;\n  const pct = bounded ? Math.min(100, Math.round((usage / (limit as number)) * 100)) : 0;\n  const tone = toneClass(pct, thresholds);\n  const toneBg = toneBgClass(pct, thresholds);\n  const readout =\n    centerDisplay === \"percent\"\n      ? bounded\n        ? `${pct}%`\n        : hasValue\n          ? \"n/a\"\n          : \"—\"\n      : hasValue\n        ? formatUnit(usage, unit)\n        : \"—\";\n  const titleText = `${title}: ${readout}`;\n  const canExpand = expandable && variant === \"default\";\n  const readoutTone = bounded ? tone : \"text-foreground\";\n\n  const chartSeries: TimeseriesSeries[] = useMemo(() => {\n    const s: TimeseriesSeries[] = [{ ...value, label: \"value\" }];\n    if (maxSeries) s.push({ ...maxSeries, label: \"max\" });\n    return s;\n  }, [value, maxSeries]);\n\n  // Hover card: reduce the value's points to current/min/max/avg (transformed to\n  // the display unit), plus the resolved capacity. The current row is tinted by\n  // its threshold tone when the reading is bounded.\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n  const fmt = (n: number) => formatUnit(n, unit);\n  const hoverRows: GaugeHoverRow[] = hasValue\n    ? [\n        { label: \"Current\", value: fmt(usage), ...(bounded ? { tone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min) },\n              { label: \"Max\", value: fmt(stats.max) },\n              { label: \"Avg\", value: fmt(stats.avg) },\n            ]\n          : []),\n        ...(limit !== undefined\n          ? [{ label: \"Capacity\", value: fmt(limit) }]\n          : []),\n      ]\n    : [];\n  const useHover = hoverCard && hoverRows.length > 0;\n  const footer = `over last ${range}`;\n\n  if (variant === \"cell\") {\n    const cell = (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs\",\n          className,\n        )}\n        {...(useHover ? {} : { title: titleText })}\n        aria-label={useHover || !showLabel ? titleText : undefined}\n        data-shape={shape}\n      >\n        {icon ? <GaugeIcon icon={icon} /> : null}\n        {showLabel ? <span className=\"min-w-0 truncate text-muted-foreground\">{title}</span> : null}\n        {shape === \"linear\" ? (\n          <GaugeBar pct={pct} toneBg={toneBg} className=\"h-1.5 w-12 shrink-0\" />\n        ) : (\n          <span className=\"relative h-4 w-8 shrink-0\" aria-hidden=\"true\">\n            <GaugeArc pct={pct} tone={tone} strokeWidth={10} />\n          </span>\n        )}\n        <span className={cn(\"shrink-0 font-semibold tabular-nums\", readoutTone)}>\n          {readout}\n        </span>\n      </span>\n    );\n    return useHover ? (\n      <GaugeHoverCard title={title} rows={hoverRows} footer={footer} trigger={cell} />\n    ) : (\n      cell\n    );\n  }\n\n  const body = (\n    <div\n      className={cn(\"flex flex-col items-center gap-1\", className)}\n      {...(useHover ? {} : { title: !showLabel ? titleText : undefined })}\n      aria-label={useHover || !showLabel ? titleText : undefined}\n      data-shape={shape}\n    >\n      {shape === \"linear\" ? (\n        <div className=\"flex w-full items-center gap-2\">\n          <GaugeBar pct={pct} toneBg={toneBg} className=\"h-2 w-full\" />\n          <span className=\"shrink-0 text-sm font-semibold text-foreground\">{readout}</span>\n          {canExpand && (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={12} height={12} />\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"relative h-10 w-20\">\n          <GaugeArc pct={pct} tone={tone} strokeWidth={9} />\n          <span className=\"absolute inset-x-0 bottom-0 text-center text-sm font-semibold text-foreground\">\n            {readout}\n          </span>\n          {canExpand && (\n            <button\n              type=\"button\"\n              aria-label=\"Expand chart\"\n              onClick={() => setExpanded(true)}\n              className=\"absolute right-0 top-0 text-muted-foreground hover:text-foreground\"\n            >\n              <Icon icon={UiFullscreen} width={12} height={12} />\n            </button>\n          )}\n        </div>\n      )}\n      {icon || showLabel ? (\n        <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n          {icon ? <GaugeIcon icon={icon} /> : null}\n          {showLabel ? <span>{title}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <>\n      {useHover ? (\n        <GaugeHoverCard\n          title={title}\n          rows={hoverRows}\n          footer={footer}\n          trigger={body}\n          className=\"w-full justify-center\"\n        />\n      ) : (\n        body\n      )}\n      {canExpand && (\n        <Modal open={expanded} onClose={() => setExpanded(false)} title={title} size=\"xl\">\n          <TimeseriesPanel\n            title={title}\n            {...(icon ? { icon } : {})}\n            {...(unit ? { unit } : {})}\n            baseUrl={baseUrl}\n            series={chartSeries}\n            range={range}\n            refreshMs={refreshMs}\n            expandable={false}\n            fetcher={fetcher}\n          />\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"names":["jsxs","jsx","cn","Icon","defaultTimeseriesFetcher","useState","useTimeseriesQueries","latestValue","formatUnit","useMemo","seriesStats","GaugeHoverCard","UiFullscreen","Fragment","Modal","TimeseriesPanel"],"mappings":"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"}

package/dist/data/TimeseriesGauge.d.ts

@@ -1,17 +1,27 @@
-import { StaticIconComponent } from './Icon';
-import { TimeseriesResponse } from './TimeseriesPanel';
-/** A metric series whose latest value drives the gauge fill or its maximum. */
+import { StaticIconComponent } from './Icon.js';
+import { SeriesLoader, TimeseriesResponse } from './TimeseriesPanel.js';
+/**
+ * A metric series whose latest value drives the gauge fill or its maximum. It
+ * is requested as `baseUrl + id` through the widget's `fetcher`, or, when
+ * `load` is set, loaded by calling `load` directly.
+ */
 export interface GaugeSeries {
-    /** Metric id appended to the gauge's baseUrl, e.g. "k8s.statefulset.cycle.cpu.usage". */
+    /**
+     * Metric id appended to the gauge's baseUrl, e.g. "k8s.statefulset.cycle.cpu.usage".
+     * With `load`, the id is the cache identity: loaded series are cached under
+     * `["timeseries", "load", id, range]`, so keep it unique per data source.
+     */
     id: string;
     /** Maps the latest value before display (e.g. unit scaling). Identity when omitted. */
     transform?: (value: number) => number;
+    /** Loads the series' points; when set, `baseUrl` and `fetcher` are not used. */
+    load?: SeriesLoader;
 }
 export type TimeseriesGaugeVariant = "default" | "cell";
 /** Gauge fill geometry: a half-circle arc (default) or a horizontal progress bar. */
 export type TimeseriesGaugeShape = "radial" | "linear";
 export interface TimeseriesGaugeProps {
-    /** Common prefix; the value/max requests are `baseUrl + id`. */
+    /** Common prefix; the value/max requests are `baseUrl + id` (unless a series has `load`). */
     baseUrl?: string;
     /** The metric whose latest value fills the gauge. */
     value: GaugeSeries;

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

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesGauge.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesGauge.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAI3B,+EAA+E;AAC/E,MAAM,WAAW,WAAW;IAC1B,yFAAyF;IACzF,EAAE,EAAE,MAAM,CAAC;IACX,uFAAuF;IACvF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,CAAC;AACxD,qFAAqF;AACrF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,mFAAmF;IACnF,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,iFAAiF;IACjF,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0ED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAY,EACZ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAiB,EACjB,UAAqB,EACrB,aAAuB,EACvB,OAAmB,EACnB,KAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,OAAwB,EACxB,SAAS,GACV,EAAE,oBAAoB,+BAoMtB"}
+{"version":3,"file":"TimeseriesGauge.d.ts","sourceRoot":"","sources":["../../src/data/TimeseriesGauge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAK3B;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,uFAAuF;IACvF,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,gFAAgF;IAChF,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,CAAC;AACxD,qFAAqF;AACrF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,mFAAmF;IACnF,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,iFAAiF;IACjF,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8DD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAY,EACZ,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAY,EACZ,SAAgB,EAChB,UAAiB,EACjB,UAAqB,EACrB,aAAuB,EACvB,OAAmB,EACnB,KAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,OAAkC,EAClC,SAAS,GACV,EAAE,oBAAoB,+BAsLtB"}