@mastra/playground-ui 48.0.0-alpha.8 → 48.0.0

package/dist/ee/signals/snapshot-timeline-data.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+
+function timelineTickPositions(snapshots) {
+  const epochs = snapshots.map((snapshot) => snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN);
+  const first = epochs[0];
+  const last = epochs[epochs.length - 1];
+  const hasTimeAxis = epochs.length > 1 && epochs.every((epoch) => Number.isFinite(epoch)) && last !== void 0 && first !== void 0 && last > first;
+  return snapshots.map((_, index) => {
+    if (snapshots.length < 2) return 0;
+    if (!hasTimeAxis) return index / (snapshots.length - 1) * 100;
+    const epoch = epochs[index];
+    if (epoch === void 0 || first === void 0 || last === void 0) return 0;
+    return (epoch - first) / (last - first) * 100;
+  });
+}
+function snapshotTickLabel(snapshot, totalCount) {
+  const cutoff = snapshot.cutoffAt ? ee_signals_signalFormatting.formatSnapshotCutoff(snapshot.cutoffAt) : void 0;
+  return `Snapshot ${snapshot.ordinal} of ${totalCount}${cutoff ? `, ${cutoff}` : ""}`;
+}
+const DAY_LABEL_FORMAT = new Intl.DateTimeFormat("en-US", { month: "2-digit", day: "2-digit", timeZone: "UTC" });
+function timelineDayLabels(snapshots) {
+  let previousDay;
+  return snapshots.map((snapshot) => {
+    const epoch = snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN;
+    if (!Number.isFinite(epoch)) return void 0;
+    const day = DAY_LABEL_FORMAT.format(epoch);
+    if (day === previousDay) return void 0;
+    previousDay = day;
+    return day;
+  });
+}
+
+exports.snapshotTickLabel = snapshotTickLabel;
+exports.timelineDayLabels = timelineDayLabels;
+exports.timelineTickPositions = timelineTickPositions;
+//# sourceMappingURL=snapshot-timeline-data.cjs.js.map

package/dist/ee/signals/snapshot-timeline-data.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-timeline-data.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline-data.ts"],"sourcesContent":["import { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSnapshot } from './types';\n\n/**\n * Positions each landmark on a 0–100% time axis by its cutoff. Falls back to\n * even index spacing when cutoffs are unavailable (older servers).\n */\nexport function timelineTickPositions(snapshots: ThemeSnapshot[]): number[] {\n  const epochs = snapshots.map(snapshot => (snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN));\n  const first = epochs[0];\n  const last = epochs[epochs.length - 1];\n  const hasTimeAxis =\n    epochs.length > 1 &&\n    epochs.every(epoch => Number.isFinite(epoch)) &&\n    last !== undefined &&\n    first !== undefined &&\n    last > first;\n\n  return snapshots.map((_, index) => {\n    if (snapshots.length < 2) return 0;\n    if (!hasTimeAxis) return (index / (snapshots.length - 1)) * 100;\n    const epoch = epochs[index];\n    if (epoch === undefined || first === undefined || last === undefined) return 0;\n    return ((epoch - first) / (last - first)) * 100;\n  });\n}\n\nexport function snapshotTickLabel(snapshot: ThemeSnapshot, totalCount: number) {\n  const cutoff = snapshot.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `Snapshot ${snapshot.ordinal} of ${totalCount}${cutoff ? `, ${cutoff}` : ''}`;\n}\n\nconst DAY_LABEL_FORMAT = new Intl.DateTimeFormat('en-US', { month: '2-digit', day: '2-digit', timeZone: 'UTC' });\n\n/**\n * Day label (\"07/24\") for each tick whose cutoff starts a new day compared to\n * the previous tick; undefined otherwise so the axis only marks day starts.\n */\nexport function timelineDayLabels(snapshots: ThemeSnapshot[]): Array<string | undefined> {\n  let previousDay: string | undefined;\n  return snapshots.map(snapshot => {\n    const epoch = snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN;\n    if (!Number.isFinite(epoch)) return undefined;\n    const day = DAY_LABEL_FORMAT.format(epoch);\n    if (day === previousDay) return undefined;\n    previousDay = day;\n    return day;\n  });\n}\n"],"names":["formatSnapshotCutoff"],"mappings":";;;;;;AAOO,SAAS,sBAAsB,SAAA,EAAsC;AAC1E,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,GAAA,CAAI,CAAA,QAAA,KAAa,QAAA,CAAS,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,QAAA,CAAS,QAAQ,CAAA,GAAI,MAAA,CAAO,GAAI,CAAA;AACzG,EAAA,MAAM,KAAA,GAAQ,OAAO,CAAC,CAAA;AACtB,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AACrC,EAAA,MAAM,cACJ,MAAA,CAAO,MAAA,GAAS,CAAA,IAChB,MAAA,CAAO,MAAM,CAAA,KAAA,KAAS,MAAA,CAAO,QAAA,CAAS,KAAK,CAAC,CAAA,IAC5C,IAAA,KAAS,MAAA,IACT,KAAA,KAAU,UACV,IAAA,GAAO,KAAA;AAET,EAAA,OAAO,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,KAAU;AACjC,IAAA,IAAI,SAAA,CAAU,MAAA,GAAS,CAAA,EAAG,OAAO,CAAA;AACjC,IAAA,IAAI,CAAC,WAAA,EAAa,OAAQ,KAAA,IAAS,SAAA,CAAU,SAAS,CAAA,CAAA,GAAM,GAAA;AAC5D,IAAA,MAAM,KAAA,GAAQ,OAAO,KAAK,CAAA;AAC1B,IAAA,IAAI,UAAU,MAAA,IAAa,KAAA,KAAU,MAAA,IAAa,IAAA,KAAS,QAAW,OAAO,CAAA;AAC7E,IAAA,OAAA,CAAS,KAAA,GAAQ,KAAA,KAAU,IAAA,GAAO,KAAA,CAAA,GAAU,GAAA;AAAA,EAC9C,CAAC,CAAA;AACH;AAEO,SAAS,iBAAA,CAAkB,UAAyB,UAAA,EAAoB;AAC7E,EAAA,MAAM,SAAS,QAAA,CAAS,QAAA,GAAWA,gDAAA,CAAqB,QAAA,CAAS,QAAQ,CAAA,GAAI,MAAA;AAC7E,EAAA,OAAO,CAAA,SAAA,EAAY,QAAA,CAAS,OAAO,CAAA,IAAA,EAAO,UAAU,GAAG,MAAA,GAAS,CAAA,EAAA,EAAK,MAAM,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AACpF;AAEA,MAAM,gBAAA,GAAmB,IAAI,IAAA,CAAK,cAAA,CAAe,OAAA,EAAS,EAAE,KAAA,EAAO,SAAA,EAAW,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,CAAA;AAMxG,SAAS,kBAAkB,SAAA,EAAuD;AACvF,EAAA,IAAI,WAAA;AACJ,EAAA,OAAO,SAAA,CAAU,IAAI,CAAA,QAAA,KAAY;AAC/B,IAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,GAAW,IAAA,CAAK,MAAM,QAAA,CAAS,QAAQ,IAAI,MAAA,CAAO,GAAA;AACzE,IAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,KAAK,GAAG,OAAO,MAAA;AACpC,IAAA,MAAM,GAAA,GAAM,gBAAA,CAAiB,MAAA,CAAO,KAAK,CAAA;AACzC,IAAA,IAAI,GAAA,KAAQ,aAAa,OAAO,MAAA;AAChC,IAAA,WAAA,GAAc,GAAA;AACd,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AACH;;;;;;"}

