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

package/dist/ee/signals/signal-delta-column.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-delta-column.es.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalHue } from './signal-colors';\nimport { formatSignalName, SIGNAL_DESCRIPTIONS } from './signal-formatting';\nimport { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data';\nimport { ThemeCompareSparkline } from './theme-compare-sparkline';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeFlowResponse, TraceSignalName } from './types';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nfunction percent(share: number) {\n  return `${Math.round(share * 100)}%`;\n}\n\nfunction deltaLabel(delta: number) {\n  const points = Math.round(delta * 100);\n  return `${points >= 0 ? '+' : ''}${points}%`;\n}\n\nexport function SignalDeltaColumn({\n  signalName,\n  fromFlow,\n  toFlow,\n  flows,\n  positions,\n  fromIndex,\n  toIndex,\n  onThemeSelect,\n}: {\n  signalName: TraceSignalName;\n  fromFlow: ThemeFlowResponse;\n  toFlow: ThemeFlowResponse;\n  flows: Array<ThemeFlowResponse | undefined>;\n  positions: number[];\n  fromIndex: number;\n  toIndex: number;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const deltas = computeThemeShareDeltas(fromFlow, toFlow, signalName);\n  const detailIndexFor = (delta: { toShare: number }) => (delta.toShare > 0 ? toIndex : fromIndex);\n\n  return (\n    <section aria-label={`${formatSignalName(signalName)} changes`} className=\"min-w-0\">\n      <h3\n        className=\"font-mono text-xs font-semibold tracking-widest uppercase\"\n        style={{ color: nodeColor(getSignalHue(signalName)) }}\n      >\n        <Tooltip>\n          <TooltipTrigger className=\"cursor-default uppercase\">{signalName}</TooltipTrigger>\n          <TooltipContent>{SIGNAL_DESCRIPTIONS[signalName]}</TooltipContent>\n        </Tooltip>\n      </h3>\n      <ul className=\"mt-2 space-y-1.5\">\n        {deltas.length === 0 ? <li className=\"text-neutral3 text-xs\">No themes in either snapshot.</li> : null}\n        {deltas.map(delta => {\n          const themeId = delta.themeId;\n          const card = (\n            <>\n              <div className=\"flex items-baseline justify-between gap-2\">\n                <span className=\"text-neutral6 truncate text-xs font-medium\" title={delta.label}>\n                  {delta.label}\n                </span>\n                <span className=\"text-neutral6 shrink-0 font-mono text-xs font-semibold tabular-nums\">\n                  {deltaLabel(delta.delta)}\n                </span>\n              </div>\n              <p className=\"text-neutral3 font-mono text-[11px] tabular-nums\">\n                {percent(delta.fromShare)} → {percent(delta.toShare)}\n              </p>\n              <ThemeCompareSparkline\n                series={themeShareSeries(flows, signalName, delta.label)}\n                positions={positions}\n                markerIndexes={[fromIndex, toIndex]}\n              />\n            </>\n          );\n          return (\n            <li\n              key={delta.label}\n              className={`border-border1 rounded-lg border ${\n                delta.delta > 0 ? 'bg-green-500/5' : delta.delta < 0 ? 'bg-red-500/5' : 'bg-surface3'\n              }`}\n            >\n              {themeId === undefined ? (\n                <div className=\"px-2.5 py-2\">{card}</div>\n              ) : (\n                <button\n                  aria-label={`View theme details for ${delta.label}`}\n                  className=\"hover:border-border2 block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-white/[0.03]\"\n                  onClick={() => onThemeSelect({ signalName, themeId, label: delta.label }, detailIndexFor(delta))}\n                  type=\"button\"\n                >\n                  {card}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/signal-formatting.cjs.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SIGNAL_PROCESSING_ORDER = ["goal", "sentiment", "behavior", "outcome"];
+function formatSignalName(signalName) {
+  return signalName.charAt(0).toUpperCase() + signalName.slice(1);
+}
+const SIGNAL_DESCRIPTIONS = {
+  goal: "What the user wanted from the interaction.",
+  sentiment: "The tone the user expressed during the interaction.",
+  behavior: "What the agent did in response.",
+  outcome: "How the interaction ended."
+};
+function isTraceSignalName(value) {
+  return Object.prototype.hasOwnProperty.call(SIGNAL_DESCRIPTIONS, value);
+}
+function getSignalDescription(signalName) {
+  return isTraceSignalName(signalName) ? SIGNAL_DESCRIPTIONS[signalName] : void 0;
+}
+function traceLabel(count) {
+  return `${count} ${count === 1 ? "trace" : "traces"}`;
+}
+function themeLabel(count) {
+  return `${count} ${count === 1 ? "theme" : "themes"}`;
+}
+function shareSentence(traceCount, coverage) {
+  if (coverage <= 0) return `${traceLabel(traceCount)} in this snapshot`;
+  const stageTotal = Math.round(traceCount / coverage);
+  return `${traceCount} of ${stageTotal} traces in this snapshot (${Math.round(coverage * 100)}%)`;
+}
+const SNAPSHOT_CUTOFF_FORMAT = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  hour12: false,
+  timeZone: "UTC"
+});
+const SNAPSHOT_DATE_FORMAT = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric",
+  timeZone: "UTC"
+});
+function formatSnapshotDate(value) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return SNAPSHOT_DATE_FORMAT.format(date);
+}
+function formatSnapshotCutoff(cutoffAt) {
+  const date = new Date(cutoffAt);
+  if (Number.isNaN(date.getTime())) return cutoffAt;
+  return SNAPSHOT_CUTOFF_FORMAT.format(date);
+}
+function formatSnapshotWindow(startedAt, endedAt) {
+  const start = new Date(startedAt);
+  const end = new Date(endedAt);
+  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return `${startedAt}–${endedAt}`;
+  const monthDay = new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric", timeZone: "UTC" });
+  const day = new Intl.DateTimeFormat("en-US", { day: "numeric", timeZone: "UTC" });
+  const year = new Intl.DateTimeFormat("en-US", { year: "numeric", timeZone: "UTC" });
+  const sameYear = start.getUTCFullYear() === end.getUTCFullYear();
+  const sameMonth = sameYear && start.getUTCMonth() === end.getUTCMonth();
+  const sameDay = sameMonth && start.getUTCDate() === end.getUTCDate();
+  if (sameDay) return `${monthDay.format(start)}, ${year.format(start)}`;
+  if (sameMonth) return `${monthDay.format(start)}–${day.format(end)}, ${year.format(end)}`;
+  if (sameYear) return `${monthDay.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;
+  return `${monthDay.format(start)}, ${year.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;
+}
+
+exports.SIGNAL_DESCRIPTIONS = SIGNAL_DESCRIPTIONS;
+exports.SIGNAL_PROCESSING_ORDER = SIGNAL_PROCESSING_ORDER;
+exports.formatSignalName = formatSignalName;
+exports.formatSnapshotCutoff = formatSnapshotCutoff;
+exports.formatSnapshotDate = formatSnapshotDate;
+exports.formatSnapshotWindow = formatSnapshotWindow;
+exports.getSignalDescription = getSignalDescription;
+exports.shareSentence = shareSentence;
+exports.themeLabel = themeLabel;
+exports.traceLabel = traceLabel;
+//# sourceMappingURL=signal-formatting.cjs.js.map

package/dist/ee/signals/signal-formatting.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-formatting.cjs.js","sources":["../../../src/ee/signals/signal-formatting.ts"],"sourcesContent":["import type { TraceSignalName } from './types';\n\n/** Order signals are produced during an interaction. */\nexport const SIGNAL_PROCESSING_ORDER: TraceSignalName[] = ['goal', 'sentiment', 'behavior', 'outcome'];\n\nexport function formatSignalName(signalName: TraceSignalName) {\n  return signalName.charAt(0).toUpperCase() + signalName.slice(1);\n}\n\n/** Plain-language meaning of each trace signal, shown wherever a signal heading appears. */\nexport const SIGNAL_DESCRIPTIONS: Record<TraceSignalName, string> = {\n  goal: 'What the user wanted from the interaction.',\n  sentiment: 'The tone the user expressed during the interaction.',\n  behavior: 'What the agent did in response.',\n  outcome: 'How the interaction ended.',\n};\n\nfunction isTraceSignalName(value: string): value is TraceSignalName {\n  return Object.prototype.hasOwnProperty.call(SIGNAL_DESCRIPTIONS, value);\n}\n\n/** Signal description lookup for callers that only hold an untyped column id. */\nexport function getSignalDescription(signalName: string): string | undefined {\n  return isTraceSignalName(signalName) ? SIGNAL_DESCRIPTIONS[signalName] : undefined;\n}\n\nexport function traceLabel(count: number) {\n  return `${count} ${count === 1 ? 'trace' : 'traces'}`;\n}\n\nexport function themeLabel(count: number) {\n  return `${count} ${count === 1 ? 'theme' : 'themes'}`;\n}\n\n/** \"28 of 70 traces in this snapshot (40%)\" — replaces the old \"Stage share\" stat. */\nexport function shareSentence(traceCount: number, coverage: number) {\n  if (coverage <= 0) return `${traceLabel(traceCount)} in this snapshot`;\n  const stageTotal = Math.round(traceCount / coverage);\n  return `${traceCount} of ${stageTotal} traces in this snapshot (${Math.round(coverage * 100)}%)`;\n}\n\n// Hoisted: TimelineTrack formats every tick on each render.\nconst SNAPSHOT_CUTOFF_FORMAT = new Intl.DateTimeFormat('en-US', {\n  month: 'short',\n  day: 'numeric',\n  year: 'numeric',\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n  timeZone: 'UTC',\n});\n\nconst SNAPSHOT_DATE_FORMAT = new Intl.DateTimeFormat('en-US', {\n  month: 'short',\n  day: 'numeric',\n  year: 'numeric',\n  timeZone: 'UTC',\n});\n\nexport function formatSnapshotDate(value: string) {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return SNAPSHOT_DATE_FORMAT.format(date);\n}\n\nexport function formatSnapshotCutoff(cutoffAt: string) {\n  const date = new Date(cutoffAt);\n  // Fall back to the raw server value instead of letting Intl throw on Invalid Date.\n  if (Number.isNaN(date.getTime())) return cutoffAt;\n  return SNAPSHOT_CUTOFF_FORMAT.format(date);\n}\n\nexport function formatSnapshotWindow(startedAt: string, endedAt: string) {\n  const start = new Date(startedAt);\n  const end = new Date(endedAt);\n  // Fall back to the raw server values instead of letting Intl throw on Invalid Date.\n  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return `${startedAt}–${endedAt}`;\n  const monthDay = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', timeZone: 'UTC' });\n  const day = new Intl.DateTimeFormat('en-US', { day: 'numeric', timeZone: 'UTC' });\n  const year = new Intl.DateTimeFormat('en-US', { year: 'numeric', timeZone: 'UTC' });\n  const sameYear = start.getUTCFullYear() === end.getUTCFullYear();\n  const sameMonth = sameYear && start.getUTCMonth() === end.getUTCMonth();\n  const sameDay = sameMonth && start.getUTCDate() === end.getUTCDate();\n\n  if (sameDay) return `${monthDay.format(start)}, ${year.format(start)}`;\n  if (sameMonth) return `${monthDay.format(start)}–${day.format(end)}, ${year.format(end)}`;\n  if (sameYear) return `${monthDay.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;\n  return `${monthDay.format(start)}, ${year.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/signal-formatting.d.ts

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

package/dist/ee/signals/signal-formatting.es.js

@@ -0,0 +1,70 @@
+const SIGNAL_PROCESSING_ORDER = ["goal", "sentiment", "behavior", "outcome"];
+function formatSignalName(signalName) {
+  return signalName.charAt(0).toUpperCase() + signalName.slice(1);
+}
+const SIGNAL_DESCRIPTIONS = {
+  goal: "What the user wanted from the interaction.",
+  sentiment: "The tone the user expressed during the interaction.",
+  behavior: "What the agent did in response.",
+  outcome: "How the interaction ended."
+};
+function isTraceSignalName(value) {
+  return Object.prototype.hasOwnProperty.call(SIGNAL_DESCRIPTIONS, value);
+}
+function getSignalDescription(signalName) {
+  return isTraceSignalName(signalName) ? SIGNAL_DESCRIPTIONS[signalName] : void 0;
+}
+function traceLabel(count) {
+  return `${count} ${count === 1 ? "trace" : "traces"}`;
+}
+function themeLabel(count) {
+  return `${count} ${count === 1 ? "theme" : "themes"}`;
+}
+function shareSentence(traceCount, coverage) {
+  if (coverage <= 0) return `${traceLabel(traceCount)} in this snapshot`;
+  const stageTotal = Math.round(traceCount / coverage);
+  return `${traceCount} of ${stageTotal} traces in this snapshot (${Math.round(coverage * 100)}%)`;
+}
+const SNAPSHOT_CUTOFF_FORMAT = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  hour12: false,
+  timeZone: "UTC"
+});
+const SNAPSHOT_DATE_FORMAT = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric",
+  timeZone: "UTC"
+});
+function formatSnapshotDate(value) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return SNAPSHOT_DATE_FORMAT.format(date);
+}
+function formatSnapshotCutoff(cutoffAt) {
+  const date = new Date(cutoffAt);
+  if (Number.isNaN(date.getTime())) return cutoffAt;
+  return SNAPSHOT_CUTOFF_FORMAT.format(date);
+}
+function formatSnapshotWindow(startedAt, endedAt) {
+  const start = new Date(startedAt);
+  const end = new Date(endedAt);
+  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return `${startedAt}–${endedAt}`;
+  const monthDay = new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric", timeZone: "UTC" });
+  const day = new Intl.DateTimeFormat("en-US", { day: "numeric", timeZone: "UTC" });
+  const year = new Intl.DateTimeFormat("en-US", { year: "numeric", timeZone: "UTC" });
+  const sameYear = start.getUTCFullYear() === end.getUTCFullYear();
+  const sameMonth = sameYear && start.getUTCMonth() === end.getUTCMonth();
+  const sameDay = sameMonth && start.getUTCDate() === end.getUTCDate();
+  if (sameDay) return `${monthDay.format(start)}, ${year.format(start)}`;
+  if (sameMonth) return `${monthDay.format(start)}–${day.format(end)}, ${year.format(end)}`;
+  if (sameYear) return `${monthDay.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;
+  return `${monthDay.format(start)}, ${year.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;
+}
+
+export { SIGNAL_DESCRIPTIONS, SIGNAL_PROCESSING_ORDER, formatSignalName, formatSnapshotCutoff, formatSnapshotDate, formatSnapshotWindow, getSignalDescription, shareSentence, themeLabel, traceLabel };
+//# sourceMappingURL=signal-formatting.es.js.map

package/dist/ee/signals/signal-formatting.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-formatting.es.js","sources":["../../../src/ee/signals/signal-formatting.ts"],"sourcesContent":["import type { TraceSignalName } from './types';\n\n/** Order signals are produced during an interaction. */\nexport const SIGNAL_PROCESSING_ORDER: TraceSignalName[] = ['goal', 'sentiment', 'behavior', 'outcome'];\n\nexport function formatSignalName(signalName: TraceSignalName) {\n  return signalName.charAt(0).toUpperCase() + signalName.slice(1);\n}\n\n/** Plain-language meaning of each trace signal, shown wherever a signal heading appears. */\nexport const SIGNAL_DESCRIPTIONS: Record<TraceSignalName, string> = {\n  goal: 'What the user wanted from the interaction.',\n  sentiment: 'The tone the user expressed during the interaction.',\n  behavior: 'What the agent did in response.',\n  outcome: 'How the interaction ended.',\n};\n\nfunction isTraceSignalName(value: string): value is TraceSignalName {\n  return Object.prototype.hasOwnProperty.call(SIGNAL_DESCRIPTIONS, value);\n}\n\n/** Signal description lookup for callers that only hold an untyped column id. */\nexport function getSignalDescription(signalName: string): string | undefined {\n  return isTraceSignalName(signalName) ? SIGNAL_DESCRIPTIONS[signalName] : undefined;\n}\n\nexport function traceLabel(count: number) {\n  return `${count} ${count === 1 ? 'trace' : 'traces'}`;\n}\n\nexport function themeLabel(count: number) {\n  return `${count} ${count === 1 ? 'theme' : 'themes'}`;\n}\n\n/** \"28 of 70 traces in this snapshot (40%)\" — replaces the old \"Stage share\" stat. */\nexport function shareSentence(traceCount: number, coverage: number) {\n  if (coverage <= 0) return `${traceLabel(traceCount)} in this snapshot`;\n  const stageTotal = Math.round(traceCount / coverage);\n  return `${traceCount} of ${stageTotal} traces in this snapshot (${Math.round(coverage * 100)}%)`;\n}\n\n// Hoisted: TimelineTrack formats every tick on each render.\nconst SNAPSHOT_CUTOFF_FORMAT = new Intl.DateTimeFormat('en-US', {\n  month: 'short',\n  day: 'numeric',\n  year: 'numeric',\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n  timeZone: 'UTC',\n});\n\nconst SNAPSHOT_DATE_FORMAT = new Intl.DateTimeFormat('en-US', {\n  month: 'short',\n  day: 'numeric',\n  year: 'numeric',\n  timeZone: 'UTC',\n});\n\nexport function formatSnapshotDate(value: string) {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return SNAPSHOT_DATE_FORMAT.format(date);\n}\n\nexport function formatSnapshotCutoff(cutoffAt: string) {\n  const date = new Date(cutoffAt);\n  // Fall back to the raw server value instead of letting Intl throw on Invalid Date.\n  if (Number.isNaN(date.getTime())) return cutoffAt;\n  return SNAPSHOT_CUTOFF_FORMAT.format(date);\n}\n\nexport function formatSnapshotWindow(startedAt: string, endedAt: string) {\n  const start = new Date(startedAt);\n  const end = new Date(endedAt);\n  // Fall back to the raw server values instead of letting Intl throw on Invalid Date.\n  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return `${startedAt}–${endedAt}`;\n  const monthDay = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', timeZone: 'UTC' });\n  const day = new Intl.DateTimeFormat('en-US', { day: 'numeric', timeZone: 'UTC' });\n  const year = new Intl.DateTimeFormat('en-US', { year: 'numeric', timeZone: 'UTC' });\n  const sameYear = start.getUTCFullYear() === end.getUTCFullYear();\n  const sameMonth = sameYear && start.getUTCMonth() === end.getUTCMonth();\n  const sameDay = sameMonth && start.getUTCDate() === end.getUTCDate();\n\n  if (sameDay) return `${monthDay.format(start)}, ${year.format(start)}`;\n  if (sameMonth) return `${monthDay.format(start)}–${day.format(end)}, ${year.format(end)}`;\n  if (sameYear) return `${monthDay.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;\n  return `${monthDay.format(start)}, ${year.format(start)}–${monthDay.format(end)}, ${year.format(end)}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/signal-lifelines.cjs.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const ee_signals_lifelineRow = require('./lifeline-row.cjs.js');
+const ee_signals_signalColors = require('./signal-colors.cjs.js');
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+const ee_signals_themeLifelinesData = require('./theme-lifelines-data.cjs.js');
+const sankeyColor = require('../../sankeyColor-DONd5cg9.cjs');
+const tooltip = require('../../tooltip-CLz5PtEE.cjs');
+
+function SignalLifelines({
+  signalName,
+  flows,
+  snapshots,
+  positions,
+  onThemeSelect
+}) {
+  const [isCollapsed, setIsCollapsed] = React.useState(false);
+  const rows = ee_signals_themeLifelinesData.buildThemeLifelines(flows, signalName);
+  const hue = ee_signals_signalColors.getSignalHue(signalName);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": `${ee_signals_signalFormatting.formatSignalName(signalName)} lifelines`, className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-mono text-xs font-semibold tracking-widest uppercase", style: { color: sankeyColor.nodeColor(hue) }, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        tooltip.TooltipTrigger,
+        {
+          render: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              "aria-expanded": !isCollapsed,
+              className: "flex items-center gap-1.5 transition-opacity hover:opacity-80",
+              onClick: () => setIsCollapsed((previous) => !previous),
+              type: "button"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronDown,
+              {
+                "aria-hidden": "true",
+                className: `size-3.5 transition-transform ${isCollapsed ? "-rotate-90" : ""}`
+              }
+            ),
+            signalName
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: ee_signals_signalFormatting.SIGNAL_DESCRIPTIONS[signalName] })
+    ] }) }),
+    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-2 text-xs", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+      ee_signals_lifelineRow.LifelineRow,
+      {
+        row,
+        signalName,
+        snapshots,
+        positions,
+        hue,
+        onThemeSelect
+      },
+      row.label
+    )) })
+  ] });
+}
+
+exports.SignalLifelines = SignalLifelines;
+//# sourceMappingURL=signal-lifelines.cjs.js.map

