@krizaka/charts 0.0.0-stage → 0.2.0

package/dist/chunk-I3D7KUGN.js

@@ -0,0 +1,205 @@
+"use client";
+import {
+  useWorld
+} from "./chunk-6FINSUOS.js";
+import {
+  valueFormatter
+} from "./chunk-XLLYNNC6.js";
+import {
+  ChartFrame,
+  Tooltip,
+  colorOf,
+  useInView,
+  useMounted,
+  useReducedMotion,
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+import {
+  fill
+} from "./chunk-3CJHBJXA.js";
+
+// src/globe/globe.tsx
+import { geoDistance, geoGraticule10, geoInterpolate, geoOrthographic, geoPath } from "d3-geo";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SPEED = 6;
+function Globe3D(props) {
+  const { points, arcs = [], regions = [], format, center, autoRotate = true, pointLabel, valueLabel } = props;
+  const { locale, labels } = useSettings(props);
+  const mounted = useMounted();
+  const { world, failed } = useWorld(mounted);
+  const reduced = useReducedMotion();
+  const plotRef = useRef(null);
+  const onScreen = useInView(plotRef, { margin: "0px" });
+  const fmt = useMemo(() => valueFormatter(format, locale, labels.noValue), [format, locale, labels.noValue]);
+  const uid = useId().replace(/:/g, "");
+  const start = center ?? (points[0] ? [points[0].lon, points[0].lat] : [0, 20]);
+  const [rotation, setRotation] = useState([-start[0], -Math.max(-60, Math.min(60, start[1]))]);
+  const [active, setActive] = useState(null);
+  const [dragging, setDragging] = useState(false);
+  const drag = useRef(null);
+  const highlighted = useMemo(() => new Set(regions.map((r) => r.toUpperCase())), [regions]);
+  const turning = autoRotate && !reduced && onScreen && !dragging && active === null && mounted && Boolean(world);
+  useEffect(() => {
+    if (!turning) return void 0;
+    let frame = 0;
+    let last = performance.now();
+    const tick = (now) => {
+      if (now - last >= 33 && document.visibilityState === "visible") {
+        const dt = (now - last) / 1e3;
+        last = now;
+        setRotation(([lon, lat]) => [lon + SPEED * dt, lat]);
+      } else if (document.visibilityState !== "visible") last = now;
+      frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(frame);
+  }, [turning]);
+  const pointAt = (ref) => {
+    if (typeof ref !== "string") return [ref[0], ref[1]];
+    const p = points.find((q) => q.label === ref);
+    return p ? [p.lon, p.lat] : null;
+  };
+  const summary = points.length ? `${fill(labels.summaryIntro, { kind: labels.kinds.globe, count: points.length })} ${points.map((p) => p.value == null ? p.label : `${p.label} ${fmt(p.value)}`).join(", ")}.` : labels.empty;
+  const table = { columns: [pointLabel ?? labels.category, valueLabel ?? labels.value, "lon", "lat"], rows: points.map((p) => [p.label, p.value == null ? labels.noValue : fmt(p.value), p.lon.toFixed(2), p.lat.toFixed(2)]) };
+  const focus = (i) => {
+    setActive(i);
+    if (i !== null) {
+      const p = points[i];
+      setRotation([-p.lon, -Math.max(-60, Math.min(60, p.lat))]);
+    }
+  };
+  const onKeyDown = (event) => {
+    const n = points.length;
+    if (!n) return;
+    const moves = {
+      ArrowRight: () => ((active ?? -1) + 1) % n,
+      ArrowDown: () => ((active ?? -1) + 1) % n,
+      ArrowLeft: () => ((active ?? 0) - 1 + n) % n,
+      ArrowUp: () => ((active ?? 0) - 1 + n) % n,
+      Home: () => 0,
+      End: () => n - 1,
+      Escape: () => null
+    };
+    const move = moves[event.key];
+    if (!move) return;
+    event.preventDefault();
+    focus(move());
+  };
+  const onPointerDown = (event) => {
+    drag.current = { x: event.clientX, y: event.clientY, r: rotation };
+    setDragging(true);
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+  };
+  const onPointerMove = (event) => {
+    if (!drag.current) return;
+    const { x, y, r } = drag.current;
+    setRotation([r[0] + (event.clientX - x) * 0.4, Math.max(-75, Math.min(75, r[1] - (event.clientY - y) * 0.4))]);
+  };
+  const onPointerUp = () => {
+    drag.current = null;
+    setDragging(false);
+  };
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      kind: "globe",
+      frame: { ...props, error: props.error ?? (failed || void 0), loading: props.loading || mounted && !world && !failed },
+      pending: !world && !failed,
+      defaultHeight: 360,
+      table,
+      summary,
+      isEmpty: points.length === 0,
+      announcement: active === null ? "" : `${points[active].label}${points[active].value != null ? `: ${fmt(points[active].value)}` : ""}`,
+      handlers: { onKeyDown, onBlur: () => setActive(null) },
+      plotRef,
+      children: (width, height) => {
+        if (!world) return null;
+        const radius = Math.max(20, Math.min(width, height) / 2 - 12);
+        const cx = width / 2;
+        const cy = height / 2;
+        const projection = geoOrthographic().scale(radius).translate([cx, cy]).rotate([rotation[0], rotation[1]]).clipAngle(90).precision(0.5);
+        const path = geoPath(projection);
+        const facing = [-rotation[0], -rotation[1]];
+        const visible = (lon, lat) => geoDistance([lon, lat], facing) < Math.PI / 2 - 0.02;
+        const current = active !== null ? points[active] : null;
+        const tipAt = current && visible(current.lon, current.lat) ? projection([current.lon, current.lat]) : null;
+        const placed = [];
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "kzc-svg kzc-enter-pop",
+              width,
+              height,
+              viewBox: `0 0 ${width} ${height}`,
+              "aria-hidden": true,
+              style: { cursor: dragging ? "grabbing" : "grab", touchAction: "none" },
+              onPointerDown,
+              onPointerMove,
+              onPointerUp,
+              onPointerCancel: onPointerUp,
+              children: [
+                /* @__PURE__ */ jsxs("defs", { children: [
+                  /* @__PURE__ */ jsxs("radialGradient", { id: `${uid}-light`, cx: "35%", cy: "30%", r: "75%", children: [
+                    /* @__PURE__ */ jsx("stop", { offset: "0%", style: { stopColor: "color-mix(in oklab, var(--kz-accent) 14%, var(--kz-surface-2))" } }),
+                    /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: "var(--kz-surface-1)" } })
+                  ] }),
+                  /* @__PURE__ */ jsxs("radialGradient", { id: `${uid}-halo`, cx: "50%", cy: "50%", r: "50%", children: [
+                    /* @__PURE__ */ jsx("stop", { offset: "86%", style: { stopColor: "var(--kz-accent)", stopOpacity: 0.22 } }),
+                    /* @__PURE__ */ jsx("stop", { offset: "100%", style: { stopColor: "var(--kz-accent)", stopOpacity: 0 } })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("circle", { cx, cy, r: radius * 1.12, style: { fill: `url(#${uid}-halo)` } }),
+                /* @__PURE__ */ jsx("circle", { cx, cy, r: radius, style: { fill: `url(#${uid}-light)`, stroke: "var(--kz-border-default)" } }),
+                /* @__PURE__ */ jsx("path", { d: path(geoGraticule10()) ?? "", style: { fill: "none", stroke: "var(--kz-border-subtle)", strokeWidth: 0.75 } }),
+                world.features.map((f, i) => /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: path(f) ?? "",
+                    style: {
+                      fill: f.id && highlighted.has(f.id) ? "color-mix(in oklab, var(--kz-accent) 45%, var(--kz-surface-3))" : "var(--kz-surface-3)",
+                      stroke: "var(--kz-surface-1)",
+                      strokeWidth: 0.5
+                    }
+                  },
+                  `${f.id ?? "x"}-${i}`
+                )),
+                arcs.map((arc, i) => {
+                  const a = pointAt(arc.from);
+                  const b = pointAt(arc.to);
+                  if (!a || !b) return null;
+                  const interpolate = geoInterpolate(a, b);
+                  const line = { type: "LineString", coordinates: Array.from({ length: 33 }, (_, k) => interpolate(k / 32)) };
+                  return /* @__PURE__ */ jsx("path", { d: path(line) ?? "", style: { fill: "none", stroke: "var(--kz-accent-text)", strokeWidth: 1.5, strokeDasharray: "4 3", opacity: 0.85 } }, i);
+                }),
+                points.map((p, i) => {
+                  if (!visible(p.lon, p.lat)) return null;
+                  const at0 = projection([p.lon, p.lat]);
+                  const box = at0 && { x: at0[0] + 10, y: at0[1] - 8, w: p.label.length * 6.6, h: 16 };
+                  const free = box && (active === i || !placed.some((b) => box.x < b.x + b.w && b.x < box.x + box.w && box.y < b.y + b.h && b.y < box.y + box.h));
+                  if (free) placed.push(box);
+                  const at = projection([p.lon, p.lat]);
+                  if (!at) return null;
+                  const color = colorOf(p.tone ?? "accent", 1);
+                  const on = active === i;
+                  return /* @__PURE__ */ jsxs("g", { children: [
+                    /* @__PURE__ */ jsx("circle", { cx: at[0], cy: at[1], r: on ? 11 : 8, style: { fill: color, opacity: 0.22 } }),
+                    /* @__PURE__ */ jsx("circle", { cx: at[0], cy: at[1], r: on ? 5.5 : 4.5, className: "kzc-dot", style: { fill: color } }),
+                    free && (on || points.length <= 8) && width >= 320 && /* @__PURE__ */ jsx("text", { x: at[0] + 10, y: at[1], dominantBaseline: "central", className: "kzc-threshold-label", children: p.label })
+                  ] }, `${p.label}-${i}`);
+                })
+              ]
+            }
+          ),
+          current && tipAt && /* @__PURE__ */ jsx(Tooltip, { x: tipAt[0], y: tipAt[1], width, title: current.label, rows: current.value == null ? [] : [{ label: valueLabel ?? labels.value, value: fmt(current.value) }] })
+        ] });
+      }
+    }
+  );
+}
+
+export {
+  Globe3D
+};
+//# sourceMappingURL=chunk-I3D7KUGN.js.map