package/dist/ee/signals/snapshot-timeline-data.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ee/signals/snapshot-timeline-data'
+export {}

package/dist/ee/signals/snapshot-timeline-data.es.js

@@ -0,0 +1,34 @@
+import { formatSnapshotCutoff } from './signal-formatting.es.js';
+
+function timelineTickPositions(snapshots) {
+  const epochs = snapshots.map((snapshot) => snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN);
+  const first = epochs[0];
+  const last = epochs[epochs.length - 1];
+  const hasTimeAxis = epochs.length > 1 && epochs.every((epoch) => Number.isFinite(epoch)) && last !== void 0 && first !== void 0 && last > first;
+  return snapshots.map((_, index) => {
+    if (snapshots.length < 2) return 0;
+    if (!hasTimeAxis) return index / (snapshots.length - 1) * 100;
+    const epoch = epochs[index];
+    if (epoch === void 0 || first === void 0 || last === void 0) return 0;
+    return (epoch - first) / (last - first) * 100;
+  });
+}
+function snapshotTickLabel(snapshot, totalCount) {
+  const cutoff = snapshot.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : void 0;
+  return `Snapshot ${snapshot.ordinal} of ${totalCount}${cutoff ? `, ${cutoff}` : ""}`;
+}
+const DAY_LABEL_FORMAT = new Intl.DateTimeFormat("en-US", { month: "2-digit", day: "2-digit", timeZone: "UTC" });
+function timelineDayLabels(snapshots) {
+  let previousDay;
+  return snapshots.map((snapshot) => {
+    const epoch = snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN;
+    if (!Number.isFinite(epoch)) return void 0;
+    const day = DAY_LABEL_FORMAT.format(epoch);
+    if (day === previousDay) return void 0;
+    previousDay = day;
+    return day;
+  });
+}
+
+export { snapshotTickLabel, timelineDayLabels, timelineTickPositions };
+//# sourceMappingURL=snapshot-timeline-data.es.js.map