package/dist/ee/signals/signal-lifelines.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-lifelines.cjs.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { formatSignalName, SIGNAL_DESCRIPTIONS } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n  signalName,\n  flows,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  signalName: TraceSignalName;\n  flows: Array<ThemeFlowResponse | undefined>;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const rows = buildThemeLifelines(flows, signalName);\n  const hue = getSignalHue(signalName);\n\n  return (\n    <section aria-label={`${formatSignalName(signalName)} lifelines`} className=\"min-w-0\">\n      <h3 className=\"font-mono text-xs font-semibold tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n        <Tooltip>\n          <TooltipTrigger\n            render={\n              <button\n                aria-expanded={!isCollapsed}\n                className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n                onClick={() => setIsCollapsed(previous => !previous)}\n                type=\"button\"\n              />\n            }\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n            />\n            {signalName}\n          </TooltipTrigger>\n          <TooltipContent>{SIGNAL_DESCRIPTIONS[signalName]}</TooltipContent>\n        </Tooltip>\n      </h3>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <p className=\"text-neutral3 mt-2 text-xs\">No themes in these landmarks.</p>\n      ) : (\n        <ul className=\"mt-2 space-y-0.5\">\n          {rows.map(row => (\n            <LifelineRow\n              key={row.label}\n              row={row}\n              signalName={signalName}\n              snapshots={snapshots}\n              positions={positions}\n              hue={hue}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","buildThemeLifelines","getSignalHue","jsxs","formatSignalName","jsx","nodeColor","Tooltip","TooltipTrigger","ChevronDown","TooltipContent","SIGNAL_DESCRIPTIONS","LifelineRow"],"mappings":";;;;;;;;;;;;;;AAYO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAOC,iDAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAMC,qCAAa,UAAU,CAAA;AAEnC,EAAA,uBACEC,eAAA,CAAC,aAAQ,YAAA,EAAY,CAAA,EAAGC,6CAAiB,UAAU,CAAC,CAAA,UAAA,CAAA,EAAc,SAAA,EAAU,SAAA,EAC1E,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2DAAA,EAA4D,KAAA,EAAO,EAAE,KAAA,EAAOC,qBAAA,CAAU,GAAG,CAAA,EAAE,EACvG,QAAA,kBAAAH,eAAA,CAACI,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAJ,eAAA;AAAA,QAACK,sBAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACEH,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAAA,cAAA;AAAA,cAACI,uBAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACAJ,cAAA,CAACK,sBAAA,EAAA,EAAgB,QAAA,EAAAC,+CAAA,CAAoB,UAAU,CAAA,EAAE;AAAA,KAAA,EACnD,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,kCACxC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA6B,QAAA,EAAA,+BAAA,EAA6B,oBAEvEN,cAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACRA,cAAA;AAAA,MAACO,kCAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signal-lifelines.d.ts

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