package/dist/chunk-I3D7KUGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/globe/globe.tsx"],"sourcesContent":["\"use client\";\n// A 3D globe without WebGL: the orthographic projection of d3-geo, lit like a sphere (a radial light, an atmosphere\n// in the brand accent), the far side clipped, great-circle arcs between places. Plain SVG — server-safe, sharp at\n// any size, readable by the export, a fraction of echarts-gl's 300 kB (see the package README). It turns slowly\n// while on screen and the page is visible, never under reduced motion; it is dragged with the pointer, and the\n// keyboard walks the places, turning the globe to each one.\nimport { geoDistance, geoGraticule10, geoInterpolate, geoOrthographic, geoPath } from \"d3-geo\";\nimport { type KeyboardEvent, type PointerEvent, useEffect, useId, useMemo, useRef, useState } from \"react\";\n\nimport { valueFormatter } from \"../core/format\";\nimport { fill } from \"../core/labels\";\nimport type { Tone, ValueFormat } from \"../core/types\";\nimport type { GeoPoint } from \"../geo/geo-map\";\nimport { useWorld } from \"../geo/world\";\nimport { ChartFrame, type ChartFrameProps, useSettings } from \"../web/frame\";\nimport { useInView, useMounted, useReducedMotion } from \"../web/hooks\";\nimport { colorOf, Tooltip } from \"../web/parts\";\n\nexport interface GlobePoint extends GeoPoint {\n  /** Its tone: a healthy region in `\"success\"`, a degraded one in `\"warning\"`. Default `\"accent\"`. */\n  readonly tone?: Tone;\n}\n\nexport interface GlobeArc {\n  /** The labels of two points (or their coordinates, `[lon, lat]`). */\n  readonly from: string | readonly [number, number];\n  readonly to: string | readonly [number, number];\n}\n\nexport interface Globe3DProps extends ChartFrameProps {\n  /** The places: deployment regions, data centres, audiences. */\n  points: readonly GlobePoint[];\n  /** Great-circle arcs between places: replication, traffic. */\n  arcs?: readonly GlobeArc[];\n  /** Countries to tint in the accent (ISO alpha-2): where the service is available. */\n  regions?: readonly string[];\n  /** How the points' values are written. */\n  format?: ValueFormat;\n  /** The longitude and latitude facing the reader at first. Default: the first point. */\n  center?: readonly [number, number];\n  /** Turn slowly while on screen (never under reduced motion). Default true. */\n  autoRotate?: boolean;\n  /** The header of the places and of their values in the table. */\n  pointLabel?: string;\n/** The header of the points' values (“Availability”). */\n  valueLabel?: string;\n}\n\nconst SPEED = 6; // degrees per second: one turn a minute.\n\n/** The world as a lit sphere: deployment regions, the arcs between them, a slow turn. */\nexport function Globe3D(props: Globe3DProps) {\n  const { points, arcs = [], regions = [], format, center, autoRotate = true, pointLabel, valueLabel } = props;\n  const { locale, labels } = useSettings(props);\n  const mounted = useMounted();\n  const { world, failed } = useWorld(mounted);\n  const reduced = useReducedMotion();\n  const plotRef = useRef<HTMLDivElement | null>(null);\n  const onScreen = useInView(plotRef, { margin: \"0px\" });\n  const fmt = useMemo(() => valueFormatter(format, locale, labels.noValue), [format, locale, labels.noValue]);\n  const uid = useId().replace(/:/g, \"\");\n  const start = center ?? (points[0] ? [points[0].lon, points[0].lat] : [0, 20]);\n  const [rotation, setRotation] = useState<[number, number]>([-start[0], -Math.max(-60, Math.min(60, start[1]))]);\n  const [active, setActive] = useState<number | null>(null);\n  const [dragging, setDragging] = useState(false);\n  const drag = useRef<{ x: number; y: number; r: [number, number] } | null>(null);\n  const highlighted = useMemo(() => new Set(regions.map((r) => r.toUpperCase())), [regions]);\n\n  // The slow turn: only on screen, page visible, no reduced motion, not while dragged or a place is focused.\n  const turning = autoRotate && !reduced && onScreen && !dragging && active === null && mounted && Boolean(world);\n  useEffect(() => {\n    if (!turning) return undefined;\n    let frame = 0;\n    let last = performance.now();\n    const tick = (now: number) => {\n      // ~30 frames a second is plenty for a turn of 6°/s, and half the work.\n      if (now - last >= 33 && document.visibilityState === \"visible\") {\n        const dt = (now - last) / 1000;\n        last = now;\n        setRotation(([lon, lat]) => [lon + SPEED * dt, lat]);\n      } else if (document.visibilityState !== \"visible\") last = now;\n      frame = requestAnimationFrame(tick);\n    };\n    frame = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(frame);\n  }, [turning]);\n\n  const pointAt = (ref: GlobeArc[\"from\"]): [number, number] | null => {\n    if (typeof ref !== \"string\") return [ref[0], ref[1]];\n    const p = points.find((q) => q.label === ref);\n    return p ? [p.lon, p.lat] : null;\n  };\n\n  const summary = points.length\n    ? `${fill(labels.summaryIntro, { kind: labels.kinds.globe, count: points.length })} ${points.map((p) => (p.value == null ? p.label : `${p.label} ${fmt(p.value)}`)).join(\", \")}.`\n    : labels.empty;\n  const table = { columns: [pointLabel ?? labels.category, valueLabel ?? labels.value, \"lon\", \"lat\"], rows: points.map((p) => [p.label, p.value == null ? labels.noValue : fmt(p.value), p.lon.toFixed(2), p.lat.toFixed(2)]) };\n\n  const focus = (i: number | null) => {\n    setActive(i);\n    if (i !== null) {\n      const p = points[i]!;\n      setRotation([-p.lon, -Math.max(-60, Math.min(60, p.lat))]);\n    }\n  };\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const n = points.length;\n    if (!n) return;\n    const moves: Record<string, () => number | null> = {\n      ArrowRight: () => ((active ?? -1) + 1) % n,\n      ArrowDown: () => ((active ?? -1) + 1) % n,\n      ArrowLeft: () => ((active ?? 0) - 1 + n) % n,\n      ArrowUp: () => ((active ?? 0) - 1 + n) % n,\n      Home: () => 0,\n      End: () => n - 1,\n      Escape: () => null,\n    };\n    const move = moves[event.key];\n    if (!move) return;\n    event.preventDefault();\n    focus(move());\n  };\n\n  const onPointerDown = (event: PointerEvent<SVGSVGElement>) => {\n    drag.current = { x: event.clientX, y: event.clientY, r: rotation };\n    setDragging(true);\n    event.currentTarget.setPointerCapture?.(event.pointerId);\n  };\n  const onPointerMove = (event: PointerEvent<SVGSVGElement>) => {\n    if (!drag.current) return;\n    const { x, y, r } = drag.current;\n    setRotation([r[0] + (event.clientX - x) * 0.4, Math.max(-75, Math.min(75, r[1] - (event.clientY - y) * 0.4))]);\n  };\n  const onPointerUp = () => {\n    drag.current = null;\n    setDragging(false);\n  };\n\n  return (\n    <ChartFrame\n      kind=\"globe\"\n      frame={{ ...props, error: props.error ?? (failed || undefined), loading: props.loading || (mounted && !world && !failed) }}\n      pending={!world && !failed}\n      defaultHeight={360}\n      table={table}\n      summary={summary}\n      isEmpty={points.length === 0}\n      announcement={active === null ? \"\" : `${points[active]!.label}${points[active]!.value != null ? `: ${fmt(points[active]!.value)}` : \"\"}`}\n      handlers={{ onKeyDown, onBlur: () => setActive(null) }}\n      plotRef={plotRef}\n    >\n      {(width, height) => {\n        if (!world) return null;\n        const radius = Math.max(20, Math.min(width, height) / 2 - 12);\n        const cx = width / 2;\n        const cy = height / 2;\n        const projection = geoOrthographic().scale(radius).translate([cx, cy]).rotate([rotation[0], rotation[1]]).clipAngle(90).precision(0.5);\n        const path = geoPath(projection);\n        const facing: [number, number] = [-rotation[0], -rotation[1]];\n        const visible = (lon: number, lat: number) => geoDistance([lon, lat], facing) < Math.PI / 2 - 0.02;\n        const current = active !== null ? points[active] : null;\n        const tipAt = current && visible(current.lon, current.lat) ? projection([current.lon, current.lat]) : null;\n        const placed: { x: number; y: number; w: number; h: number }[] = [];\n        return (\n          <>\n            <svg\n              className=\"kzc-svg kzc-enter-pop\"\n              width={width}\n              height={height}\n              viewBox={`0 0 ${width} ${height}`}\n              aria-hidden\n              style={{ cursor: dragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n              onPointerDown={onPointerDown}\n              onPointerMove={onPointerMove}\n              onPointerUp={onPointerUp}\n              onPointerCancel={onPointerUp}\n            >\n              <defs>\n                <radialGradient id={`${uid}-light`} cx=\"35%\" cy=\"30%\" r=\"75%\">\n                  <stop offset=\"0%\" style={{ stopColor: \"color-mix(in oklab, var(--kz-accent) 14%, var(--kz-surface-2))\" }} />\n                  <stop offset=\"100%\" style={{ stopColor: \"var(--kz-surface-1)\" }} />\n                </radialGradient>\n                <radialGradient id={`${uid}-halo`} cx=\"50%\" cy=\"50%\" r=\"50%\">\n                  <stop offset=\"86%\" style={{ stopColor: \"var(--kz-accent)\", stopOpacity: 0.22 }} />\n                  <stop offset=\"100%\" style={{ stopColor: \"var(--kz-accent)\", stopOpacity: 0 }} />\n                </radialGradient>\n              </defs>\n              <circle cx={cx} cy={cy} r={radius * 1.12} style={{ fill: `url(#${uid}-halo)` }} />\n              <circle cx={cx} cy={cy} r={radius} style={{ fill: `url(#${uid}-light)`, stroke: \"var(--kz-border-default)\" }} />\n              <path d={path(geoGraticule10()) ?? \"\"} style={{ fill: \"none\", stroke: \"var(--kz-border-subtle)\", strokeWidth: 0.75 }} />\n              {world.features.map((f, i) => (\n                <path\n                  key={`${f.id ?? \"x\"}-${i}`}\n                  d={path(f) ?? \"\"}\n                  style={{\n                    fill: f.id && highlighted.has(f.id) ? \"color-mix(in oklab, var(--kz-accent) 45%, var(--kz-surface-3))\" : \"var(--kz-surface-3)\",\n                    stroke: \"var(--kz-surface-1)\",\n                    strokeWidth: 0.5,\n                  }}\n                />\n              ))}\n              {arcs.map((arc, i) => {\n                const a = pointAt(arc.from);\n                const b = pointAt(arc.to);\n                if (!a || !b) return null;\n                const interpolate = geoInterpolate(a, b);\n                const line = { type: \"LineString\" as const, coordinates: Array.from({ length: 33 }, (_, k) => interpolate(k / 32)) };\n                return <path key={i} d={path(line) ?? \"\"} style={{ fill: \"none\", stroke: \"var(--kz-accent-text)\", strokeWidth: 1.5, strokeDasharray: \"4 3\", opacity: 0.85 }} />;\n              })}\n              {points.map((p, i) => {\n                if (!visible(p.lon, p.lat)) return null;\n                const at0 = projection([p.lon, p.lat]);\n                // A label is written only where it does not cover another (the active place's always).\n                const box = at0 && { x: at0[0] + 10, y: at0[1] - 8, w: p.label.length * 6.6, h: 16 };\n                const free = box && (active === i || !placed.some((b) => box.x < b.x + b.w && b.x < box.x + box.w && box.y < b.y + b.h && b.y < box.y + box.h));\n                if (free) placed.push(box);\n                const at = projection([p.lon, p.lat]);\n                if (!at) return null;\n                const color = colorOf(p.tone ?? \"accent\", 1);\n                const on = active === i;\n                return (\n                  <g key={`${p.label}-${i}`}>\n                    <circle cx={at[0]} cy={at[1]} r={on ? 11 : 8} style={{ fill: color, opacity: 0.22 }} />\n                    <circle cx={at[0]} cy={at[1]} r={on ? 5.5 : 4.5} className=\"kzc-dot\" style={{ fill: color }} />\n                    {free && (on || points.length <= 8) && width >= 320 && (\n                      <text x={at[0] + 10} y={at[1]} dominantBaseline=\"central\" className=\"kzc-threshold-label\">\n                        {p.label}\n                      </text>\n                    )}\n                  </g>\n                );\n              })}\n            </svg>\n            {current && tipAt && <Tooltip x={tipAt[0]} y={tipAt[1]} width={width} title={current.label} rows={current.value == null ? [] : [{ label: valueLabel ?? labels.value, value: fmt(current.value) }]} />}\n          </>\n        );\n      }}\n    </ChartFrame>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-IKQV3NSL.js