package/dist/ee/signals/snapshot-timeline-data.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-timeline-data.es.js","sources":["../../../src/ee/signals/snapshot-timeline-data.ts"],"sourcesContent":["import { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSnapshot } from './types';\n\n/**\n * Positions each landmark on a 0–100% time axis by its cutoff. Falls back to\n * even index spacing when cutoffs are unavailable (older servers).\n */\nexport function timelineTickPositions(snapshots: ThemeSnapshot[]): number[] {\n  const epochs = snapshots.map(snapshot => (snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN));\n  const first = epochs[0];\n  const last = epochs[epochs.length - 1];\n  const hasTimeAxis =\n    epochs.length > 1 &&\n    epochs.every(epoch => Number.isFinite(epoch)) &&\n    last !== undefined &&\n    first !== undefined &&\n    last > first;\n\n  return snapshots.map((_, index) => {\n    if (snapshots.length < 2) return 0;\n    if (!hasTimeAxis) return (index / (snapshots.length - 1)) * 100;\n    const epoch = epochs[index];\n    if (epoch === undefined || first === undefined || last === undefined) return 0;\n    return ((epoch - first) / (last - first)) * 100;\n  });\n}\n\nexport function snapshotTickLabel(snapshot: ThemeSnapshot, totalCount: number) {\n  const cutoff = snapshot.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `Snapshot ${snapshot.ordinal} of ${totalCount}${cutoff ? `, ${cutoff}` : ''}`;\n}\n\nconst DAY_LABEL_FORMAT = new Intl.DateTimeFormat('en-US', { month: '2-digit', day: '2-digit', timeZone: 'UTC' });\n\n/**\n * Day label (\"07/24\") for each tick whose cutoff starts a new day compared to\n * the previous tick; undefined otherwise so the axis only marks day starts.\n */\nexport function timelineDayLabels(snapshots: ThemeSnapshot[]): Array<string | undefined> {\n  let previousDay: string | undefined;\n  return snapshots.map(snapshot => {\n    const epoch = snapshot.cutoffAt ? Date.parse(snapshot.cutoffAt) : Number.NaN;\n    if (!Number.isFinite(epoch)) return undefined;\n    const day = DAY_LABEL_FORMAT.format(epoch);\n    if (day === previousDay) return undefined;\n    previousDay = day;\n    return day;\n  });\n}\n"],"names":[],"mappings":";;AAOO,SAAS,sBAAsB,SAAA,EAAsC;AAC1E,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,GAAA,CAAI,CAAA,QAAA,KAAa,QAAA,CAAS,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,QAAA,CAAS,QAAQ,CAAA,GAAI,MAAA,CAAO,GAAI,CAAA;AACzG,EAAA,MAAM,KAAA,GAAQ,OAAO,CAAC,CAAA;AACtB,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA;AACrC,EAAA,MAAM,cACJ,MAAA,CAAO,MAAA,GAAS,CAAA,IAChB,MAAA,CAAO,MAAM,CAAA,KAAA,KAAS,MAAA,CAAO,QAAA,CAAS,KAAK,CAAC,CAAA,IAC5C,IAAA,KAAS,MAAA,IACT,KAAA,KAAU,UACV,IAAA,GAAO,KAAA;AAET,EAAA,OAAO,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,KAAU;AACjC,IAAA,IAAI,SAAA,CAAU,MAAA,GAAS,CAAA,EAAG,OAAO,CAAA;AACjC,IAAA,IAAI,CAAC,WAAA,EAAa,OAAQ,KAAA,IAAS,SAAA,CAAU,SAAS,CAAA,CAAA,GAAM,GAAA;AAC5D,IAAA,MAAM,KAAA,GAAQ,OAAO,KAAK,CAAA;AAC1B,IAAA,IAAI,UAAU,MAAA,IAAa,KAAA,KAAU,MAAA,IAAa,IAAA,KAAS,QAAW,OAAO,CAAA;AAC7E,IAAA,OAAA,CAAS,KAAA,GAAQ,KAAA,KAAU,IAAA,GAAO,KAAA,CAAA,GAAU,GAAA;AAAA,EAC9C,CAAC,CAAA;AACH;AAEO,SAAS,iBAAA,CAAkB,UAAyB,UAAA,EAAoB;AAC7E,EAAA,MAAM,SAAS,QAAA,CAAS,QAAA,GAAW,oBAAA,CAAqB,QAAA,CAAS,QAAQ,CAAA,GAAI,MAAA;AAC7E,EAAA,OAAO,CAAA,SAAA,EAAY,QAAA,CAAS,OAAO,CAAA,IAAA,EAAO,UAAU,GAAG,MAAA,GAAS,CAAA,EAAA,EAAK,MAAM,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AACpF;AAEA,MAAM,gBAAA,GAAmB,IAAI,IAAA,CAAK,cAAA,CAAe,OAAA,EAAS,EAAE,KAAA,EAAO,SAAA,EAAW,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,CAAA;AAMxG,SAAS,kBAAkB,SAAA,EAAuD;AACvF,EAAA,IAAI,WAAA;AACJ,EAAA,OAAO,SAAA,CAAU,IAAI,CAAA,QAAA,KAAY;AAC/B,IAAA,MAAM,KAAA,GAAQ,SAAS,QAAA,GAAW,IAAA,CAAK,MAAM,QAAA,CAAS,QAAQ,IAAI,MAAA,CAAO,GAAA;AACzE,IAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,KAAK,GAAG,OAAO,MAAA;AACpC,IAAA,MAAM,GAAA,GAAM,gBAAA,CAAiB,MAAA,CAAO,KAAK,CAAA;AACzC,IAAA,IAAI,GAAA,KAAQ,aAAa,OAAO,MAAA;AAChC,IAAA,WAAA,GAAc,GAAA;AACd,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AACH;;;;"}

