@devicechain/widgets 0.23.0 → 0.24.0-rc.1

package/dist/chunks/chunk-YYJV54BV.js

@@ -0,0 +1,58 @@
+// src/category-geometry.ts
+function niceDomain(values, intervals = 4) {
+  const finite = values.filter(Number.isFinite);
+  let lo = Math.min(0, ...finite);
+  let hi = Math.max(0, ...finite);
+  if (lo === hi) hi = lo + 1;
+  const raw = (hi - lo) / Math.max(1, intervals);
+  const magnitude = 10 ** Math.floor(Math.log10(raw));
+  const norm = raw / magnitude;
+  const step = (norm <= 1 ? 1 : norm <= 2 ? 2 : norm <= 2.5 ? 2.5 : norm <= 5 ? 5 : 10) * magnitude;
+  lo = Math.floor(lo / step + 1e-9) * step;
+  hi = Math.ceil(hi / step - 1e-9) * step;
+  const decimals = Math.max(0, -Math.floor(Math.log10(step)) + 1);
+  const round = (v) => Number(v.toFixed(decimals));
+  const ticks = [];
+  for (let i = 0; lo + i * step <= hi + step * 1e-9; i++) ticks.push(round(lo + i * step));
+  return { min: round(lo), max: round(hi), step, ticks };
+}
+function pieSlices(values) {
+  const positive = values.map((v) => v !== null && v > 0 ? v : 0);
+  const total = positive.reduce((a, v) => a + v, 0);
+  let at = 0;
+  return positive.map((v, index) => {
+    const fraction = total > 0 ? v / total : 0;
+    const slice = { index, fraction, from: at, to: at + fraction };
+    at += fraction;
+    return slice;
+  });
+}
+function polar(cx, cy, r, turns) {
+  const angle = turns * 2 * Math.PI;
+  return { x: cx + r * Math.sin(angle), y: cy - r * Math.cos(angle) };
+}
+function arcPath(cx, cy, r, from, to) {
+  const span = to - from;
+  if (span <= 0 || span >= 1 - 1e-9) return void 0;
+  const a = polar(cx, cy, r, from);
+  const b = polar(cx, cy, r, to);
+  return `M${a.x},${a.y}A${r},${r} 0 ${span > 0.5 ? 1 : 0} 1 ${b.x},${b.y}`;
+}
+function wedgePath(cx, cy, r, from, to) {
+  const span = to - from;
+  if (span <= 0) return void 0;
+  if (span >= 1 - 1e-9) {
+    return `M${cx},${cy - r}A${r},${r} 0 1 1 ${cx},${cy + r}A${r},${r} 0 1 1 ${cx},${cy - r}Z`;
+  }
+  const a = polar(cx, cy, r, from);
+  const b = polar(cx, cy, r, to);
+  return `M${cx},${cy}L${a.x},${a.y}A${r},${r} 0 ${span > 0.5 ? 1 : 0} 1 ${b.x},${b.y}Z`;
+}
+
+export {
+  niceDomain,
+  pieSlices,
+  arcPath,
+  wedgePath
+};
+//# sourceMappingURL=chunk-YYJV54BV.js.map