package/dist/ee/signals/signal-lifelines.es.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+import { LifelineRow } from './lifeline-row.es.js';
+import { getSignalHue } from './signal-colors.es.js';
+import { SIGNAL_DESCRIPTIONS, formatSignalName } from './signal-formatting.es.js';
+import { buildThemeLifelines } from './theme-lifelines-data.es.js';
+import { n as nodeColor } from '../../sankeyColor-CQ5nkgtL.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BFbYhBj1.js';
+
+function SignalLifelines({
+  signalName,
+  flows,
+  snapshots,
+  positions,
+  onThemeSelect
+}) {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const rows = buildThemeLifelines(flows, signalName);
+  const hue = getSignalHue(signalName);
+  return /* @__PURE__ */ jsxs("section", { "aria-label": `${formatSignalName(signalName)} lifelines`, className: "min-w-0", children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-mono text-xs font-semibold tracking-widest uppercase", style: { color: nodeColor(hue) }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxs(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-expanded": !isCollapsed,
+              className: "flex items-center gap-1.5 transition-opacity hover:opacity-80",
+              onClick: () => setIsCollapsed((previous) => !previous),
+              type: "button"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                "aria-hidden": "true",
+                className: `size-3.5 transition-transform ${isCollapsed ? "-rotate-90" : ""}`
+              }
+            ),
+            signalName
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(TooltipContent, { children: SIGNAL_DESCRIPTIONS[signalName] })
+    ] }) }),
+    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-2 text-xs", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(
+      LifelineRow,
+      {
+        row,
+        signalName,
+        snapshots,
+        positions,
+        hue,
+        onThemeSelect
+      },
+      row.label
+    )) })
+  ] });
+}
+
+export { SignalLifelines };
+//# sourceMappingURL=signal-lifelines.es.js.map