package/dist/ee/signals/snapshot-timeline.cjs.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
+const Button = require('../../Button-B4Ixj2aW.cjs');
+
+const MARKER_TICK_CLASSES = {
+  selected: "bg-accent1 border-accent1",
+  "compare-point": "bg-accent1 border-accent1"
+};
+function TimelineTrack({
+  snapshots,
+  totalCount,
+  markers,
+  grabbedIndex,
+  onTickSelect
+}) {
+  const positions = ee_signals_snapshotTimelineData.timelineTickPositions(snapshots);
+  const dayLabels = ee_signals_snapshotTimelineData.timelineDayLabels(snapshots);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-label": "Snapshot landmarks", className: "relative mx-2 h-12 min-w-40 flex-1", role: "group", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "bg-border1 absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full" }),
+    snapshots.map((snapshot, index) => {
+      const marker = markers.get(index);
+      const grabbed = marker === "compare-point" && index === grabbedIndex;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "aria-current": marker === "selected" ? "true" : void 0,
+          "aria-label": ee_signals_snapshotTimelineData.snapshotTickLabel(snapshot, totalCount),
+          "aria-pressed": marker === "compare-point" ? grabbed : void 0,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 transition-colors ${marker ? MARKER_TICK_CLASSES[marker] : "border-surface2 bg-surface4 hover:bg-accent1/60"} ${grabbed ? "ring-accent1/70 ring-2" : ""}`,
+          "data-marker": marker,
+          onClick: () => onTickSelect(index),
+          style: { left: `${positions[index]}%` },
+          type: "button"
+        },
+        snapshot.snapshotId
+      );
+    }),
+    snapshots.map(
+      (snapshot, index) => dayLabels[index] ? /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "text-neutral3 absolute top-7 -translate-x-1/2 font-mono text-[10px] tabular-nums",
+          style: { left: `${positions[index]}%` },
+          children: dayLabels[index]
+        },
+        `day-${snapshot.snapshotId}`
+      ) : null
+    )
+  ] });
+}
+function SnapshotTimeline({
+  snapshots,
+  selectedIndex,
+  totalSnapshots,
+  summary,
+  isPlaying,
+  onPlayingChange,
+  onSnapshotChange
+}) {
+  const snapshot = snapshots[selectedIndex];
+  if (!snapshot) return null;
+  const totalCount = totalSnapshots ?? snapshot.total;
+  const selectedDate = snapshot.cutoffAt ? ee_signals_signalFormatting.formatSnapshotCutoff(snapshot.cutoffAt) : ee_signals_signalFormatting.formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);
+  const statusParts = [
+    `Snapshot ${snapshot.ordinal}/${totalCount}`,
+    ...snapshot.cutoffAt ? [`as of ${selectedDate}`, `window ${ee_signals_signalFormatting.formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`] : [selectedDate],
+    ee_signals_signalFormatting.traceLabel(snapshot.traceCount)
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Snapshot timeline", className: "space-y-4", children: [
+    snapshots.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2.5 sm:px-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      TimelineTrack,
+      {
+        snapshots,
+        totalCount,
+        markers: /* @__PURE__ */ new Map([[selectedIndex, "selected"]]),
+        onTickSelect: onSnapshotChange
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      snapshots.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(
+        Button.Button,
+        {
+          "aria-label": isPlaying ? "Pause snapshots" : "Play snapshots",
+          onClick: () => onPlayingChange(!isPlaying),
+          size: "sm",
+          type: "button",
+          variant: "outline",
+          children: [
+            isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { "aria-hidden": "true" }),
+            isPlaying ? "Pause" : "Play"
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral4 font-mono text-xs tabular-nums", "data-testid": "snapshot-summary", children: summary })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { "aria-live": "polite", className: "sr-only", children: statusParts.join(" · ") })
+  ] });
+}
+
+exports.SnapshotTimeline = SnapshotTimeline;
+exports.TimelineTrack = TimelineTrack;
+//# sourceMappingURL=snapshot-timeline.cjs.js.map

package/dist/ee/signals/snapshot-timeline.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-accent1 border-accent1',\n  'compare-point': 'bg-accent1 border-accent1',\n};\n\n/**\n * Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n */\nexport function TimelineTrack({\n  snapshots,\n  totalCount,\n  markers,\n  grabbedIndex,\n  onTickSelect,\n}: {\n  snapshots: ThemeSnapshot[];\n  totalCount: number;\n  markers: ReadonlyMap<number, TimelineMarkerKind>;\n  /** Landmark index of a grabbed compare point — the next tick click moves it. */\n  grabbedIndex?: number;\n  onTickSelect: (index: number) => void;\n}) {\n  const positions = timelineTickPositions(snapshots);\n  const dayLabels = timelineDayLabels(snapshots);\n\n  return (\n    <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n      <div aria-hidden=\"true\" className=\"bg-border1 absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full\" />\n      {snapshots.map((snapshot, index) => {\n        const marker = markers.get(index);\n        const grabbed = marker === 'compare-point' && index === grabbedIndex;\n        return (\n          <button\n            key={snapshot.snapshotId}\n            aria-current={marker === 'selected' ? 'true' : undefined}\n            aria-label={snapshotTickLabel(snapshot, totalCount)}\n            aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n            className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 transition-colors ${\n              marker ? MARKER_TICK_CLASSES[marker] : 'border-surface2 bg-surface4 hover:bg-accent1/60'\n            } ${grabbed ? 'ring-accent1/70 ring-2' : ''}`}\n            data-marker={marker}\n            onClick={() => onTickSelect(index)}\n            style={{ left: `${positions[index]}%` }}\n            type=\"button\"\n          />\n        );\n      })}\n      {snapshots.map((snapshot, index) =>\n        dayLabels[index] ? (\n          <span\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"text-neutral3 absolute top-7 -translate-x-1/2 font-mono text-[10px] tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </span>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            {isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <p className=\"text-neutral4 font-mono text-xs tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </p>\n      </div>\n      {/* Keep the global ordinal and range-scoped position available to assistive tech. */}\n      <p aria-live=\"polite\" className=\"sr-only\">\n        {statusParts.join(' · ')}\n      </p>\n    </section>\n  );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":";;;;;;;;;;AASA,MAAM,mBAAA,GAA0D;AAAA,EAC9D,QAAA,EAAU,2BAAA;AAAA,EACV,eAAA,EAAiB;AACnB,CAAA;AAQO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,SAAA,GAAYA,sDAAsB,SAAS,CAAA;AACjD,EAAA,MAAM,SAAA,GAAYC,kDAAkB,SAAS,CAAA;AAE7C,EAAA,uCACG,KAAA,EAAA,EAAI,YAAA,EAAW,sBAAqB,SAAA,EAAU,oCAAA,EAAqC,MAAK,OAAA,EACvF,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,yEAAA,EAA0E,CAAA;AAAA,IAC3G,SAAA,CAAU,GAAA,CAAI,CAAC,QAAA,EAAU,KAAA,KAAU;AAClC,MAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA;AAChC,MAAA,MAAM,OAAA,GAAU,MAAA,KAAW,eAAA,IAAmB,KAAA,KAAU,YAAA;AACxD,MAAA,uBACEA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAc,MAAA,KAAW,UAAA,GAAa,MAAA,GAAS,MAAA;AAAA,UAC/C,YAAA,EAAYC,iDAAA,CAAkB,QAAA,EAAU,UAAU,CAAA;AAAA,UAClD,cAAA,EAAc,MAAA,KAAW,eAAA,GAAkB,OAAA,GAAU,MAAA;AAAA,UACrD,SAAA,EAAW,CAAA,+EAAA,EACT,MAAA,GAAS,mBAAA,CAAoB,MAAM,IAAI,iDACzC,CAAA,CAAA,EAAI,OAAA,GAAU,wBAAA,GAA2B,EAAE,CAAA,CAAA;AAAA,UAC3C,aAAA,EAAa,MAAA;AAAA,UACb,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,UACjC,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UACtC,IAAA,EAAK;AAAA,SAAA;AAAA,QAVA,QAAA,CAAS;AAAA,OAWhB;AAAA,IAEJ,CAAC,CAAA;AAAA,IACA,SAAA,CAAU,GAAA;AAAA,MAAI,CAAC,QAAA,EAAU,KAAA,KACxB,SAAA,CAAU,KAAK,CAAA,mBACbD,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UAEC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,kFAAA;AAAA,UACV,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UAErC,oBAAU,KAAK;AAAA,SAAA;AAAA,QALX,CAAA,IAAA,EAAO,SAAS,UAAU,CAAA;AAAA,OAMjC,GACE;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAQG;AACD,EAAA,MAAM,QAAA,GAAW,UAAU,aAAa,CAAA;AAExC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,UAAA,GAAa,kBAAkB,QAAA,CAAS,KAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,QAAA,GAC1BE,gDAAA,CAAqB,QAAA,CAAS,QAAQ,CAAA,GACtCC,gDAAA,CAAqB,QAAA,CAAS,SAAA,EAAW,QAAA,CAAS,OAAO,CAAA;AAC7D,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,CAAA,SAAA,EAAY,QAAA,CAAS,OAAO,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,IAC1C,GAAI,QAAA,CAAS,QAAA,GACT,CAAC,CAAA,MAAA,EAAS,YAAY,CAAA,CAAA,EAAI,CAAA,OAAA,EAAUA,gDAAA,CAAqB,QAAA,CAAS,WAAW,QAAA,CAAS,OAAO,CAAC,CAAA,CAAE,CAAA,GAChG,CAAC,YAAY,CAAA;AAAA,IACjBC,sCAAA,CAAW,SAAS,UAAU;AAAA,GAChC;AAEA,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,mBAAA,EAAoB,WAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,SAAA,CAAU,MAAA,GAAS,CAAA,mBAClBL,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA,sBAAa,GAAA,CAAgC,CAAC,CAAC,aAAA,EAAe,UAAU,CAAC,CAAC,CAAA;AAAA,QAC1E,YAAA,EAAc;AAAA;AAAA,OAElB,CAAA,GACE,IAAA;AAAA,oBACJK,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,SAAS,CAAA,mBAClBA,eAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,YAAY,iBAAA,GAAoB,gBAAA;AAAA,UAC5C,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,SAAS,CAAA;AAAA,UACzC,IAAA,EAAK,IAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,SAAA;AAAA,UAEP,QAAA,EAAA;AAAA,YAAA,SAAA,mBAAYN,cAAA,CAACO,qBAAM,aAAA,EAAY,MAAA,EAAO,oBAAKP,cAAA,CAACQ,gBAAA,EAAA,EAAK,eAAY,MAAA,EAAO,CAAA;AAAA,YACpE,YAAY,OAAA,GAAU;AAAA;AAAA;AAAA,OACzB,GACE,IAAA;AAAA,qCACH,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAA+C,aAAA,EAAY,oBACrE,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAR,cAAA,CAAC,OAAE,WAAA,EAAU,QAAA,EAAS,WAAU,SAAA,EAC7B,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA,EACzB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}

package/dist/ee/signals/snapshot-timeline.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ee/signals/snapshot-timeline'
+export {}

package/dist/ee/signals/snapshot-timeline.es.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Pause, Play } from 'lucide-react';
+import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting.es.js';
+import { timelineTickPositions, timelineDayLabels, snapshotTickLabel } from './snapshot-timeline-data.es.js';
+import { B as Button } from '../../Button-C-9Pzy-Z.js';
+
+const MARKER_TICK_CLASSES = {
+  selected: "bg-accent1 border-accent1",
+  "compare-point": "bg-accent1 border-accent1"
+};
+function TimelineTrack({
+  snapshots,
+  totalCount,
+  markers,
+  grabbedIndex,
+  onTickSelect
+}) {
+  const positions = timelineTickPositions(snapshots);
+  const dayLabels = timelineDayLabels(snapshots);
+  return /* @__PURE__ */ jsxs("div", { "aria-label": "Snapshot landmarks", className: "relative mx-2 h-12 min-w-40 flex-1", role: "group", children: [
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "bg-border1 absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full" }),
+    snapshots.map((snapshot, index) => {
+      const marker = markers.get(index);
+      const grabbed = marker === "compare-point" && index === grabbedIndex;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-current": marker === "selected" ? "true" : void 0,
+          "aria-label": snapshotTickLabel(snapshot, totalCount),
+          "aria-pressed": marker === "compare-point" ? grabbed : void 0,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 transition-colors ${marker ? MARKER_TICK_CLASSES[marker] : "border-surface2 bg-surface4 hover:bg-accent1/60"} ${grabbed ? "ring-accent1/70 ring-2" : ""}`,
+          "data-marker": marker,
+          onClick: () => onTickSelect(index),
+          style: { left: `${positions[index]}%` },
+          type: "button"
+        },
+        snapshot.snapshotId
+      );
+    }),
+    snapshots.map(
+      (snapshot, index) => dayLabels[index] ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "text-neutral3 absolute top-7 -translate-x-1/2 font-mono text-[10px] tabular-nums",
+          style: { left: `${positions[index]}%` },
+          children: dayLabels[index]
+        },
+        `day-${snapshot.snapshotId}`
+      ) : null
+    )
+  ] });
+}
+function SnapshotTimeline({
+  snapshots,
+  selectedIndex,
+  totalSnapshots,
+  summary,
+  isPlaying,
+  onPlayingChange,
+  onSnapshotChange
+}) {
+  const snapshot = snapshots[selectedIndex];
+  if (!snapshot) return null;
+  const totalCount = totalSnapshots ?? snapshot.total;
+  const selectedDate = snapshot.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);
+  const statusParts = [
+    `Snapshot ${snapshot.ordinal}/${totalCount}`,
+    ...snapshot.cutoffAt ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`] : [selectedDate],
+    traceLabel(snapshot.traceCount)
+  ];
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Snapshot timeline", className: "space-y-4", children: [
+    snapshots.length > 1 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 sm:px-4", children: /* @__PURE__ */ jsx(
+      TimelineTrack,
+      {
+        snapshots,
+        totalCount,
+        markers: /* @__PURE__ */ new Map([[selectedIndex, "selected"]]),
+        onTickSelect: onSnapshotChange
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      snapshots.length > 1 ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          "aria-label": isPlaying ? "Pause snapshots" : "Play snapshots",
+          onClick: () => onPlayingChange(!isPlaying),
+          size: "sm",
+          type: "button",
+          variant: "outline",
+          children: [
+            isPlaying ? /* @__PURE__ */ jsx(Pause, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Play, { "aria-hidden": "true" }),
+            isPlaying ? "Pause" : "Play"
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("p", { className: "text-neutral4 font-mono text-xs tabular-nums", "data-testid": "snapshot-summary", children: summary })
+    ] }),
+    /* @__PURE__ */ jsx("p", { "aria-live": "polite", className: "sr-only", children: statusParts.join(" · ") })
+  ] });
+}
+
+export { SnapshotTimeline, TimelineTrack };
+//# sourceMappingURL=snapshot-timeline.es.js.map