package/dist/chunks/chunk-YYJV54BV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/category-geometry.ts"],
+  "sourcesContent": ["// Copyright The DeviceChain Authors\n// SPDX-License-Identifier: Apache-2.0\n\n// The arithmetic of the bar and pie charts, apart from the drawing: a value axis that rounds out\n// to tidy ticks, and the angles of a pie's slices. Pure, so it is tested without a DOM.\n\nexport interface NiceDomain {\n  min: number;\n  max: number;\n  step: number;\n  ticks: number[];\n}\n\n// niceDomain returns an axis that holds every value and zero (a bar starts at zero, so the axis\n// always includes it), rounded out to a 1, 2, 2.5 or 5 step so the ticks read as round numbers. All\n// zeros give 0 to 1, so an empty chart still has an axis. Non-finite values are ignored.\nexport function niceDomain(values: readonly number[], intervals = 4): NiceDomain {\n  const finite = values.filter(Number.isFinite);\n  let lo = Math.min(0, ...finite);\n  let hi = Math.max(0, ...finite);\n  if (lo === hi) hi = lo + 1;\n  const raw = (hi - lo) / Math.max(1, intervals);\n  const magnitude = 10 ** Math.floor(Math.log10(raw));\n  const norm = raw / magnitude;\n  const step = (norm <= 1 ? 1 : norm <= 2 ? 2 : norm <= 2.5 ? 2.5 : norm <= 5 ? 5 : 10) * magnitude;\n  lo = Math.floor(lo / step + 1e-9) * step;\n  hi = Math.ceil(hi / step - 1e-9) * step;\n  // Rounded to the step's own decimals so 0.1 + 0.2 does not become a tick label.\n  const decimals = Math.max(0, -Math.floor(Math.log10(step)) + 1);\n  const round = (v: number) => Number(v.toFixed(decimals));\n  const ticks: number[] = [];\n  for (let i = 0; lo + i * step <= hi + step * 1e-9; i++) ticks.push(round(lo + i * step));\n  return { min: round(lo), max: round(hi), step, ticks };\n}\n\nexport interface Slice {\n  index: number;\n  // The share of the whole, 0 to 1.\n  fraction: number;\n  // Clockwise from twelve o'clock, in turns (0 to 1).\n  from: number;\n  to: number;\n}\n\n// pieSlices lays the values out clockwise from the top, in the order given. A value that is null,\n// zero or negative takes no angle (it keeps its place in the list with a fraction of 0), so the\n// angles of the rest are shares of the sum of the positive ones.\nexport function pieSlices(values: readonly (number | null)[]): Slice[] {\n  const positive = values.map((v) => (v !== null && v > 0 ? v : 0));\n  const total = positive.reduce((a, v) => a + v, 0);\n  let at = 0;\n  return positive.map((v, index) => {\n    const fraction = total > 0 ? v / total : 0;\n    const slice = { index, fraction, from: at, to: at + fraction };\n    at += fraction;\n    return slice;\n  });\n}\n\n// The point on a circle of radius r about (cx, cy), `turns` clockwise from twelve o'clock.\nexport function polar(cx: number, cy: number, r: number, turns: number): { x: number; y: number } {\n  const angle = turns * 2 * Math.PI;\n  return { x: cx + r * Math.sin(angle), y: cy - r * Math.cos(angle) };\n}\n\n// The SVG path of an open arc about (cx, cy) at radius r, for a ring segment drawn as a stroke. A\n// span that fills the circle has no path here (an arc from a point to itself draws nothing): the\n// caller draws a circle, as wedgePath does for the pie. An empty span has none either.\nexport function arcPath(cx: number, cy: number, r: number, from: number, to: number): string | undefined {\n  const span = to - from;\n  if (span <= 0 || span >= 1 - 1e-9) return undefined;\n  const a = polar(cx, cy, r, from);\n  const b = polar(cx, cy, r, to);\n  return `M${a.x},${a.y}A${r},${r} 0 ${span > 0.5 ? 1 : 0} 1 ${b.x},${b.y}`;\n}\n\n// The SVG path of one wedge. A slice that fills the circle is a circle (an arc from a point to\n// itself draws nothing), and an empty one has no path at all.\nexport function wedgePath(cx: number, cy: number, r: number, from: number, to: number): string | undefined {\n  const span = to - from;\n  if (span <= 0) return undefined;\n  if (span >= 1 - 1e-9) {\n    return `M${cx},${cy - r}A${r},${r} 0 1 1 ${cx},${cy + r}A${r},${r} 0 1 1 ${cx},${cy - r}Z`;\n  }\n  const a = polar(cx, cy, r, from);\n  const b = polar(cx, cy, r, to);\n  return `M${cx},${cy}L${a.x},${a.y}A${r},${r} 0 ${span > 0.5 ? 1 : 0} 1 ${b.x},${b.y}Z`;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/compare-feed-AY3CVKUZ.js

@@ -0,0 +1,346 @@
+import {
+  measurementSpan
+} from "./chunk-JFH4QMLA.js";
+import {
+  seedWindow
+} from "./chunk-62CHYCHI.js";
+import {
+  fleetStrings
+} from "./chunk-QMGKB6J3.js";
+import "./chunk-BRH66T5F.js";
+import {
+  LevelEmpty
+} from "./chunk-XQQQNTBX.js";
+
+// src/compare-feed.tsx
+import {
+  DEFAULT_TIME_RANGE_SECONDS,
+  spanLabel
+} from "@devicechain/dashboards";
+import {
+  css,
+  fontVar,
+  optNumber,
+  optString,
+  optThresholds,
+  resolveStaleAfterSeconds,
+  spaceVar,
+  useWidgetScale,
+  useWidgetTimeRange,
+  WidgetFrame,
+  WidgetFreshnessProvider
+} from "@devicechain/widget-sdk";
+import { buildLineOption, EChart, useChartTheme } from "@devicechain/widget-sdk/echarts";
+import { useEffect, useMemo, useReducer, useRef, useState } from "react";
+
+// src/compare-model.ts
+var DEFAULT_MAX_SERIES = 5;
+var MAX_SERIES_LIMIT = 12;
+var LIVE_PER_MEMBER = 600;
+function seriesLimit(value) {
+  if (value === void 0 || !Number.isInteger(value) || value < 1) return DEFAULT_MAX_SERIES;
+  return Math.min(value, MAX_SERIES_LIMIT);
+}
+function capMembers(roster, limit) {
+  const read = roster.members.length;
+  const total = Math.max(roster.total, read);
+  const shown = roster.members.slice(0, limit);
+  return { shown, total, capped: shown.length < total, pagedBySource: total > read, read };
+}
+function memberLabels(members) {
+  const base = members.map((m) => m.name?.trim() || m.token);
+  const count = /* @__PURE__ */ new Map();
+  for (const b of base) count.set(b, (count.get(b) ?? 0) + 1);
+  const labels = /* @__PURE__ */ new Map();
+  members.forEach((m, i) => labels.set(m.token, (count.get(base[i]) ?? 0) > 1 && base[i] !== m.token ? `${base[i]} (${m.token})` : base[i]));
+  return labels;
+}
+function bucketSamples(token, measurement, buckets) {
+  return buckets.filter((b) => b.name === measurement && b.avg != null).map((b) => ({
+    id: `cmp-${token}-${b.name}-${b.bucketStart}`,
+    deviceToken: token,
+    eventType: 0,
+    occurredTime: b.bucketStart,
+    name: b.name,
+    value: b.avg,
+    classifier: null
+  })).sort((a, b) => Date.parse(a.occurredTime) - Date.parse(b.occurredTime));
+}
+function pushLive(buffer, sample) {
+  if (buffer.some((s) => s.id === sample.id)) return;
+  buffer.push(sample);
+  if (buffer.length > LIVE_PER_MEMBER) buffer.splice(0, buffer.length - LIVE_PER_MEMBER);
+}
+function composeSeries(i) {
+  const samples = [];
+  let historyFailed = 0;
+  let newest;
+  for (const m of i.shown) {
+    const label = i.labels.get(m.token) ?? m.token;
+    const h = i.history.get(m.token);
+    if (h === "failed") historyFailed += 1;
+    const stored = h && h !== "failed" ? h.samples : [];
+    const after = h && h !== "failed" ? h.end : Number.NEGATIVE_INFINITY;
+    const live = (i.live.get(m.token) ?? []).filter((s) => s.name === i.measurement && s.value != null && s.occurredTime != null && Date.parse(s.occurredTime) > after);
+    const points = [...stored, ...live].filter((s) => {
+      const t = Date.parse(s.occurredTime);
+      return t >= i.since && t <= i.until;
+    }).sort((a, b) => Date.parse(a.occurredTime) - Date.parse(b.occurredTime));
+    for (const s of points) {
+      samples.push({ ...s, name: label });
+      const t = Date.parse(s.occurredTime);
+      if (newest === void 0 || t > newest) newest = t;
+    }
+  }
+  return { samples, historyFailed, newest };
+}
+
+// src/compare-strings.ts
+import { viewerLocale } from "@devicechain/widget-sdk";
+var COMPARE_STRINGS = {
+  en: {
+    capped: (shown, total) => `Showing ${shown} of ${total} devices (the first ${shown}); raise Most lines, up to 12, to see more.`,
+    cappedPage: (shown, read, total) => `Showing ${shown} of ${total} devices: the group is larger than the ${read} devices read, and the first ${shown} are drawn.`,
+    bucketed: (bucket) => `avg per ${bucket}`,
+    bucketedTitle: (bucket) => `Stored history is drawn as the average of each ${bucket} bucket, one point per bucket; readings that arrived live since are drawn as they came, unaveraged.`,
+    thresholdNote: "Thresholds are reference lines; a plotted history point is a bucket average, not a reading.",
+    historyFailed: (n) => n === 1 ? "1 device\u2019s history could not be read; its line starts from live readings." : `${n} devices\u2019 history could not be read; their lines start from live readings.`,
+    cappedShort: (shown, total) => `${shown} of ${total} devices`,
+    thresholdShort: "thresholds are references",
+    historyFailedShort: (n) => `${n} unread`
+  },
+  es: {
+    capped: (shown, total) => `Mostrando ${shown} de ${total} dispositivos (los primeros ${shown}); aumente M\xE1ximo de l\xEDneas, hasta 12, para ver m\xE1s.`,
+    cappedPage: (shown, read, total) => `Mostrando ${shown} de ${total} dispositivos: el grupo es mayor que los ${read} dispositivos le\xEDdos, y se dibujan los primeros ${shown}.`,
+    bucketed: (bucket) => `prom. por ${bucket}`,
+    bucketedTitle: (bucket) => `El historial almacenado se dibuja como el promedio de cada intervalo de ${bucket}, un punto por intervalo; las lecturas llegadas en vivo desde entonces se dibujan tal cual, sin promediar.`,
+    thresholdNote: "Los umbrales son l\xEDneas de referencia; un punto de historial es un promedio por intervalo, no una lectura.",
+    historyFailed: (n) => n === 1 ? "No se pudo leer el historial de 1 dispositivo; su l\xEDnea parte de lecturas en vivo." : `No se pudo leer el historial de ${n} dispositivos; sus l\xEDneas parten de lecturas en vivo.`,
+    cappedShort: (shown, total) => `${shown} de ${total} dispositivos`,
+    thresholdShort: "umbrales son referencias",
+    historyFailedShort: (n) => `${n} sin leer`
+  }
+};
+function compareStrings(locale = viewerLocale()) {
+  return locale?.toLowerCase().split("-")[0] === "es" ? COMPARE_STRINGS.es : COMPARE_STRINGS.en;
+}
+
+// src/compare-feed.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FLUSH_MS = 250;
+var MINUTE_MS = 6e4;
+var RESEED_SETTLE_MS = 2e3;
+var AGE_OUT_MS = 3e4;
+var COMPACT_WIDTH = 320;
+var COMPACT_HEIGHT = 200;
+var emptyStore = (key) => ({ key, roster: null, live: /* @__PURE__ */ new Map(), history: /* @__PURE__ */ new Map(), forbidden: false, error: null });
+function CompareFeed({ hub, widget, descriptor, ErrorFrame }) {
+  const range = useWidgetTimeRange();
+  const now = useMemo(() => hub.now ? () => hub.now() : Date.now, [hub]);
+  const spanSeconds = measurementSpan(descriptor, widget, range?.spanSeconds) ?? range?.spanSeconds ?? DEFAULT_TIME_RANGE_SECONDS;
+  const pausedAt = range?.paused ? range.pausedAt : void 0;
+  const measurement = optString(widget.options, "measurement") ?? widget.datasource?.measurements[0];
+  const limit = seriesLimit(optNumber(widget.options, "maxSeries"));
+  const ds = widget.datasource && measurement ? { ...widget.datasource, measurements: [measurement] } : void 0;
+  const dsKey = JSON.stringify(ds ?? null);
+  const supported = hub.subscribeMembers !== void 0 && hub.readMemberSeeds !== void 0;
+  const store = useRef(emptyStore(dsKey));
+  const [version, bump] = useReducer((n) => n + 1, 0);
+  const [rosterKey, setRosterKey] = useState(null);
+  const generation = useRef(0);
+  const flushTimer = useRef(void 0);
+  const boundaryTimer = useRef(void 0);
+  const [resumes, resumed] = useReducer((n) => n + 1, 0);
+  const drawn = useRef(/* @__PURE__ */ new Set());
+  const schedule = () => {
+    if (flushTimer.current !== void 0) return;
+    flushTimer.current = setTimeout(() => {
+      flushTimer.current = void 0;
+      bump();
+    }, FLUSH_MS);
+  };
+  useEffect(() => {
+    const s2 = emptyStore(dsKey);
+    store.current = s2;
+    drawn.current = /* @__PURE__ */ new Set();
+    setRosterKey(null);
+    bump();
+    const gen = ++generation.current;
+    if (!ds || !supported) return;
+    const dispose = hub.subscribeMembers(ds, {
+      roster: (roster) => {
+        s2.roster = roster;
+        drawn.current = new Set(capMembers(roster, limit).shown.map((m) => m.token));
+        setRosterKey(`${gen}
+${[...drawn.current].join("\n")}`);
+        schedule();
+      },
+      next: (sample) => {
+        if (!drawn.current.has(sample.deviceToken)) return;
+        let buffer = s2.live.get(sample.deviceToken);
+        if (!buffer) s2.live.set(sample.deviceToken, buffer = []);
+        pushLive(buffer, sample);
+        schedule();
+      },
+      forbidden: () => {
+        s2.forbidden = true;
+        schedule();
+      },
+      error: (err) => {
+        s2.error = err;
+        schedule();
+      },
+      reconnected: () => {
+        resumed();
+        if (boundaryTimer.current !== void 0) return;
+        const at = now();
+        boundaryTimer.current = setTimeout(() => {
+          boundaryTimer.current = void 0;
+          resumed();
+        }, MINUTE_MS - at % MINUTE_MS + RESEED_SETTLE_MS);
+      }
+    });
+    return () => {
+      dispose();
+      if (flushTimer.current !== void 0) clearTimeout(flushTimer.current);
+      flushTimer.current = void 0;
+      if (boundaryTimer.current !== void 0) clearTimeout(boundaryTimer.current);
+      boundaryTimer.current = void 0;
+    };
+  }, [hub, dsKey, supported, limit]);
+  useEffect(() => {
+    const s2 = store.current;
+    if (!supported || !s2.roster || rosterKey === null || !measurement) return;
+    const tokens = capMembers(s2.roster, limit).shown.map((m) => m.token);
+    if (tokens.length === 0) return;
+    const window = seedWindow(spanSeconds, pausedAt ?? now());
+    const end = Date.parse(window.endTime);
+    let cancelled = false;
+    void hub.readMemberSeeds(
+      tokens,
+      {
+        // The plan reads the one measurement over the span and keeps its buckets; the seed it returns
+        // is empty because this chart draws the history itself, not a "latest" cell.
+        seed: async (token, read) => {
+          const buckets = await read({ startTime: window.startTime, endTime: window.endTime, intervalSeconds: window.intervalSeconds, name: measurement });
+          if (!cancelled) s2.history.set(token, { samples: bucketSamples(token, measurement, buckets), end });
+          return { latest: {}, observed: [] };
+        }
+      },
+      (token, seed, failure) => {
+        if (cancelled) return;
+        if (failure === "forbidden") s2.forbidden = true;
+        else if (!seed && !s2.history.has(token)) s2.history.set(token, "failed");
+        schedule();
+      },
+      () => cancelled
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [hub, supported, dsKey, rosterKey, spanSeconds, pausedAt, limit, resumes]);
+  useEffect(() => {
+    if (pausedAt !== void 0) return;
+    const id = setInterval(bump, AGE_OUT_MS);
+    return () => clearInterval(id);
+  }, [pausedAt]);
+  const view = useMemo(() => {
+    const s2 = store.current.key === dsKey ? store.current : emptyStore(dsKey);
+    const capped2 = s2.roster ? capMembers(s2.roster, limit) : void 0;
+    const labels2 = capped2 ? memberLabels(capped2.shown) : /* @__PURE__ */ new Map();
+    const until = pausedAt ?? now();
+    const composed2 = capped2 && measurement ? composeSeries({ shown: capped2.shown, labels: labels2, measurement, history: s2.history, live: s2.live, since: until - spanSeconds * 1e3, until }) : void 0;
+    return { s: s2, capped: capped2, labels: labels2, composed: composed2 };
+  }, [version, dsKey, limit, spanSeconds, pausedAt, now, measurement]);
+  const { s, capped, labels, composed } = view;
+  const freshness = useMemo(
+    () => descriptor.freshness === true ? { at: composed?.newest, staleAfterSeconds: resolveStaleAfterSeconds(widget.options) } : void 0,
+    [descriptor, widget.options, composed?.newest]
+  );
+  if (s.error) return /* @__PURE__ */ jsx(ErrorFrame, { widget, error: s.error });
+  const title = optString(widget.options, "title");
+  const strings = fleetStrings();
+  const empty = (message) => /* @__PURE__ */ jsx(WidgetFrame, { title, children: /* @__PURE__ */ jsx(LevelEmpty, { message }) });
+  if (!measurement) return empty(strings.noMeasurement);
+  if (!supported) return empty(strings.unsupported);
+  if (s.forbidden) return empty(strings.forbidden);
+  if (ds?.kind === "unbound") return empty(strings.unbound);
+  if (!capped) return empty(strings.loading);
+  if (capped.shown.length === 0) return empty(strings.noMembers);
+  return /* @__PURE__ */ jsx(WidgetFreshnessProvider, { freshness, children: /* @__PURE__ */ jsx(WidgetFrame, { title, flush: true, children: /* @__PURE__ */ jsx(
+    CompareBody,
+    {
+      widget,
+      names: capped.shown.map((m) => labels.get(m.token) ?? m.token),
+      samples: composed?.samples ?? [],
+      bucketSeconds: seedWindow(spanSeconds, pausedAt ?? now()).intervalSeconds,
+      capped,
+      historyFailed: composed?.historyFailed ?? 0
+    }
+  ) }) });
+}
+function CompareBody({
+  widget,
+  names,
+  samples,
+  bucketSeconds,
+  capped,
+  historyFailed
+}) {
+  const theme = useChartTheme();
+  const { size, scale } = useWidgetScale();
+  const strings = compareStrings();
+  const unit = optString(widget.options, "unit");
+  const precision = optNumber(widget.options, "precision");
+  const thresholds = useMemo(() => optThresholds(widget.options, "thresholds"), [widget.options]);
+  const min = optNumber(widget.options, "min");
+  const max = optNumber(widget.options, "max");
+  const namesKey = names.join("\n");
+  const option = useMemo(
+    () => buildLineOption(samples, theme, { measurements: names, unit, precision, thresholds, scale, min, max }, size),
+    // `names` is read through `namesKey` (value identity): the array is rebuilt on every render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [samples, theme, namesKey, unit, precision, thresholds, scale, size, min, max]
+  );
+  const bucket = spanLabel(bucketSeconds);
+  const compact = size.width > 0 && size.width < COMPACT_WIDTH || size.height > 0 && size.height < COMPACT_HEIGHT;
+  const facts = [];
+  if (capped.capped) {
+    const full = capped.pagedBySource ? strings.cappedPage(capped.shown.length, capped.read, capped.total) : strings.capped(capped.shown.length, capped.total);
+    facts.push({ full, short: strings.cappedShort(capped.shown.length, capped.total) });
+  }
+  if (historyFailed > 0) facts.push({ full: strings.historyFailed(historyFailed), short: strings.historyFailedShort(historyFailed) });
+  if (thresholds.length > 0) facts.push({ full: strings.thresholdNote, short: strings.thresholdShort });
+  const badge = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-compare-bucket": bucket,
+      title: strings.bucketedTitle(bucket),
+      style: {
+        padding: `0 ${spaceVar(1)}`,
+        fontSize: fontVar("xs"),
+        whiteSpace: "nowrap",
+        color: css("muted-foreground"),
+        background: css("muted"),
+        borderRadius: 4
+      },
+      children: strings.bucketed(bucket)
+    }
+  );
+  const noteStyle = { flexShrink: 0, padding: `${spaceVar(1)} ${spaceVar(2)}`, fontSize: fontVar("xs"), color: css("muted-foreground") };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, "data-compare-chart": "", children: [
+    /* @__PURE__ */ jsx("div", { style: { position: "relative", flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(EChart, { option }) }),
+    compact ? /* @__PURE__ */ jsxs("div", { "data-compare-notes": facts.length > 0 ? "" : void 0, "data-compare-compact": "", title: facts.map((f) => f.full).join(" "), style: noteStyle, children: [
+      badge,
+      facts.map((f) => ` \xB7 ${f.short}`).join("")
+    ] }) : /* @__PURE__ */ jsxs("div", { "data-compare-notes": facts.length > 0 ? "" : void 0, title: facts.length > 0 ? facts.map((f) => f.full).join(" ") : void 0, style: noteStyle, children: [
+      /* @__PURE__ */ jsx("div", { children: badge }),
+      facts.map((f) => /* @__PURE__ */ jsx("div", { children: f.full }, f.full))
+    ] })
+  ] });
+}
+export {
+  FLUSH_MS,
+  CompareFeed as default
+};
+//# sourceMappingURL=compare-feed-AY3CVKUZ.js.map