package/dist/ee/signals/signal-lifelines.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-lifelines.es.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { formatSignalName, SIGNAL_DESCRIPTIONS } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n  signalName,\n  flows,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  signalName: TraceSignalName;\n  flows: Array<ThemeFlowResponse | undefined>;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const rows = buildThemeLifelines(flows, signalName);\n  const hue = getSignalHue(signalName);\n\n  return (\n    <section aria-label={`${formatSignalName(signalName)} lifelines`} className=\"min-w-0\">\n      <h3 className=\"font-mono text-xs font-semibold tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n        <Tooltip>\n          <TooltipTrigger\n            render={\n              <button\n                aria-expanded={!isCollapsed}\n                className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n                onClick={() => setIsCollapsed(previous => !previous)}\n                type=\"button\"\n              />\n            }\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n            />\n            {signalName}\n          </TooltipTrigger>\n          <TooltipContent>{SIGNAL_DESCRIPTIONS[signalName]}</TooltipContent>\n        </Tooltip>\n      </h3>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <p className=\"text-neutral3 mt-2 text-xs\">No themes in these landmarks.</p>\n      ) : (\n        <ul className=\"mt-2 space-y-0.5\">\n          {rows.map(row => (\n            <LifelineRow\n              key={row.label}\n              row={row}\n              signalName={signalName}\n              snapshots={snapshots}\n              positions={positions}\n              hue={hue}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAYO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAO,mBAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAM,aAAa,UAAU,CAAA;AAEnC,EAAA,uBACE,IAAA,CAAC,aAAQ,YAAA,EAAY,CAAA,EAAG,iBAAiB,UAAU,CAAC,CAAA,UAAA,CAAA,EAAc,SAAA,EAAU,SAAA,EAC1E,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2DAAA,EAA4D,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,CAAU,GAAG,CAAA,EAAE,EACvG,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,mBAAA,CAAoB,UAAU,CAAA,EAAE;AAAA,KAAA,EACnD,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,uBACxC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA6B,QAAA,EAAA,+BAAA,EAA6B,oBAEvE,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACR,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-error-state.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('../../Button-B4Ixj2aW.cjs');
+
+function SignalsErrorState({
+  message,
+  onRetry,
+  onClear
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "border-border1 bg-surface2 m-4 rounded-lg border p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0 text-red-500" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-neutral6 text-sm font-semibold", children: message }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-1 text-xs", children: "Check the connection and try again." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
+        onClear ? /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null
+      ] })
+    ] })
+  ] }) });
+}
+
+exports.SignalsErrorState = SignalsErrorState;
+//# sourceMappingURL=signals-error-state.cjs.js.map