package/dist/ee/signals/snapshot-timeline.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-timeline.es.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-accent1 border-accent1',\n  'compare-point': 'bg-accent1 border-accent1',\n};\n\n/**\n * Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n */\nexport function TimelineTrack({\n  snapshots,\n  totalCount,\n  markers,\n  grabbedIndex,\n  onTickSelect,\n}: {\n  snapshots: ThemeSnapshot[];\n  totalCount: number;\n  markers: ReadonlyMap<number, TimelineMarkerKind>;\n  /** Landmark index of a grabbed compare point — the next tick click moves it. */\n  grabbedIndex?: number;\n  onTickSelect: (index: number) => void;\n}) {\n  const positions = timelineTickPositions(snapshots);\n  const dayLabels = timelineDayLabels(snapshots);\n\n  return (\n    <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n      <div aria-hidden=\"true\" className=\"bg-border1 absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full\" />\n      {snapshots.map((snapshot, index) => {\n        const marker = markers.get(index);\n        const grabbed = marker === 'compare-point' && index === grabbedIndex;\n        return (\n          <button\n            key={snapshot.snapshotId}\n            aria-current={marker === 'selected' ? 'true' : undefined}\n            aria-label={snapshotTickLabel(snapshot, totalCount)}\n            aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n            className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 transition-colors ${\n              marker ? MARKER_TICK_CLASSES[marker] : 'border-surface2 bg-surface4 hover:bg-accent1/60'\n            } ${grabbed ? 'ring-accent1/70 ring-2' : ''}`}\n            data-marker={marker}\n            onClick={() => onTickSelect(index)}\n            style={{ left: `${positions[index]}%` }}\n            type=\"button\"\n          />\n        );\n      })}\n      {snapshots.map((snapshot, index) =>\n        dayLabels[index] ? (\n          <span\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"text-neutral3 absolute top-7 -translate-x-1/2 font-mono text-[10px] tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </span>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            {isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <p className=\"text-neutral4 font-mono text-xs tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </p>\n      </div>\n      {/* Keep the global ordinal and range-scoped position available to assistive tech. */}\n      <p aria-live=\"polite\" className=\"sr-only\">\n        {statusParts.join(' · ')}\n      </p>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/sortable-signal-headers.cjs.js