@@ -0,0 +1,76 @@
+"use client";
+import {
+  BarChart
+} from "./chunk-WVTIKOII.js";
+import {
+  Kpi
+} from "./chunk-WBHFVBSK.js";
+import {
+  LATENCY_LABELS,
+  fillIn,
+  formatDuration,
+  numberOf
+} from "./chunk-WNUFGMS7.js";
+import {
+  useSettings
+} from "./chunk-JTKR7ZWP.js";
+
+// src/latency/latency-chart.tsx
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LatencyChart({
+  x = "name",
+  p50 = "p50",
+  p95 = "p95",
+  objective,
+  vertical,
+  hideSummary,
+  labels: given,
+  description,
+  data,
+  ...props
+}) {
+  const words = { ...LATENCY_LABELS, ...given };
+  const { locale } = useSettings(props);
+  const series = useMemo(
+    () => [{ key: p50, label: words.p50, color: "neutral" }, ...p95 ? [{ key: p95, label: words.p95, color: 1 }] : []],
+    [p50, p95, words.p50, words.p95]
+  );
+  const tail = p95 ?? p50;
+  const measured = data.map((row, i) => ({ row, i, value: numberOf(row, tail, i) })).filter((m) => m.value != null);
+  const slowest = measured.reduce((a, m) => !a || (m.value ?? 0) > (a.value ?? 0) ? m : a, null);
+  const over = objective ? measured.filter((m) => (m.value ?? 0) > objective.value).length : 0;
+  const nameOf = (row, i) => String(typeof x === "function" ? x(row, i) : row[x]);
+  const summary = hideSummary || !slowest ? null : /* @__PURE__ */ jsx(
+    Kpi,
+    {
+      value: formatDuration(slowest.value ?? 0, locale),
+      label: fillIn(words.slowest, { name: nameOf(slowest.row, slowest.i) }),
+      delta: objective ? over > 0 ? fillIn(words.over, { count: over }) : words.within : null,
+      direction: objective ? over > 0 ? "up" : "flat" : null,
+      tone: over > 0 ? "danger" : "success"
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    BarChart,
+    {
+      ...props,
+      data,
+      x,
+      series,
+      format: (value, l) => formatDuration(value, l),
+      horizontal: !vertical,
+      thresholds: objective ? [{ ...objective, tone: "danger" }] : void 0,
+      description: description || summary ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        description,
+        description && summary ? /* @__PURE__ */ jsx("br", {}) : null,
+        summary
+      ] }) : void 0
+    }
+  );
+}
+
+export {
+  LatencyChart
+};
+//# sourceMappingURL=chunk-IKQV3NSL.js.map