package/dist/ee/signals/signals-error-state.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals-error-state.cjs.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n  message,\n  onRetry,\n  onClear,\n}: {\n  message: string;\n  onRetry: () => void;\n  onClear?: () => void;\n}) {\n  return (\n    <section className=\"border-border1 bg-surface2 m-4 rounded-lg border p-6 lg:m-6\" role=\"alert\">\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n        <div>\n          <h1 className=\"text-neutral6 text-sm font-semibold\">{message}</h1>\n          <p className=\"text-neutral3 mt-1 text-xs\">Check the connection and try again.</p>\n          <div className=\"mt-4 flex flex-wrap gap-2\">\n            <Button onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n              Retry\n            </Button>\n            {onClear ? (\n              <Button onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n                Clear filter\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","jsxs","TriangleAlert","Button"],"mappings":";;;;;;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,aAAQ,SAAA,EAAU,6DAAA,EAA8D,MAAK,OAAA,EACpF,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACE,yBAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,oCACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAuC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBAC7DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA6B,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC7EC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACG,aAAA,EAAA,EAAO,SAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAA,OAAA,EAEpE,CAAA;AAAA,QACC,OAAA,mBACCH,cAAA,CAACG,aAAA,EAAA,EAAO,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAA,cAAA,EAElE,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-error-state.d.ts

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

package/dist/ee/signals/signals-error-state.es.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TriangleAlert } from 'lucide-react';
+import { B as Button } from '../../Button-C-9Pzy-Z.js';
+
+function SignalsErrorState({
+  message,
+  onRetry,
+  onClear
+}) {
+  return /* @__PURE__ */ jsx("section", { className: "border-border1 bg-surface2 m-4 rounded-lg border p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0 text-red-500" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-neutral6 text-sm font-semibold", children: message }),
+      /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-1 text-xs", children: "Check the connection and try again." }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
+        onClear ? /* @__PURE__ */ jsx(Button, { onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null
+      ] })
+    ] })
+  ] }) });
+}
+
+export { SignalsErrorState };
+//# sourceMappingURL=signals-error-state.es.js.map