@@ -0,0 +1,145 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const dnd = require('@hello-pangea/dnd');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const ee_signals_signalColors = require('./signal-colors.cjs.js');
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+const sankeyColor = require('../../sankeyColor-DONd5cg9.cjs');
+const tooltip = require('../../tooltip-CLz5PtEE.cjs');
+
+const DRAG_SENSORS = [dnd.useMouseSensor, dnd.useTouchSensor, dnd.useKeyboardSensor];
+function projectedHeaderIndex(index, projection) {
+  if (!projection) return index;
+  if (index === projection.sourceIndex) return projection.destinationIndex;
+  if (projection.sourceIndex < projection.destinationIndex && index > projection.sourceIndex && index <= projection.destinationIndex) {
+    return index - 1;
+  }
+  if (projection.destinationIndex < projection.sourceIndex && index >= projection.destinationIndex && index < projection.sourceIndex) {
+    return index + 1;
+  }
+  return index;
+}
+function headerAnchor(index, count) {
+  if (index === 0) return "start";
+  if (index === count - 1) return "end";
+  return "middle";
+}
+function contentOffsetClass(anchor) {
+  if (anchor === "start") return "translate-x-1/2";
+  if (anchor === "end") return "-translate-x-1/2";
+  return "";
+}
+function SortableSignalHeaders({
+  signalNames,
+  reorderDisabled,
+  onOrderChange
+}) {
+  const [dragProjection, setDragProjection] = React.useState();
+  function handleDragStart(start) {
+    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });
+  }
+  function handleDragUpdate(update) {
+    setDragProjection({
+      sourceIndex: update.source.index,
+      destinationIndex: update.destination?.index ?? update.source.index
+    });
+  }
+  function handleDragEnd(result) {
+    setDragProjection(void 0);
+    const destinationIndex = result.destination?.index;
+    if (destinationIndex === void 0 || destinationIndex === result.source.index) return;
+    const reordered = [...signalNames];
+    const [movedSignalName] = reordered.splice(result.source.index, 1);
+    if (!movedSignalName) return;
+    reordered.splice(destinationIndex, 0, movedSignalName);
+    onOrderChange(reordered);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-label": "Signals", role: "group", children: /* @__PURE__ */ jsxRuntime.jsx(
+    dnd.DragDropContext,
+    {
+      enableDefaultSensors: false,
+      sensors: DRAG_SENSORS,
+      onDragEnd: handleDragEnd,
+      onDragStart: handleDragStart,
+      onDragUpdate: handleDragUpdate,
+      children: /* @__PURE__ */ jsxRuntime.jsx(dnd.Droppable, { direction: "horizontal", droppableId: "signal-column-headers", children: (provided) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ...provided.droppableProps,
+          ref: provided.innerRef,
+          "aria-label": "Trace signal column headers",
+          className: "flex items-center gap-1 px-8 pb-1",
+          role: "group",
+          children: [
+            signalNames.map((signalName, index) => {
+              const label = ee_signals_signalFormatting.formatSignalName(signalName);
+              const projectedIndex = projectedHeaderIndex(index, dragProjection);
+              const offsetPercent = signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;
+              const anchor = headerAnchor(projectedIndex, signalNames.length);
+              return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: signalName, index, isDragDisabled: reorderDisabled, children: (dragProvided, dragSnapshot) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: dragProvided.innerRef,
+                  ...dragProvided.draggableProps,
+                  className: "flex min-w-0 flex-1 basis-0 items-center justify-center py-1",
+                  "data-dragging": dragSnapshot.isDragging,
+                  style: dragProvided.draggableProps.style,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "flex w-full justify-center",
+                      "data-testid": "signal-column-header-alignment",
+                      style: { translate: `${offsetPercent}%` },
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: `relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${dragSnapshot.isDragging ? "scale-1.03 border-border2 bg-surface4 shadow-lg" : ""}`,
+                          "data-header-anchor": anchor,
+                          "data-testid": "signal-column-header-content",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                tooltip.TooltipTrigger,
+                                {
+                                  className: "cursor-default font-mono text-xs font-semibold tracking-wider",
+                                  "data-testid": "signal-column-header",
+                                  style: { color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
+                                  children: label.toUpperCase()
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: ee_signals_signalFormatting.getSignalDescription(signalName) })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "div",
+                              {
+                                ...dragProvided.dragHandleProps,
+                                "aria-disabled": reorderDisabled,
+                                "aria-label": `Reorder ${label}`,
+                                className: "text-neutral3 hover:text-neutral5 absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50",
+                                style: { left: "100%" },
+                                title: `Drag to reorder the ${label} column`,
+                                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { "aria-hidden": "true", className: "size-3.5" })
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  )
+                }
+              ) }, signalName);
+            }),
+            provided.placeholder
+          ]
+        }
+      ) })
+    }
+  ) });
+}
+
+exports.SortableSignalHeaders = SortableSignalHeaders;
+//# sourceMappingURL=sortable-signal-headers.cjs.js.map