package/dist/chunk-IKQV3NSL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/latency/latency-chart.tsx"],"sourcesContent":["\"use client\";\n// Latency per capability, model or kind of job (the console's supervision, Orazaka's \"time to result\"): the median\n// and the 95th percentile side by side in horizontal bars, durations written in the unit that fits (ms, s, min), the\n// service objective as a line, the slowest p95 and how many go past the objective written above.\nimport { useMemo } from \"react\";\n\nimport { BarChart } from \"../bar/bar-chart\";\nimport type { CartesianProps } from \"../cartesian/cartesian\";\nimport type { Accessor, Datum, SeriesSpec } from \"../core/types\";\nimport { Kpi } from \"../needs/kpi\";\nimport { LATENCY_LABELS, type LatencyLabels } from \"../needs/labels\";\nimport { fillIn, formatDuration, numberOf } from \"../needs/model\";\nimport { useSettings } from \"../web/frame\";\n\nexport interface LatencyChartProps<T extends Datum>\n  extends Omit<CartesianProps<T>, \"y\" | \"yLabel\" | \"series\" | \"format\" | \"x\" | \"xFormat\" | \"thresholds\" | \"labels\"> {\n  /** The field (or function) naming what is measured (a capability, a model). Default `\"name\"`. */\n  x?: Accessor<T, unknown>;\n  /** The median, in milliseconds. Default `\"p50\"`. */\n  p50?: Accessor<T, number | null | undefined>;\n  /** The 95th percentile, in milliseconds. Default `\"p95\"`; `null` to draw the median alone. */\n  p95?: Accessor<T, number | null | undefined> | null;\n  /** The service objective, in milliseconds: a line, and the count of what goes past it (by p95). */\n  objective?: { readonly value: number; readonly label: string };\n  /** Vertical bars instead of horizontal ones (few, short names). */\n  vertical?: boolean;\n  /** Hide the slowest p95 and the count over the objective. */\n  hideSummary?: boolean;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<LatencyLabels>;\n}\n\n/** Median and p95 latency per item, durations in the unit that fits, against a service objective. */\nexport function LatencyChart<T extends Datum>({\n  x = \"name\" as Accessor<T, unknown>,\n  p50 = \"p50\" as Accessor<T, number | null | undefined>,\n  p95 = \"p95\" as Accessor<T, number | null | undefined>,\n  objective,\n  vertical,\n  hideSummary,\n  labels: given,\n  description,\n  data,\n  ...props\n}: LatencyChartProps<T>) {\n  const words = { ...LATENCY_LABELS, ...given };\n  const { locale } = useSettings(props as CartesianProps<T>);\n  const series = useMemo<SeriesSpec<T>[]>(\n    () => [{ key: p50, label: words.p50, color: \"neutral\" }, ...(p95 ? [{ key: p95, label: words.p95, color: 1 as const }] : [])],\n    [p50, p95, words.p50, words.p95],\n  );\n  const tail = p95 ?? p50;\n  const measured = data.map((row, i) => ({ row, i, value: numberOf(row, tail, i) })).filter((m) => m.value != null);\n  const slowest = measured.reduce<(typeof measured)[number] | null>((a, m) => (!a || (m.value ?? 0) > (a.value ?? 0) ? m : a), null);\n  const over = objective ? measured.filter((m) => (m.value ?? 0) > objective.value).length : 0;\n  const nameOf = (row: T, i: number) => String(typeof x === \"function\" ? x(row, i) : (row as Record<string, unknown>)[x]);\n  const summary =\n    hideSummary || !slowest ? null : (\n      <Kpi\n        value={formatDuration(slowest.value ?? 0, locale)}\n        label={fillIn(words.slowest, { name: nameOf(slowest.row, slowest.i) })}\n        delta={objective ? (over > 0 ? fillIn(words.over, { count: over }) : words.within) : null}\n        direction={objective ? (over > 0 ? \"up\" : \"flat\") : null}\n        tone={over > 0 ? \"danger\" : \"success\"}\n      />\n    );\n  return (\n    <BarChart\n      {...props}\n      data={data}\n      x={x}\n      series={series}\n      format={(value, l) => formatDuration(value, l)}\n      horizontal={!vertical}\n      thresholds={objective ? [{ ...objective, tone: \"danger\" }] : undefined}\n      description={\n        description || summary ? (\n          <>\n            {description}\n            {description && summary ? <br /> : null}\n            {summary}\n          </>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,SAAS,eAAe;AAsDlB,SAmBI,UAnBJ,KAmBI,YAnBJ;AAzBC,SAAS,aAA8B;AAAA,EAC5C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,QAAQ,EAAE,GAAG,gBAAgB,GAAG,MAAM;AAC5C,QAAM,EAAE,OAAO,IAAI,YAAY,KAA0B;AACzD,QAAM,SAAS;AAAA,IACb,MAAM,CAAC,EAAE,KAAK,KAAK,OAAO,MAAM,KAAK,OAAO,UAAU,GAAG,GAAI,MAAM,CAAC,EAAE,KAAK,KAAK,OAAO,MAAM,KAAK,OAAO,EAAW,CAAC,IAAI,CAAC,CAAE;AAAA,IAC5H,CAAC,KAAK,KAAK,MAAM,KAAK,MAAM,GAAG;AAAA,EACjC;AACA,QAAM,OAAO,OAAO;AACpB,QAAM,WAAW,KAAK,IAAI,CAAC,KAAK,OAAO,EAAE,KAAK,GAAG,OAAO,SAAS,KAAK,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,IAAI;AAChH,QAAM,UAAU,SAAS,OAAyC,CAAC,GAAG,MAAO,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,SAAS,KAAK,IAAI,GAAI,IAAI;AACjI,QAAM,OAAO,YAAY,SAAS,OAAO,CAAC,OAAO,EAAE,SAAS,KAAK,UAAU,KAAK,EAAE,SAAS;AAC3F,QAAM,SAAS,CAAC,KAAQ,MAAc,OAAO,OAAO,MAAM,aAAa,EAAE,KAAK,CAAC,IAAK,IAAgC,CAAC,CAAC;AACtH,QAAM,UACJ,eAAe,CAAC,UAAU,OACxB;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,eAAe,QAAQ,SAAS,GAAG,MAAM;AAAA,MAChD,OAAO,OAAO,MAAM,SAAS,EAAE,MAAM,OAAO,QAAQ,KAAK,QAAQ,CAAC,EAAE,CAAC;AAAA,MACrE,OAAO,YAAa,OAAO,IAAI,OAAO,MAAM,MAAM,EAAE,OAAO,KAAK,CAAC,IAAI,MAAM,SAAU;AAAA,MACrF,WAAW,YAAa,OAAO,IAAI,OAAO,SAAU;AAAA,MACpD,MAAM,OAAO,IAAI,WAAW;AAAA;AAAA,EAC9B;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,OAAO,MAAM,eAAe,OAAO,CAAC;AAAA,MAC7C,YAAY,CAAC;AAAA,MACb,YAAY,YAAY,CAAC,EAAE,GAAG,WAAW,MAAM,SAAS,CAAC,IAAI;AAAA,MAC7D,aACE,eAAe,UACb,iCACG;AAAA;AAAA,QACA,eAAe,UAAU,oBAAC,QAAG,IAAK;AAAA,QAClC;AAAA,SACH,IACE;AAAA;AAAA,EAER;AAEJ;","names":[]}