package/dist/ee/signals/signals-error-state.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals-error-state.es.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n  message,\n  onRetry,\n  onClear,\n}: {\n  message: string;\n  onRetry: () => void;\n  onClear?: () => void;\n}) {\n  return (\n    <section className=\"border-border1 bg-surface2 m-4 rounded-lg border p-6 lg:m-6\" role=\"alert\">\n      <div className=\"flex items-start gap-3\">\n        <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n        <div>\n          <h1 className=\"text-neutral6 text-sm font-semibold\">{message}</h1>\n          <p className=\"text-neutral3 mt-1 text-xs\">Check the connection and try again.</p>\n          <div className=\"mt-4 flex flex-wrap gap-2\">\n            <Button onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n              Retry\n            </Button>\n            {onClear ? (\n              <Button onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n                Clear filter\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,aAAQ,SAAA,EAAU,6DAAA,EAA8D,MAAK,OAAA,EACpF,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,yBACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAuC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBAC7D,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA6B,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC7E,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAA,OAAA,EAEpE,CAAA;AAAA,QACC,OAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAA,cAAA,EAElE,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-loading-skeleton.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const skeleton = require('../../skeleton-C0zXt2_f.cjs');
+
+function DistributionSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface2 space-y-3 rounded-lg border p-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-20" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-2 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-4/5" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-3/5" })
+  ] });
+}
+function AnalysisSkeletons() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(DistributionSkeleton, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-80 w-full" })
+  ] });
+}
+function SignalsFrameLoadingSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Loading snapshot flow", className: "space-y-5", role: "status", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading snapshot flow" }),
+    /* @__PURE__ */ jsxRuntime.jsx(AnalysisSkeletons, {})
+  ] });
+}
+function SignalsLoadingSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-label": "Loading trace intelligence",
+      className: "space-y-5 p-4 lg:p-6",
+      "data-testid": "signals-loading-skeleton",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading trace intelligence" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-24" }),
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-7 w-96 max-w-full" }),
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-xl max-w-full" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-14 w-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx(AnalysisSkeletons, {})
+      ]
+    }
+  );
+}
+
+exports.SignalsFrameLoadingSkeleton = SignalsFrameLoadingSkeleton;
+exports.SignalsLoadingSkeleton = SignalsLoadingSkeleton;
+//# sourceMappingURL=signals-loading-skeleton.cjs.js.map