package/dist/ee/signals/sortable-signal-headers.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-signal-headers.cjs.js","sources":["../../../src/ee/signals/sortable-signal-headers.tsx"],"sourcesContent":["import type { DragStart, DragUpdate, DraggableStateSnapshot, DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  useKeyboardSensor,\n  useMouseSensor,\n  useTouchSensor,\n} from '@hello-pangea/dnd';\nimport { GripVertical } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { getSignalHue } from './signal-colors';\nimport { formatSignalName, getSignalDescription } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst DRAG_SENSORS = [useMouseSensor, useTouchSensor, useKeyboardSensor];\n\ntype DragProjection = {\n  sourceIndex: number;\n  destinationIndex: number;\n};\n\ntype HeaderAnchor = 'start' | 'middle' | 'end';\n\nfunction projectedHeaderIndex(index: number, projection: DragProjection | undefined) {\n  if (!projection) return index;\n  if (index === projection.sourceIndex) return projection.destinationIndex;\n  if (\n    projection.sourceIndex < projection.destinationIndex &&\n    index > projection.sourceIndex &&\n    index <= projection.destinationIndex\n  ) {\n    return index - 1;\n  }\n  if (\n    projection.destinationIndex < projection.sourceIndex &&\n    index >= projection.destinationIndex &&\n    index < projection.sourceIndex\n  ) {\n    return index + 1;\n  }\n  return index;\n}\n\nfunction headerAnchor(index: number, count: number): HeaderAnchor {\n  if (index === 0) return 'start';\n  if (index === count - 1) return 'end';\n  return 'middle';\n}\n\nfunction contentOffsetClass(anchor: HeaderAnchor) {\n  if (anchor === 'start') return 'translate-x-1/2';\n  if (anchor === 'end') return '-translate-x-1/2';\n  return '';\n}\n\nexport function SortableSignalHeaders({\n  signalNames,\n  reorderDisabled,\n  onOrderChange,\n}: {\n  signalNames: TraceSignalName[];\n  reorderDisabled: boolean;\n  onOrderChange: (signalNames: TraceSignalName[]) => void;\n}) {\n  const [dragProjection, setDragProjection] = useState<DragProjection>();\n\n  function handleDragStart(start: DragStart) {\n    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });\n  }\n\n  function handleDragUpdate(update: DragUpdate) {\n    setDragProjection({\n      sourceIndex: update.source.index,\n      destinationIndex: update.destination?.index ?? update.source.index,\n    });\n  }\n\n  function handleDragEnd(result: DropResult) {\n    setDragProjection(undefined);\n    const destinationIndex = result.destination?.index;\n    if (destinationIndex === undefined || destinationIndex === result.source.index) return;\n\n    const reordered = [...signalNames];\n    const [movedSignalName] = reordered.splice(result.source.index, 1);\n    if (!movedSignalName) return;\n    reordered.splice(destinationIndex, 0, movedSignalName);\n    onOrderChange(reordered);\n  }\n\n  return (\n    <div aria-label=\"Signals\" role=\"group\">\n      <DragDropContext\n        enableDefaultSensors={false}\n        sensors={DRAG_SENSORS}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        onDragUpdate={handleDragUpdate}\n      >\n        <Droppable direction=\"horizontal\" droppableId=\"signal-column-headers\">\n          {(provided: DroppableProvided) => (\n            <div\n              {...provided.droppableProps}\n              ref={provided.innerRef}\n              aria-label=\"Trace signal column headers\"\n              className=\"flex items-center gap-1 px-8 pb-1\"\n              role=\"group\"\n            >\n              {signalNames.map((signalName, index) => {\n                const label = formatSignalName(signalName);\n                const projectedIndex = projectedHeaderIndex(index, dragProjection);\n                const offsetPercent =\n                  signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;\n                const anchor = headerAnchor(projectedIndex, signalNames.length);\n                return (\n                  <Draggable key={signalName} draggableId={signalName} index={index} isDragDisabled={reorderDisabled}>\n                    {(dragProvided, dragSnapshot: DraggableStateSnapshot) => (\n                      <div\n                        ref={dragProvided.innerRef}\n                        {...dragProvided.draggableProps}\n                        className=\"flex min-w-0 flex-1 basis-0 items-center justify-center py-1\"\n                        data-dragging={dragSnapshot.isDragging}\n                        style={dragProvided.draggableProps.style}\n                      >\n                        <div\n                          className=\"flex w-full justify-center\"\n                          data-testid=\"signal-column-header-alignment\"\n                          style={{ translate: `${offsetPercent}%` }}\n                        >\n                          <div\n                            className={`relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${\n                              dragSnapshot.isDragging ? 'scale-1.03 border-border2 bg-surface4 shadow-lg' : ''\n                            }`}\n                            data-header-anchor={anchor}\n                            data-testid=\"signal-column-header-content\"\n                          >\n                            <Tooltip>\n                              <TooltipTrigger\n                                className=\"cursor-default font-mono text-xs font-semibold tracking-wider\"\n                                data-testid=\"signal-column-header\"\n                                style={{ color: nodeColor(getSignalHue(signalName)) }}\n                              >\n                                {label.toUpperCase()}\n                              </TooltipTrigger>\n                              <TooltipContent>{getSignalDescription(signalName)}</TooltipContent>\n                            </Tooltip>\n                            <div\n                              {...dragProvided.dragHandleProps}\n                              aria-disabled={reorderDisabled}\n                              aria-label={`Reorder ${label}`}\n                              className=\"text-neutral3 hover:text-neutral5 absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50\"\n                              style={{ left: '100%' }}\n                              title={`Drag to reorder the ${label} column`}\n                            >\n                              <GripVertical aria-hidden=\"true\" className=\"size-3.5\" />\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </Draggable>\n                );\n              })}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n    </div>\n  );\n}\n"],"names":["useMouseSensor","useTouchSensor","useKeyboardSensor","useState","jsx","DragDropContext","Droppable","jsxs","formatSignalName","Draggable","Tooltip","TooltipTrigger","nodeColor","getSignalHue","TooltipContent","getSignalDescription","GripVertical"],"mappings":"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"}

package/dist/ee/signals/sortable-signal-headers.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ee/signals/sortable-signal-headers'
+export {}