package/dist/chunks/compare-feed-AY3CVKUZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/compare-feed.tsx", "../../src/compare-model.ts", "../../src/compare-strings.ts"],
+  "sourcesContent": ["// Copyright The DeviceChain Authors\n// SPDX-License-Identifier: Apache-2.0\n\n// The multi-device compare chart: ONE measurement, a line per member of a group, over the board's\n// span. Its own lazy chunk, loaded from the fleet feed's entry only when a time-series chart is set\n// to one line per device -- a board without one never downloads it.\n//\n//   - ONE live subscription (hub.subscribeMembers), then one history read per DRAWN member through\n//     hub.readMemberSeeds: bounded hub-wide (MEMBER_SEED_CONCURRENCY) and shared with any widget\n//     asking the same question. There is no batched history read in the platform (the store\n//     aggregates one device at a time), so the cost of the chart is the number of lines it draws --\n//     which is why that number is capped (`maxSeries`) and the cap is said on the chart.\n//   - A history read is the measurement alone (the store narrows by name), over the board's span (or\n//     the chart's pinned one) ending at the last minute boundary, in buckets of bucketSecondsFor(span):\n//     one point per bucket, the bucket's AVERAGE. The chart says so (the badge), and says that\n//     threshold lines are references, never a reading of a bucket.\n//   - Live readings extend each line past the history's end. While the board is paused the view is\n//     cut at the freeze instant; the buffer keeps filling and the chart catches up on resume.\n//   - A member stream that resumes after an interruption re-reads the histories, at once and again\n//     just after the next minute boundary (as the fleet feed does).\n//\n// Rebuilding the state per sample would re-render the chart hundreds of times a second, so changes\n// are folded into a store and flushed at most once per FLUSH_MS.\n\nimport {\n  DEFAULT_TIME_RANGE_SECONDS,\n  spanLabel,\n  type MemberRoster,\n  type MeasurementSample,\n  type WidgetDataSource,\n  type WidgetDescriptor,\n  type WidgetInstance,\n} from '@devicechain/dashboards';\nimport {\n  css,\n  fontVar,\n  optNumber,\n  optString,\n  optThresholds,\n  resolveStaleAfterSeconds,\n  spaceVar,\n  useWidgetScale,\n  useWidgetTimeRange,\n  WidgetFrame,\n  WidgetFreshnessProvider,\n} from '@devicechain/widget-sdk';\nimport { buildLineOption, EChart, useChartTheme } from '@devicechain/widget-sdk/echarts';\nimport { useEffect, useMemo, useReducer, useRef, useState, type ComponentType } from 'react';\n\nimport { measurementSpan } from './binding-policy';\nimport { bucketSamples, capMembers, composeSeries, memberLabels, pushLive, seriesLimit, type CappedMembers, type MemberHistory } from './compare-model';\nimport { compareStrings } from './compare-strings';\nimport { seedWindow } from './fleet-model';\nimport { fleetStrings } from './fleet-strings';\nimport { LevelEmpty } from './level-readout';\n\nexport const FLUSH_MS = 250;\nconst MINUTE_MS = 60_000;\n// How long past a minute boundary the second re-read after an interruption waits (the fleet feed's).\nconst RESEED_SETTLE_MS = 2_000;\n// A reading ages out of the span with no event to say so.\nconst AGE_OUT_MS = 30_000;\n// Below this width or height (px) the notes under the chart are said in a line.\nconst COMPACT_WIDTH = 320;\nconst COMPACT_HEIGHT = 200;\n\ninterface Store {\n  key: string | null;\n  roster: MemberRoster | null;\n  live: Map<string, MeasurementSample[]>;\n  history: Map<string, MemberHistory | 'failed'>;\n  forbidden: boolean;\n  error: unknown | null;\n}\n\nconst emptyStore = (key: string | null): Store => ({ key, roster: null, live: new Map(), history: new Map(), forbidden: false, error: null });\n\nexport interface CompareFeedProps {\n  hub: WidgetDataSource;\n  widget: WidgetInstance;\n  descriptor: WidgetDescriptor;\n  ErrorFrame: ComponentType<{ widget: WidgetInstance; error: unknown }>;\n}\n\nexport default function CompareFeed({ hub, widget, descriptor, ErrorFrame }: CompareFeedProps) {\n  const range = useWidgetTimeRange();\n  const now = useMemo(() => (hub.now ? () => hub.now!() : Date.now), [hub]);\n  const spanSeconds = measurementSpan(descriptor, widget, range?.spanSeconds) ?? range?.spanSeconds ?? DEFAULT_TIME_RANGE_SECONDS;\n  const pausedAt = range?.paused ? range.pausedAt : undefined;\n  const measurement = optString(widget.options, 'measurement') ?? widget.datasource?.measurements[0];\n  const limit = seriesLimit(optNumber(widget.options, 'maxSeries'));\n  // The datasource the live feed is asked for: the one measurement, so the hub delivers no other.\n  const ds = widget.datasource && measurement ? { ...widget.datasource, measurements: [measurement] } : undefined;\n  const dsKey = JSON.stringify(ds ?? null);\n  const supported = hub.subscribeMembers !== undefined && hub.readMemberSeeds !== undefined;\n\n  const store = useRef<Store>(emptyStore(dsKey));\n  const [version, bump] = useReducer((n: number) => n + 1, 0);\n  const [rosterKey, setRosterKey] = useState<string | null>(null);\n  const generation = useRef(0);\n  const flushTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const boundaryTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const [resumes, resumed] = useReducer((n: number) => n + 1, 0);\n  // The tokens drawn, which the live feed filters by.\n  const drawn = useRef<Set<string>>(new Set());\n\n  const schedule = (): void => {\n    if (flushTimer.current !== undefined) return;\n    flushTimer.current = setTimeout(() => {\n      flushTimer.current = undefined;\n      bump();\n    }, FLUSH_MS);\n  };\n\n  useEffect(() => {\n    const s = emptyStore(dsKey);\n    store.current = s;\n    drawn.current = new Set();\n    setRosterKey(null);\n    bump();\n    const gen = ++generation.current;\n    if (!ds || !supported) return;\n    const dispose = hub.subscribeMembers!(ds, {\n      roster: (roster) => {\n        s.roster = roster;\n        drawn.current = new Set(capMembers(roster, limit).shown.map((m) => m.token));\n        setRosterKey(`${gen}\\n${[...drawn.current].join('\\n')}`);\n        schedule();\n      },\n      next: (sample) => {\n        if (!drawn.current.has(sample.deviceToken)) return;\n        let buffer = s.live.get(sample.deviceToken);\n        if (!buffer) s.live.set(sample.deviceToken, (buffer = []));\n        pushLive(buffer, sample);\n        schedule();\n      },\n      forbidden: () => {\n        s.forbidden = true;\n        schedule();\n      },\n      error: (err) => {\n        s.error = err;\n        schedule();\n      },\n      reconnected: () => {\n        resumed();\n        if (boundaryTimer.current !== undefined) return;\n        const at = now();\n        boundaryTimer.current = setTimeout(() => {\n          boundaryTimer.current = undefined;\n          resumed();\n        }, MINUTE_MS - (at % MINUTE_MS) + RESEED_SETTLE_MS);\n      },\n    });\n    return () => {\n      dispose();\n      if (flushTimer.current !== undefined) clearTimeout(flushTimer.current);\n      flushTimer.current = undefined;\n      if (boundaryTimer.current !== undefined) clearTimeout(boundaryTimer.current);\n      boundaryTimer.current = undefined;\n    };\n    // `ds` is read through `dsKey` (value identity); a new limit re-draws from the same roster below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hub, dsKey, supported, limit]);\n\n  // One history read per drawn member, again when the span or the freeze instant changes.\n  useEffect(() => {\n    const s = store.current;\n    if (!supported || !s.roster || rosterKey === null || !measurement) return;\n    const tokens = capMembers(s.roster, limit).shown.map((m) => m.token);\n    if (tokens.length === 0) return;\n    const window = seedWindow(spanSeconds, pausedAt ?? now());\n    const end = Date.parse(window.endTime);\n    let cancelled = false;\n    void hub.readMemberSeeds!(\n      tokens,\n      {\n        // The plan reads the one measurement over the span and keeps its buckets; the seed it returns\n        // is empty because this chart draws the history itself, not a \"latest\" cell.\n        seed: async (token, read) => {\n          const buckets = await read({ startTime: window.startTime, endTime: window.endTime, intervalSeconds: window.intervalSeconds, name: measurement });\n          // A read this effect no longer wants (the span, the freeze instant or the roster moved on\n          // while it was in flight) must not overwrite the newer one's history when it lands last.\n          if (!cancelled) s.history.set(token, { samples: bucketSamples(token, measurement, buckets), end });\n          return { latest: {}, observed: [] };\n        },\n      },\n      (token, seed, failure) => {\n        if (cancelled) return;\n        if (failure === 'forbidden') s.forbidden = true;\n        // A re-read that failed keeps the history it would have replaced: those points are still true.\n        else if (!seed && !s.history.has(token)) s.history.set(token, 'failed');\n        schedule();\n      },\n      () => cancelled,\n    );\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hub, supported, dsKey, rosterKey, spanSeconds, pausedAt, limit, resumes]);\n\n  // A reading ages out of the span with no event to say so.\n  useEffect(() => {\n    if (pausedAt !== undefined) return;\n    const id = setInterval(bump, AGE_OUT_MS);\n    return () => clearInterval(id);\n  }, [pausedAt]);\n\n  const view = useMemo(() => {\n    const s = store.current.key === dsKey ? store.current : emptyStore(dsKey);\n    const capped = s.roster ? capMembers(s.roster, limit) : undefined;\n    const labels = capped ? memberLabels(capped.shown) : new Map<string, string>();\n    const until = pausedAt ?? now();\n    const composed =\n      capped && measurement\n        ? composeSeries({ shown: capped.shown, labels, measurement, history: s.history, live: s.live, since: until - spanSeconds * 1000, until })\n        : undefined;\n    return { s, capped, labels, composed };\n    // `version` is the store's change counter; the store itself is mutable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [version, dsKey, limit, spanSeconds, pausedAt, now, measurement]);\n\n  const { s, capped, labels, composed } = view;\n  const freshness = useMemo(\n    () => (descriptor.freshness === true ? { at: composed?.newest, staleAfterSeconds: resolveStaleAfterSeconds(widget.options) } : undefined),\n    [descriptor, widget.options, composed?.newest],\n  );\n  if (s.error) return <ErrorFrame widget={widget} error={s.error} />;\n\n  const title = optString(widget.options, 'title');\n  const strings = fleetStrings();\n  const empty = (message: string) => (\n    <WidgetFrame title={title}>\n      <LevelEmpty message={message} />\n    </WidgetFrame>\n  );\n  if (!measurement) return empty(strings.noMeasurement);\n  if (!supported) return empty(strings.unsupported);\n  if (s.forbidden) return empty(strings.forbidden);\n  if (ds?.kind === 'unbound') return empty(strings.unbound);\n  if (!capped) return empty(strings.loading);\n  if (capped.shown.length === 0) return empty(strings.noMembers);\n\n  return (\n    <WidgetFreshnessProvider freshness={freshness}>\n      <WidgetFrame title={title} flush>\n        <CompareBody\n          widget={widget}\n          names={capped.shown.map((m) => labels.get(m.token) ?? m.token)}\n          samples={composed?.samples ?? []}\n          bucketSeconds={seedWindow(spanSeconds, pausedAt ?? now()).intervalSeconds}\n          capped={capped}\n          historyFailed={composed?.historyFailed ?? 0}\n        />\n      </WidgetFrame>\n    </WidgetFreshnessProvider>\n  );\n}\n\nfunction CompareBody({\n  widget,\n  names,\n  samples,\n  bucketSeconds,\n  capped,\n  historyFailed,\n}: {\n  widget: WidgetInstance;\n  names: string[];\n  samples: MeasurementSample[];\n  bucketSeconds: number;\n  capped: CappedMembers;\n  historyFailed: number;\n}) {\n  const theme = useChartTheme();\n  const { size, scale } = useWidgetScale();\n  const strings = compareStrings();\n  const unit = optString(widget.options, 'unit');\n  const precision = optNumber(widget.options, 'precision');\n  const thresholds = useMemo(() => optThresholds(widget.options, 'thresholds'), [widget.options]);\n  const min = optNumber(widget.options, 'min');\n  const max = optNumber(widget.options, 'max');\n  const namesKey = names.join('\\n');\n  const option = useMemo(\n    () => buildLineOption(samples, theme, { measurements: names, unit, precision, thresholds, scale, min, max }, size),\n    // `names` is read through `namesKey` (value identity): the array is rebuilt on every render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [samples, theme, namesKey, unit, precision, thresholds, scale, size, min, max],\n  );\n  const bucket = spanLabel(bucketSeconds);\n  // The sentences, or (in a box too narrow for them: the widget's smallest span is 4 cells) the same\n  // facts in a line, with the sentences in its title. Nothing is dropped, only shortened.\n  const compact = (size.width > 0 && size.width < COMPACT_WIDTH) || (size.height > 0 && size.height < COMPACT_HEIGHT);\n  const facts: Array<{ full: string; short: string }> = [];\n  if (capped.capped) {\n    const full = capped.pagedBySource ? strings.cappedPage(capped.shown.length, capped.read, capped.total) : strings.capped(capped.shown.length, capped.total);\n    facts.push({ full, short: strings.cappedShort(capped.shown.length, capped.total) });\n  }\n  if (historyFailed > 0) facts.push({ full: strings.historyFailed(historyFailed), short: strings.historyFailedShort(historyFailed) });\n  if (thresholds.length > 0) facts.push({ full: strings.thresholdNote, short: strings.thresholdShort });\n  const badge = (\n    <span\n      data-compare-bucket={bucket}\n      title={strings.bucketedTitle(bucket)}\n      style={{\n        padding: `0 ${spaceVar(1)}`,\n        fontSize: fontVar('xs'),\n        whiteSpace: 'nowrap',\n        color: css('muted-foreground'),\n        background: css('muted'),\n        borderRadius: 4,\n      }}\n    >\n      {strings.bucketed(bucket)}\n    </span>\n  );\n  const noteStyle = { flexShrink: 0, padding: `${spaceVar(1)} ${spaceVar(2)}`, fontSize: fontVar('xs'), color: css('muted-foreground') } as const;\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }} data-compare-chart=\"\">\n      <div style={{ position: 'relative', flex: 1, minHeight: 0 }}>\n        <EChart option={option} />\n      </div>\n      {/* Under the chart, never over it: a corner of the plot is where the legend runs once it fills\n          the width (five devices on a phone) and where a threshold's label sits, and the badge\n          covered both. */}\n      {compact ? (\n        <div data-compare-notes={facts.length > 0 ? '' : undefined} data-compare-compact=\"\" title={facts.map((f) => f.full).join(' ')} style={noteStyle}>\n          {badge}\n          {facts.map((f) => ` \u00B7 ${f.short}`).join('')}\n        </div>\n      ) : (\n        <div data-compare-notes={facts.length > 0 ? '' : undefined} title={facts.length > 0 ? facts.map((f) => f.full).join(' ') : undefined} style={noteStyle}>\n          <div>{badge}</div>\n          {facts.map((f) => (\n            <div key={f.full}>{f.full}</div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n", "// Copyright The DeviceChain Authors\n// SPDX-License-Identifier: Apache-2.0\n\n// The multi-device compare chart's state, decided apart from the drawing and from the hub: which\n// members get a line, what each line is called, and which readings make it up. Pure, so each rule\n// is a test.\n//\n// A line is one member's readings of ONE measurement over the span: its stored history (one point\n// per bucket, the bucket's AVERAGE) followed by the readings that arrived live after the history\n// was read (raw). Everything is keyed by device; nothing here looks a value up by name alone.\n\nimport type { MeasurementBucket, MeasurementSample, MemberRef } from '@devicechain/dashboards';\n\n// The lines drawn when the author sets no limit: the chart palette's width, so no two lines share\n// a colour. The most an author may ask for: a comparison past this is a table, not a chart.\nexport const DEFAULT_MAX_SERIES = 5;\nexport const MAX_SERIES_LIMIT = 12;\n\n// Live readings kept per member. A comparison is a few lines over a span; this bounds the memory of\n// a chatty device (a reading a second over a week) without touching the stored history, which is\n// already bucketed to at most a couple of hundred points.\nexport const LIVE_PER_MEMBER = 600;\n\n// The limit as the author set it, held to what the chart supports. Unset, or anything that is not a\n// whole number of at least one, is the default: a typo must not turn into a different chart.\nexport function seriesLimit(value: number | undefined): number {\n  if (value === undefined || !Number.isInteger(value) || value < 1) return DEFAULT_MAX_SERIES;\n  return Math.min(value, MAX_SERIES_LIMIT);\n}\n\nexport interface CappedMembers {\n  shown: MemberRef[];\n  // The size of the group, as the source reports it. Never less than the members read.\n  total: number;\n  // True when lines were left out, for either reason: the author's limit, or a group larger than\n  // the page the source read (shown + not drawn < total).\n  capped: boolean;\n  // True when the source itself read less than the group: the total is then the group's size and\n  // `read` the members it listed.\n  pagedBySource: boolean;\n  read: number;\n}\n\n// The first `limit` members of the roster, in the roster's order (a stable order, so a line keeps\n// its colour as readings arrive). Which members are left out is the roster's, not the readings':\n// choosing \"the busiest\" would reshuffle the chart as data moves.\nexport function capMembers(roster: { members: readonly MemberRef[]; total: number }, limit: number): CappedMembers {\n  const read = roster.members.length;\n  const total = Math.max(roster.total, read);\n  const shown = roster.members.slice(0, limit);\n  return { shown, total, capped: shown.length < total, pagedBySource: total > read, read };\n}\n\n// A name per member: its device name, else its token. Two members with the same name get their\n// token appended, so two lines never carry one legend entry.\nexport function memberLabels(members: readonly MemberRef[]): Map<string, string> {\n  const base = members.map((m) => m.name?.trim() || m.token);\n  const count = new Map<string, number>();\n  for (const b of base) count.set(b, (count.get(b) ?? 0) + 1);\n  const labels = new Map<string, string>();\n  members.forEach((m, i) => labels.set(m.token, (count.get(base[i]) ?? 0) > 1 && base[i] !== m.token ? `${base[i]} (${m.token})` : base[i]));\n  return labels;\n}\n\n// One member's stored history as samples: a point per bucket that has an average, stamped at the\n// bucket's start, oldest first. A bucket with no readings has no average and no point.\nexport function bucketSamples(token: string, measurement: string, buckets: readonly MeasurementBucket[]): MeasurementSample[] {\n  return buckets\n    .filter((b) => b.name === measurement && b.avg != null)\n    .map((b) => ({\n      id: `cmp-${token}-${b.name}-${b.bucketStart}`,\n      deviceToken: token,\n      eventType: 0,\n      occurredTime: b.bucketStart,\n      name: b.name,\n      value: b.avg,\n      classifier: null,\n    }))\n    .sort((a, b) => Date.parse(a.occurredTime as string) - Date.parse(b.occurredTime as string));\n}\n\n// A member's stored history once read: the points, and the instant the read ended (epoch ms), after\n// which live readings are the only source.\nexport interface MemberHistory {\n  samples: MeasurementSample[];\n  end: number;\n}\n\n// Appends a live reading to a member's buffer: newest wins on a repeat id, and the buffer keeps the\n// newest LIVE_PER_MEMBER.\nexport function pushLive(buffer: MeasurementSample[], sample: MeasurementSample): void {\n  if (buffer.some((s) => s.id === sample.id)) return;\n  buffer.push(sample);\n  if (buffer.length > LIVE_PER_MEMBER) buffer.splice(0, buffer.length - LIVE_PER_MEMBER);\n}\n\nexport interface ComposeInputs {\n  shown: readonly MemberRef[];\n  labels: ReadonlyMap<string, string>;\n  measurement: string;\n  history: ReadonlyMap<string, MemberHistory | 'failed'>;\n  live: ReadonlyMap<string, readonly MeasurementSample[]>;\n  // The span, epoch ms: nothing before `since` or after `until` is drawn (the board's freeze\n  // instant while paused).\n  since: number;\n  until: number;\n}\n\nexport interface Composed {\n  // One sample per point, named by the member's LABEL so the line chart draws one line per member.\n  samples: MeasurementSample[];\n  // Members whose stored history could not be read: their lines hold live readings only.\n  historyFailed: number;\n  // The newest reading drawn, epoch ms, for the frame's age.\n  newest: number | undefined;\n}\n\nexport function composeSeries(i: ComposeInputs): Composed {\n  const samples: MeasurementSample[] = [];\n  let historyFailed = 0;\n  let newest: number | undefined;\n  for (const m of i.shown) {\n    const label = i.labels.get(m.token) ?? m.token;\n    const h = i.history.get(m.token);\n    if (h === 'failed') historyFailed += 1;\n    const stored = h && h !== 'failed' ? h.samples : [];\n    // Live readings count only after the stored history's read ended: before it, the history holds\n    // them already (as an average), and drawing both would put two values on one instant.\n    const after = h && h !== 'failed' ? h.end : Number.NEGATIVE_INFINITY;\n    const live = (i.live.get(m.token) ?? []).filter((s) => s.name === i.measurement && s.value != null && s.occurredTime != null && Date.parse(s.occurredTime) > after);\n    const points = [...stored, ...live]\n      .filter((s) => {\n        const t = Date.parse(s.occurredTime as string);\n        return t >= i.since && t <= i.until;\n      })\n      .sort((a, b) => Date.parse(a.occurredTime as string) - Date.parse(b.occurredTime as string));\n    for (const s of points) {\n      samples.push({ ...s, name: label });\n      const t = Date.parse(s.occurredTime as string);\n      if (newest === undefined || t > newest) newest = t;\n    }\n  }\n  return { samples, historyFailed, newest };\n}\n", "// Copyright The DeviceChain Authors\n// SPDX-License-Identifier: Apache-2.0\n\n// The fixed words the multi-device compare chart renders itself. The widget packages carry no i18n\n// runtime, so this is the one small per-language table (modelled on fleet-strings.ts); the option\n// labels are translated in the console's catalogs, not here. Loaded with the compare feed (a lazy\n// chunk), never by a board without a compare chart.\n\nimport { viewerLocale } from '@devicechain/widget-sdk';\n\nexport interface CompareStrings {\n  // The group is larger than the lines drawn: say how many, and which ones.\n  capped: (shown: number, total: number) => string;\n  // The group was larger than what the resolver read: the total is a floor, not the size.\n  cappedPage: (shown: number, read: number, total: number) => string;\n  // History is a per-bucket average; the live tail is the raw readings.\n  bucketed: (bucket: string) => string;\n  bucketedTitle: (bucket: string) => string;\n  // A threshold line is a reference drawn at a value, never a verdict on an average.\n  thresholdNote: string;\n  // Some devices' history could not be read: their lines hold only what arrived live.\n  historyFailed: (n: number) => string;\n  // The same facts for a box too narrow for the sentences above; the full text stays in the title.\n  cappedShort: (shown: number, total: number) => string;\n  thresholdShort: string;\n  historyFailedShort: (n: number) => string;\n}\n\nexport const COMPARE_STRINGS: Record<'en' | 'es', CompareStrings> = {\n  en: {\n    capped: (shown, total) => `Showing ${shown} of ${total} devices (the first ${shown}); raise Most lines, up to 12, to see more.`,\n    cappedPage: (shown, read, total) =>\n      `Showing ${shown} of ${total} devices: the group is larger than the ${read} devices read, and the first ${shown} are drawn.`,\n    bucketed: (bucket) => `avg per ${bucket}`,\n    bucketedTitle: (bucket) =>\n      `Stored history is drawn as the average of each ${bucket} bucket, one point per bucket; readings that arrived live since are drawn as they came, unaveraged.`,\n    thresholdNote: 'Thresholds are reference lines; a plotted history point is a bucket average, not a reading.',\n    historyFailed: (n) => (n === 1 ? '1 device\u2019s history could not be read; its line starts from live readings.' : `${n} devices\u2019 history could not be read; their lines start from live readings.`),\n    cappedShort: (shown, total) => `${shown} of ${total} devices`,\n    thresholdShort: 'thresholds are references',\n    historyFailedShort: (n) => `${n} unread`,\n  },\n  es: {\n    capped: (shown, total) =>\n      `Mostrando ${shown} de ${total} dispositivos (los primeros ${shown}); aumente M\u00E1ximo de l\u00EDneas, hasta 12, para ver m\u00E1s.`,\n    cappedPage: (shown, read, total) =>\n      `Mostrando ${shown} de ${total} dispositivos: el grupo es mayor que los ${read} dispositivos le\u00EDdos, y se dibujan los primeros ${shown}.`,\n    bucketed: (bucket) => `prom. por ${bucket}`,\n    bucketedTitle: (bucket) =>\n      `El historial almacenado se dibuja como el promedio de cada intervalo de ${bucket}, un punto por intervalo; las lecturas llegadas en vivo desde entonces se dibujan tal cual, sin promediar.`,\n    thresholdNote: 'Los umbrales son l\u00EDneas de referencia; un punto de historial es un promedio por intervalo, no una lectura.',\n    historyFailed: (n) =>\n      n === 1 ? 'No se pudo leer el historial de 1 dispositivo; su l\u00EDnea parte de lecturas en vivo.' : `No se pudo leer el historial de ${n} dispositivos; sus l\u00EDneas parten de lecturas en vivo.`,\n    cappedShort: (shown, total) => `${shown} de ${total} dispositivos`,\n    thresholdShort: 'umbrales son referencias',\n    historyFailedShort: (n) => `${n} sin leer`,\n  },\n};\n\nexport function compareStrings(locale: string | undefined = viewerLocale()): CompareStrings {\n  return locale?.toLowerCase().split('-')[0] === 'es' ? COMPARE_STRINGS.es : COMPARE_STRINGS.en;\n}\n"],
+  "mappings": "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",
+  "names": ["s", "capped", "labels", "composed"]
+}