package/dist/ee/signals/signals-loading-skeleton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals-loading-skeleton.cjs.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n  return (\n    <div className=\"border-border1 bg-surface2 space-y-3 rounded-lg border p-4\">\n      <Skeleton className=\"h-3 w-20\" />\n      <Skeleton className=\"h-2 w-full\" />\n      <Skeleton className=\"h-3 w-4/5\" />\n      <Skeleton className=\"h-3 w-3/5\" />\n    </div>\n  );\n}\n\nfunction AnalysisSkeletons() {\n  return (\n    <>\n      <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n      </div>\n      <Skeleton className=\"h-80 w-full\" />\n    </>\n  );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n  return (\n    <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n      <span className=\"sr-only\">Loading snapshot flow</span>\n      <AnalysisSkeletons />\n    </section>\n  );\n}\n\nexport function SignalsLoadingSkeleton() {\n  return (\n    <div\n      aria-label=\"Loading trace intelligence\"\n      className=\"space-y-5 p-4 lg:p-6\"\n      data-testid=\"signals-loading-skeleton\"\n      role=\"status\"\n    >\n      <span className=\"sr-only\">Loading trace intelligence</span>\n      <div className=\"space-y-3\">\n        <Skeleton className=\"h-5 w-24\" />\n        <Skeleton className=\"h-7 w-96 max-w-full\" />\n        <Skeleton className=\"h-4 w-xl max-w-full\" />\n      </div>\n      <Skeleton className=\"h-14 w-full\" />\n      <AnalysisSkeletons />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Skeleton","Fragment"],"mappings":";;;;;;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACAA,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,mCAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACED,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpDD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1CD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACAD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,uCACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;;"}

package/dist/ee/signals/signals-loading-skeleton.d.ts

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

package/dist/ee/signals/signals-loading-skeleton.es.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { S as Skeleton } from '../../skeleton-C5-7V8Ni.js';
+
+function DistributionSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface2 space-y-3 rounded-lg border p-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-4/5" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/5" })
+  ] });
+}
+function AnalysisSkeletons() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsx(DistributionSkeleton, {}),
+      /* @__PURE__ */ jsx(DistributionSkeleton, {})
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-80 w-full" })
+  ] });
+}
+function SignalsFrameLoadingSkeleton() {
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Loading snapshot flow", className: "space-y-5", role: "status", children: [
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading snapshot flow" }),
+    /* @__PURE__ */ jsx(AnalysisSkeletons, {})
+  ] });
+}
+function SignalsLoadingSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": "Loading trace intelligence",
+      className: "space-y-5 p-4 lg:p-6",
+      "data-testid": "signals-loading-skeleton",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading trace intelligence" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-96 max-w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-xl max-w-full" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full" }),
+        /* @__PURE__ */ jsx(AnalysisSkeletons, {})
+      ]
+    }
+  );
+}
+
+export { SignalsFrameLoadingSkeleton, SignalsLoadingSkeleton };
+//# sourceMappingURL=signals-loading-skeleton.es.js.map

package/dist/ee/signals/signals-loading-skeleton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signals-loading-skeleton.es.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n  return (\n    <div className=\"border-border1 bg-surface2 space-y-3 rounded-lg border p-4\">\n      <Skeleton className=\"h-3 w-20\" />\n      <Skeleton className=\"h-2 w-full\" />\n      <Skeleton className=\"h-3 w-4/5\" />\n      <Skeleton className=\"h-3 w-3/5\" />\n    </div>\n  );\n}\n\nfunction AnalysisSkeletons() {\n  return (\n    <>\n      <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n        <DistributionSkeleton />\n      </div>\n      <Skeleton className=\"h-80 w-full\" />\n    </>\n  );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n  return (\n    <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n      <span className=\"sr-only\">Loading snapshot flow</span>\n      <AnalysisSkeletons />\n    </section>\n  );\n}\n\nexport function SignalsLoadingSkeleton() {\n  return (\n    <div\n      aria-label=\"Loading trace intelligence\"\n      className=\"space-y-5 p-4 lg:p-6\"\n      data-testid=\"signals-loading-skeleton\"\n      role=\"status\"\n    >\n      <span className=\"sr-only\">Loading trace intelligence</span>\n      <div className=\"space-y-3\">\n        <Skeleton className=\"h-5 w-24\" />\n        <Skeleton className=\"h-7 w-96 max-w-full\" />\n        <Skeleton className=\"h-4 w-xl max-w-full\" />\n      </div>\n      <Skeleton className=\"h-14 w-full\" />\n      <AnalysisSkeletons />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,4BACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,wBAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1C,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,4BACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;"}