@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/ee/signals/lifeline-row.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../utils-uDc1ofX1.cjs");
-const require_primitives_transitions = require("../../primitives/transitions.cjs.js");
-const require_primitives_typography = require("../../primitives/typography.cjs.js");
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
+const require_ee_signals_lifeline_point = require("./lifeline-point.cjs.js");
 const require_ee_signals_signal_colors = require("./signal-colors.cjs.js");
 const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
-const require_ee_signals_lifeline_point = require("./lifeline-point.cjs.js");
 const require_ee_signals_theme_lifelines_data = require("./theme-lifelines-data.cjs.js");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
+const require_primitives_transitions = require("../../primitives/transitions.cjs.js");
+const require_primitives_typography = require("../../primitives/typography.cjs.js");
+const require_utils = require("../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ee/signals/lifeline-row.tsx
 var TRACK_HEIGHT = 28;
@@ -17,7 +17,7 @@ function barHeight(share) {
 }
 function pointTitle(snapshot, label, traceCount, share) {
 	const cutoff = snapshot?.cutoffAt ? require_ee_signals_signal_formatting.formatSnapshotCutoff(snapshot.cutoffAt) : void 0;
-	return `${label}${cutoff ? ` · ${cutoff}` : ""} · ${traceCount} traces (${Math.round(share * 100)}%)`;
+	return `${label}: ${traceCount} traces (${Math.round(share * 100)}%)${cutoff ? ` at ${cutoff}` : ""}`;
 }
 function lifelineArea(segment, positions) {
 	const firstPoint = segment[0];

package/dist/ee/signals/lifeline-row.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifeline-row.cjs.js","names":["formatSnapshotCutoff","lifelineConnectors","lifelineSegments","Txt","cn","quietTextHoverInGroup","controlStateColorTransition","getSignalAreaClass","getSignalConnectorClass","LifelinePoint","getSignalColor"],"sources":["../../../src/ee/signals/lifeline-row.tsx"],"sourcesContent":["import { LifelinePoint } from './lifeline-point';\nimport { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from './signal-colors';\nimport { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { lifelineConnectors, lifelineSegments } from './theme-lifelines-data';\nimport type { ThemeLifeline, ThemeLifelinePoint } from './theme-lifelines-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst TRACK_HEIGHT = 28;\nconst MAX_BAR_HEIGHT = 22;\nconst MIN_BAR_HEIGHT = 4;\n\nfunction barHeight(share: number) {\n  return Math.max(MIN_BAR_HEIGHT, Math.round(share * MAX_BAR_HEIGHT));\n}\n\nfunction pointTitle(snapshot: ThemeSnapshot | undefined, label: string, traceCount: number, share: number) {\n  const cutoff = snapshot?.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `${label}${cutoff ? ` · ${cutoff}` : ''} · ${traceCount} traces (${Math.round(share * 100)}%)`;\n}\n\nfunction lifelineArea(segment: ThemeLifelinePoint[], positions: number[]) {\n  const firstPoint = segment[0];\n  const lastPoint = segment.at(-1);\n  if (!firstPoint || !lastPoint) return undefined;\n\n  return {\n    key: firstPoint.snapshotIndex,\n    points: [\n      `${positions[firstPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n      ...segment.map(point => `${positions[point.snapshotIndex]},${TRACK_HEIGHT - 1 - barHeight(point.share)}`),\n      `${positions[lastPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n    ].join(' '),\n  };\n}\n\nexport function LifelineRow({\n  row,\n  signalName,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  row: ThemeLifeline;\n  signalName: TraceSignalName;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const isPersistent = row.points.length * 2 >= snapshots.length;\n  const connectors = lifelineConnectors(row.points);\n  const segments = lifelineSegments(row.points);\n  const pointY = (point: ThemeLifelinePoint) => TRACK_HEIGHT - 1 - barHeight(point.share);\n\n  return (\n    <li\n      aria-label={`${row.label}: present in ${row.points.length} of ${snapshots.length} landmarks`}\n      className={`group flex items-center gap-3 rounded-md hover:bg-fill-subtle ${isPersistent ? '' : 'opacity-55 hover:opacity-100'}`}\n    >\n      <Txt\n        as=\"span\"\n        variant=\"caption\"\n        className={cn(quietTextHoverInGroup, controlStateColorTransition, 'w-52 shrink-0 truncate text-right')}\n        title={row.label}\n      >\n        {row.label}\n      </Txt>\n      <div className=\"relative mx-2 h-7 min-w-0 flex-1 border-b border-border\">\n        {connectors.length > 0 || segments.length > 0 ? (\n          <svg\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-0 size-full\"\n            preserveAspectRatio=\"none\"\n            viewBox={`0 0 100 ${TRACK_HEIGHT}`}\n          >\n            {segments.map(segment => {\n              const area = lifelineArea(segment, positions);\n              if (!area) return undefined;\n              return (\n                <polygon key={`area-${area.key}`} className={getSignalAreaClass(signalName)} points={area.points} />\n              );\n            })}\n            {connectors.map(({ from, to }) => (\n              <line\n                key={`${from.snapshotIndex}-${to.snapshotIndex}`}\n                className={getSignalConnectorClass(signalName)}\n                strokeWidth={1.2}\n                vectorEffect=\"non-scaling-stroke\"\n                x1={positions[from.snapshotIndex]}\n                y1={pointY(from)}\n                x2={positions[to.snapshotIndex]}\n                y2={pointY(to)}\n              />\n            ))}\n          </svg>\n        ) : null}\n        {row.points.map(point => {\n          const title = pointTitle(snapshots[point.snapshotIndex], row.label, point.traceCount, point.share);\n          const themeId = point.themeId;\n          return (\n            <LifelinePoint\n              key={point.snapshotIndex}\n              title={title}\n              positionPercent={positions[point.snapshotIndex]}\n              height={barHeight(point.share)}\n              color={getSignalColor(signalName)}\n              onSelect={\n                themeId === undefined\n                  ? undefined\n                  : () => onThemeSelect({ kind: 'theme', signalName, themeId, label: row.label }, point.snapshotIndex)\n              }\n            />\n          );\n        })}\n      </div>\n      <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"w-9 shrink-0 tabular-nums\">\n        {row.points.length}/{snapshots.length}\n      </Txt>\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"lifeline-row.cjs.js","names":["formatSnapshotCutoff","lifelineConnectors","lifelineSegments","Txt","cn","quietTextHoverInGroup","controlStateColorTransition","getSignalAreaClass","getSignalConnectorClass","LifelinePoint","getSignalColor"],"sources":["../../../src/ee/signals/lifeline-row.tsx"],"sourcesContent":["import { LifelinePoint } from './lifeline-point';\nimport { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from './signal-colors';\nimport { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { lifelineConnectors, lifelineSegments } from './theme-lifelines-data';\nimport type { ThemeLifeline, ThemeLifelinePoint } from './theme-lifelines-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst TRACK_HEIGHT = 28;\nconst MAX_BAR_HEIGHT = 22;\nconst MIN_BAR_HEIGHT = 4;\n\nfunction barHeight(share: number) {\n  return Math.max(MIN_BAR_HEIGHT, Math.round(share * MAX_BAR_HEIGHT));\n}\n\nfunction pointTitle(snapshot: ThemeSnapshot | undefined, label: string, traceCount: number, share: number) {\n  const cutoff = snapshot?.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `${label}: ${traceCount} traces (${Math.round(share * 100)}%)${cutoff ? ` at ${cutoff}` : ''}`;\n}\n\nfunction lifelineArea(segment: ThemeLifelinePoint[], positions: number[]) {\n  const firstPoint = segment[0];\n  const lastPoint = segment.at(-1);\n  if (!firstPoint || !lastPoint) return undefined;\n\n  return {\n    key: firstPoint.snapshotIndex,\n    points: [\n      `${positions[firstPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n      ...segment.map(point => `${positions[point.snapshotIndex]},${TRACK_HEIGHT - 1 - barHeight(point.share)}`),\n      `${positions[lastPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n    ].join(' '),\n  };\n}\n\nexport function LifelineRow({\n  row,\n  signalName,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  row: ThemeLifeline;\n  signalName: TraceSignalName;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const isPersistent = row.points.length * 2 >= snapshots.length;\n  const connectors = lifelineConnectors(row.points);\n  const segments = lifelineSegments(row.points);\n  const pointY = (point: ThemeLifelinePoint) => TRACK_HEIGHT - 1 - barHeight(point.share);\n\n  return (\n    <li\n      aria-label={`${row.label}: present in ${row.points.length} of ${snapshots.length} landmarks`}\n      className={`group flex items-center gap-3 rounded-md hover:bg-fill-subtle ${isPersistent ? '' : 'opacity-55 hover:opacity-100'}`}\n    >\n      <Txt\n        as=\"span\"\n        variant=\"caption\"\n        className={cn(quietTextHoverInGroup, controlStateColorTransition, 'w-52 shrink-0 truncate text-right')}\n        title={row.label}\n      >\n        {row.label}\n      </Txt>\n      <div className=\"relative mx-2 h-7 min-w-0 flex-1 border-b border-border\">\n        {connectors.length > 0 || segments.length > 0 ? (\n          <svg\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-0 size-full\"\n            preserveAspectRatio=\"none\"\n            viewBox={`0 0 100 ${TRACK_HEIGHT}`}\n          >\n            {segments.map(segment => {\n              const area = lifelineArea(segment, positions);\n              if (!area) return undefined;\n              return (\n                <polygon key={`area-${area.key}`} className={getSignalAreaClass(signalName)} points={area.points} />\n              );\n            })}\n            {connectors.map(({ from, to }) => (\n              <line\n                key={`${from.snapshotIndex}-${to.snapshotIndex}`}\n                className={getSignalConnectorClass(signalName)}\n                strokeWidth={1.2}\n                vectorEffect=\"non-scaling-stroke\"\n                x1={positions[from.snapshotIndex]}\n                y1={pointY(from)}\n                x2={positions[to.snapshotIndex]}\n                y2={pointY(to)}\n              />\n            ))}\n          </svg>\n        ) : null}\n        {row.points.map(point => {\n          const title = pointTitle(snapshots[point.snapshotIndex], row.label, point.traceCount, point.share);\n          const themeId = point.themeId;\n          return (\n            <LifelinePoint\n              key={point.snapshotIndex}\n              title={title}\n              positionPercent={positions[point.snapshotIndex]}\n              height={barHeight(point.share)}\n              color={getSignalColor(signalName)}\n              onSelect={\n                themeId === undefined\n                  ? undefined\n                  : () => onThemeSelect({ kind: 'theme', signalName, themeId, label: row.label }, point.snapshotIndex)\n              }\n            />\n          );\n        })}\n      </div>\n      <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"w-9 shrink-0 tabular-nums\">\n        {row.points.length}/{snapshots.length}\n      </Txt>\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/ee/signals/lifeline-row.es.js

@@ -1,11 +1,11 @@
-import { t as cn } from "../../utils-DQx8TpNT.js";
-import { controlStateColorTransition } from "../../primitives/transitions.es.js";
-import { quietTextHoverInGroup } from "../../primitives/typography.es.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
+import { LifelinePoint } from "./lifeline-point.es.js";
 import { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from "./signal-colors.es.js";
 import { formatSnapshotCutoff } from "./signal-formatting.es.js";
-import { LifelinePoint } from "./lifeline-point.es.js";
 import { lifelineConnectors, lifelineSegments } from "./theme-lifelines-data.es.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
+import { controlStateColorTransition } from "../../primitives/transitions.es.js";
+import { quietTextHoverInGroup } from "../../primitives/typography.es.js";
+import { t as cn } from "../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ee/signals/lifeline-row.tsx
 var TRACK_HEIGHT = 28;
@@ -16,7 +16,7 @@ function barHeight(share) {
 }
 function pointTitle(snapshot, label, traceCount, share) {
 	const cutoff = snapshot?.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : void 0;
-	return `${label}${cutoff ? ` · ${cutoff}` : ""} · ${traceCount} traces (${Math.round(share * 100)}%)`;
+	return `${label}: ${traceCount} traces (${Math.round(share * 100)}%)${cutoff ? ` at ${cutoff}` : ""}`;
 }
 function lifelineArea(segment, positions) {
 	const firstPoint = segment[0];

package/dist/ee/signals/lifeline-row.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifeline-row.es.js","names":[],"sources":["../../../src/ee/signals/lifeline-row.tsx"],"sourcesContent":["import { LifelinePoint } from './lifeline-point';\nimport { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from './signal-colors';\nimport { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { lifelineConnectors, lifelineSegments } from './theme-lifelines-data';\nimport type { ThemeLifeline, ThemeLifelinePoint } from './theme-lifelines-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst TRACK_HEIGHT = 28;\nconst MAX_BAR_HEIGHT = 22;\nconst MIN_BAR_HEIGHT = 4;\n\nfunction barHeight(share: number) {\n  return Math.max(MIN_BAR_HEIGHT, Math.round(share * MAX_BAR_HEIGHT));\n}\n\nfunction pointTitle(snapshot: ThemeSnapshot | undefined, label: string, traceCount: number, share: number) {\n  const cutoff = snapshot?.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `${label}${cutoff ? ` · ${cutoff}` : ''} · ${traceCount} traces (${Math.round(share * 100)}%)`;\n}\n\nfunction lifelineArea(segment: ThemeLifelinePoint[], positions: number[]) {\n  const firstPoint = segment[0];\n  const lastPoint = segment.at(-1);\n  if (!firstPoint || !lastPoint) return undefined;\n\n  return {\n    key: firstPoint.snapshotIndex,\n    points: [\n      `${positions[firstPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n      ...segment.map(point => `${positions[point.snapshotIndex]},${TRACK_HEIGHT - 1 - barHeight(point.share)}`),\n      `${positions[lastPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n    ].join(' '),\n  };\n}\n\nexport function LifelineRow({\n  row,\n  signalName,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  row: ThemeLifeline;\n  signalName: TraceSignalName;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const isPersistent = row.points.length * 2 >= snapshots.length;\n  const connectors = lifelineConnectors(row.points);\n  const segments = lifelineSegments(row.points);\n  const pointY = (point: ThemeLifelinePoint) => TRACK_HEIGHT - 1 - barHeight(point.share);\n\n  return (\n    <li\n      aria-label={`${row.label}: present in ${row.points.length} of ${snapshots.length} landmarks`}\n      className={`group flex items-center gap-3 rounded-md hover:bg-fill-subtle ${isPersistent ? '' : 'opacity-55 hover:opacity-100'}`}\n    >\n      <Txt\n        as=\"span\"\n        variant=\"caption\"\n        className={cn(quietTextHoverInGroup, controlStateColorTransition, 'w-52 shrink-0 truncate text-right')}\n        title={row.label}\n      >\n        {row.label}\n      </Txt>\n      <div className=\"relative mx-2 h-7 min-w-0 flex-1 border-b border-border\">\n        {connectors.length > 0 || segments.length > 0 ? (\n          <svg\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-0 size-full\"\n            preserveAspectRatio=\"none\"\n            viewBox={`0 0 100 ${TRACK_HEIGHT}`}\n          >\n            {segments.map(segment => {\n              const area = lifelineArea(segment, positions);\n              if (!area) return undefined;\n              return (\n                <polygon key={`area-${area.key}`} className={getSignalAreaClass(signalName)} points={area.points} />\n              );\n            })}\n            {connectors.map(({ from, to }) => (\n              <line\n                key={`${from.snapshotIndex}-${to.snapshotIndex}`}\n                className={getSignalConnectorClass(signalName)}\n                strokeWidth={1.2}\n                vectorEffect=\"non-scaling-stroke\"\n                x1={positions[from.snapshotIndex]}\n                y1={pointY(from)}\n                x2={positions[to.snapshotIndex]}\n                y2={pointY(to)}\n              />\n            ))}\n          </svg>\n        ) : null}\n        {row.points.map(point => {\n          const title = pointTitle(snapshots[point.snapshotIndex], row.label, point.traceCount, point.share);\n          const themeId = point.themeId;\n          return (\n            <LifelinePoint\n              key={point.snapshotIndex}\n              title={title}\n              positionPercent={positions[point.snapshotIndex]}\n              height={barHeight(point.share)}\n              color={getSignalColor(signalName)}\n              onSelect={\n                themeId === undefined\n                  ? undefined\n                  : () => onThemeSelect({ kind: 'theme', signalName, themeId, label: row.label }, point.snapshotIndex)\n              }\n            />\n          );\n        })}\n      </div>\n      <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"w-9 shrink-0 tabular-nums\">\n        {row.points.length}/{snapshots.length}\n      </Txt>\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"lifeline-row.es.js","names":[],"sources":["../../../src/ee/signals/lifeline-row.tsx"],"sourcesContent":["import { LifelinePoint } from './lifeline-point';\nimport { getSignalAreaClass, getSignalColor, getSignalConnectorClass } from './signal-colors';\nimport { formatSnapshotCutoff } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { lifelineConnectors, lifelineSegments } from './theme-lifelines-data';\nimport type { ThemeLifeline, ThemeLifelinePoint } from './theme-lifelines-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst TRACK_HEIGHT = 28;\nconst MAX_BAR_HEIGHT = 22;\nconst MIN_BAR_HEIGHT = 4;\n\nfunction barHeight(share: number) {\n  return Math.max(MIN_BAR_HEIGHT, Math.round(share * MAX_BAR_HEIGHT));\n}\n\nfunction pointTitle(snapshot: ThemeSnapshot | undefined, label: string, traceCount: number, share: number) {\n  const cutoff = snapshot?.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : undefined;\n  return `${label}: ${traceCount} traces (${Math.round(share * 100)}%)${cutoff ? ` at ${cutoff}` : ''}`;\n}\n\nfunction lifelineArea(segment: ThemeLifelinePoint[], positions: number[]) {\n  const firstPoint = segment[0];\n  const lastPoint = segment.at(-1);\n  if (!firstPoint || !lastPoint) return undefined;\n\n  return {\n    key: firstPoint.snapshotIndex,\n    points: [\n      `${positions[firstPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n      ...segment.map(point => `${positions[point.snapshotIndex]},${TRACK_HEIGHT - 1 - barHeight(point.share)}`),\n      `${positions[lastPoint.snapshotIndex]},${TRACK_HEIGHT - 1}`,\n    ].join(' '),\n  };\n}\n\nexport function LifelineRow({\n  row,\n  signalName,\n  snapshots,\n  positions,\n  onThemeSelect,\n}: {\n  row: ThemeLifeline;\n  signalName: TraceSignalName;\n  snapshots: ThemeSnapshot[];\n  positions: number[];\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const isPersistent = row.points.length * 2 >= snapshots.length;\n  const connectors = lifelineConnectors(row.points);\n  const segments = lifelineSegments(row.points);\n  const pointY = (point: ThemeLifelinePoint) => TRACK_HEIGHT - 1 - barHeight(point.share);\n\n  return (\n    <li\n      aria-label={`${row.label}: present in ${row.points.length} of ${snapshots.length} landmarks`}\n      className={`group flex items-center gap-3 rounded-md hover:bg-fill-subtle ${isPersistent ? '' : 'opacity-55 hover:opacity-100'}`}\n    >\n      <Txt\n        as=\"span\"\n        variant=\"caption\"\n        className={cn(quietTextHoverInGroup, controlStateColorTransition, 'w-52 shrink-0 truncate text-right')}\n        title={row.label}\n      >\n        {row.label}\n      </Txt>\n      <div className=\"relative mx-2 h-7 min-w-0 flex-1 border-b border-border\">\n        {connectors.length > 0 || segments.length > 0 ? (\n          <svg\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-0 size-full\"\n            preserveAspectRatio=\"none\"\n            viewBox={`0 0 100 ${TRACK_HEIGHT}`}\n          >\n            {segments.map(segment => {\n              const area = lifelineArea(segment, positions);\n              if (!area) return undefined;\n              return (\n                <polygon key={`area-${area.key}`} className={getSignalAreaClass(signalName)} points={area.points} />\n              );\n            })}\n            {connectors.map(({ from, to }) => (\n              <line\n                key={`${from.snapshotIndex}-${to.snapshotIndex}`}\n                className={getSignalConnectorClass(signalName)}\n                strokeWidth={1.2}\n                vectorEffect=\"non-scaling-stroke\"\n                x1={positions[from.snapshotIndex]}\n                y1={pointY(from)}\n                x2={positions[to.snapshotIndex]}\n                y2={pointY(to)}\n              />\n            ))}\n          </svg>\n        ) : null}\n        {row.points.map(point => {\n          const title = pointTitle(snapshots[point.snapshotIndex], row.label, point.traceCount, point.share);\n          const themeId = point.themeId;\n          return (\n            <LifelinePoint\n              key={point.snapshotIndex}\n              title={title}\n              positionPercent={positions[point.snapshotIndex]}\n              height={barHeight(point.share)}\n              color={getSignalColor(signalName)}\n              onSelect={\n                themeId === undefined\n                  ? undefined\n                  : () => onThemeSelect({ kind: 'theme', signalName, themeId, label: row.label }, point.snapshotIndex)\n              }\n            />\n          );\n        })}\n      </div>\n      <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"w-9 shrink-0 tabular-nums\">\n        {row.points.length}/{snapshots.length}\n      </Txt>\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/ee/signals/noise-detail-panel.cjs.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../utils-uDc1ofX1.cjs");
-require("../../primitives/raised-surface.cjs.js");
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_components_Drawer = require("../../components/Drawer.cjs.js");
-const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
+const require_ee_signals_examples_pager = require("./examples-pager.cjs.js");
 const require_ee_signals_hooks_use_noise = require("./hooks/use-noise.cjs.js");
 const require_ee_signals_hooks_use_noise_examples = require("./hooks/use-noise-examples.cjs.js");
-const require_ee_signals_examples_pager = require("./examples-pager.cjs.js");
+const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
 const require_ee_signals_trace_insight_view = require("./trace-insight-view.cjs.js");
+const require_components_Drawer = require("../../components/Drawer.cjs.js");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
+require("../../primitives/raised-surface.cjs.js");
+const require_utils = require("../../utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ee/signals/noise-detail-panel.tsx

package/dist/ee/signals/noise-detail-panel.es.js

@@ -1,12 +1,12 @@
-import { t as cn } from "../../utils-DQx8TpNT.js";
-import "../../primitives/raised-surface.es.js";
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from "../../components/Drawer.es.js";
-import { shareSentence } from "./signal-formatting.es.js";
+import { ExamplesPager } from "./examples-pager.es.js";
 import { useNoise } from "./hooks/use-noise.es.js";
 import { useNoiseExamples } from "./hooks/use-noise-examples.es.js";
-import { ExamplesPager } from "./examples-pager.es.js";
+import { shareSentence } from "./signal-formatting.es.js";
 import { TraceInsightView } from "./trace-insight-view.es.js";
+import { Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from "../../components/Drawer.es.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
+import "../../primitives/raised-surface.es.js";
+import { t as cn } from "../../utils-DQx8TpNT.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/ee/signals/noise-detail-panel.tsx

package/dist/ee/signals/sankey-signals-data.cjs.js

@@ -121,15 +121,19 @@ function formatSignalName(signalName) {
 	return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;
 }
 /**
-* "Date · N traces · N themes" line rendered under the timeline in every view
+* Date, trace-count, and theme-count fields rendered under the timeline in every view
 * mode. Counts come from the charted flow (cohort stage totals), so a drilled
 * flow reports the drilled subset; date-only while the flow is loading.
 */
-function snapshotSummaryLabel(snapshot, flow) {
+function snapshotSummaryParts(snapshot, flow) {
 	const date = snapshot.cutoffAt ? require_ee_signals_signal_formatting.formatSnapshotCutoff(snapshot.cutoffAt) : require_ee_signals_signal_formatting.formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);
-	if (!flow) return date;
+	if (!flow) return [date];
 	const { traceCount, themeCount } = flowCounts(flow);
-	return `${date} · ${require_ee_signals_signal_formatting.traceLabel(traceCount)} · ${require_ee_signals_signal_formatting.themeLabel(themeCount)}`;
+	return [
+		date,
+		require_ee_signals_signal_formatting.traceLabel(traceCount),
+		require_ee_signals_signal_formatting.themeLabel(themeCount)
+	];
 }
 function flowCounts(flow) {
 	return {
@@ -142,7 +146,7 @@ exports.getSignalRecordNodeId = getSignalRecordNodeId;
 exports.getSignalRecordNodeLabel = getSignalRecordNodeLabel;
 exports.getSignalRecordNodeValue = getSignalRecordNodeValue;
 exports.selectFlowSnapshotIds = selectFlowSnapshotIds;
-exports.snapshotSummaryLabel = snapshotSummaryLabel;
+exports.snapshotSummaryParts = snapshotSummaryParts;
 exports.stabilizeThemeFlow = stabilizeThemeFlow;
 exports.themeFlowToSankeyData = themeFlowToSankeyData;
 

package/dist/ee/signals/sankey-signals-data.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sankey-signals-data.cjs.js","names":["formatSnapshotCutoff","formatSnapshotWindow","traceLabel","themeLabel"],"sources":["../../../src/ee/signals/sankey-signals-data.ts"],"sourcesContent":["import { formatSnapshotCutoff, formatSnapshotWindow, themeLabel, traceLabel } from './signal-formatting';\nimport type { ThemeFlowResponse, ThemeNode, ThemeSnapshot, TraceSignalName } from './types';\nimport type { SankeyChartColumn, SankeyChartRecord } from '@/ds/components/SankeyChart';\n\nconst MINIMUM_LAYOUT_WEIGHT = 0.01;\n\ntype StableThemeFlowLink = ThemeFlowResponse['links'][number] & { layoutTraceCount: number };\ntype StableThemeFlowResponse = Omit<ThemeFlowResponse, 'links'> & { links: StableThemeFlowLink[] };\n\nexport function getSignalRecordNodeId(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return String(record[column.id]);\n}\n\nexport function getSignalRecordNodeLabel(record: SankeyChartRecord, column: SankeyChartColumn) {\n  const label = String(record[`${column.id}Label`]);\n  const description = record[`${column.id}Description`];\n  return typeof description === 'string' && description.trim() ? `${label}\\n${description}` : label;\n}\n\nexport function getSignalRecordNodeValue(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return Number(record[`${column.id}TraceCount`]);\n}\n\nexport function themeFlowToSankeyData(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  const nodes = new Map<string, { signalName: TraceSignalName; node: ThemeNode }>();\n\n  for (const stage of flow.stages) {\n    for (const node of stage.nodes) nodes.set(node.nodeId, { signalName: stage.signalName, node });\n  }\n\n  // Only stages that participate in links become chart columns. A stage with\n  // themes but no links (possible in real flows) would otherwise leave a\n  // phantom first column: the chart lays out linked columns across the full\n  // width but keeps anchoring labels as if the unlinked column still led.\n  const linkedSignalNames = new Set(\n    flow.links.flatMap(link => {\n      const source = nodes.get(link.sourceNodeId);\n      const target = nodes.get(link.targetNodeId);\n      return [...(source ? [source.signalName] : []), ...(target ? [target.signalName] : [])];\n    }),\n  );\n  const columns = flow.stages\n    .filter(stage => linkedSignalNames.has(stage.signalName))\n    .map(stage => ({\n      id: stage.signalName,\n      label: formatSignalName(stage.signalName),\n    }));\n\n  const records: SankeyChartRecord[] = [];\n  for (const link of flow.links) {\n    const source = nodes.get(link.sourceNodeId);\n    const target = nodes.get(link.targetNodeId);\n    if (!source || !target) continue;\n\n    records.push({\n      [source.signalName]: source.node.nodeId,\n      [`${source.signalName}Label`]: displayNodeLabel(source.node),\n      [`${source.signalName}Description`]: source.node.description,\n      [`${source.signalName}TraceCount`]: source.node.traceCount,\n      [target.signalName]: target.node.nodeId,\n      [`${target.signalName}Label`]: displayNodeLabel(target.node),\n      [`${target.signalName}Description`]: target.node.description,\n      [`${target.signalName}TraceCount`]: target.node.traceCount,\n      traceCount: link.traceCount,\n      layoutTraceCount: 'layoutTraceCount' in link ? link.layoutTraceCount : link.traceCount,\n    });\n  }\n\n  return { columns, records };\n}\n\nexport function buildSignalGraphSummary(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  return themeFlowToSankeyData(flow);\n}\n\n/**\n * Snapshot ids whose flows the timeline needs right now: the selected landmark\n * plus its previous and next playback neighbors (playback wraps around).\n */\nexport function selectFlowSnapshotIds(snapshots: Array<{ snapshotId: string }>, selectedIndex: number): string[] {\n  if (snapshots.length === 0) return [];\n  const neighborIndexes = new Set([\n    (selectedIndex - 1 + snapshots.length) % snapshots.length,\n    selectedIndex,\n    (selectedIndex + 1) % snapshots.length,\n  ]);\n  return [...neighborIndexes]\n    .sort((left, right) => left - right)\n    .flatMap(index => {\n      const snapshot = snapshots[index];\n      return snapshot ? [snapshot.snapshotId] : [];\n    });\n}\n\n/**\n * Keeps node ordering and ribbon layout widths consistent across the playback\n * window without inventing content: only nodes and links present in the\n * current snapshot render (no zero-count ghosts from neighboring flows), but\n * their order and layout weight come from the whole window so shared themes\n * hold their position while scrubbing.\n */\nexport function stabilizeThemeFlow(flow: ThemeFlowResponse, windowFlows: ThemeFlowResponse[]): StableThemeFlowResponse {\n  const stages = flow.stages.map(stage => {\n    const orderedNodeIds = new Map<string, number>();\n    for (const windowFlow of windowFlows) {\n      const windowStage = windowFlow.stages.find(candidate => candidate.signalName === stage.signalName);\n      for (const node of windowStage?.nodes ?? []) {\n        if (!orderedNodeIds.has(node.nodeId)) orderedNodeIds.set(node.nodeId, orderedNodeIds.size);\n      }\n    }\n\n    const nodes = stage.nodes\n      .filter(node => node.traceCount > 0)\n      .sort(\n        (left, right) =>\n          (orderedNodeIds.get(left.nodeId) ?? Number.MAX_SAFE_INTEGER) -\n          (orderedNodeIds.get(right.nodeId) ?? Number.MAX_SAFE_INTEGER),\n      );\n    return { ...stage, nodes };\n  });\n\n  const keptNodeIds = new Set(stages.flatMap(stage => stage.nodes.map(node => node.nodeId)));\n  const layoutWeights = new Map<string, number>();\n  const orderedLinkKeys = new Map<string, number>();\n  for (const windowFlow of windowFlows) {\n    for (const link of windowFlow.links) {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      layoutWeights.set(key, Math.max(layoutWeights.get(key) ?? 0, link.traceCount));\n      if (!orderedLinkKeys.has(key)) orderedLinkKeys.set(key, orderedLinkKeys.size);\n    }\n  }\n\n  const stableLinks = flow.links\n    .filter(link => link.traceCount > 0 && keptNodeIds.has(link.sourceNodeId) && keptNodeIds.has(link.targetNodeId))\n    .sort((left, right) => {\n      const leftKey = `${left.sourceNodeId}\\u0000${left.targetNodeId}`;\n      const rightKey = `${right.sourceNodeId}\\u0000${right.targetNodeId}`;\n      return (orderedLinkKeys.get(leftKey) ?? 0) - (orderedLinkKeys.get(rightKey) ?? 0);\n    })\n    .map((link): StableThemeFlowLink => {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      return {\n        ...link,\n        layoutTraceCount: Math.max(MINIMUM_LAYOUT_WEIGHT, layoutWeights.get(key) ?? link.traceCount),\n      };\n    });\n\n  return { ...flow, stages, links: stableLinks };\n}\n\nfunction displayNodeLabel(node: ThemeNode) {\n  return node.kind === 'noise' ? 'Noise' : node.label;\n}\n\nfunction formatSignalName(signalName: TraceSignalName) {\n  return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;\n}\n\n/**\n * \"Date · N traces · N themes\" line rendered under the timeline in every view\n * mode. Counts come from the charted flow (cohort stage totals), so a drilled\n * flow reports the drilled subset; date-only while the flow is loading.\n */\nexport function snapshotSummaryLabel(snapshot: ThemeSnapshot, flow: ThemeFlowResponse | undefined) {\n  const date = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  if (!flow) return date;\n\n  const { traceCount, themeCount } = flowCounts(flow);\n  return `${date} · ${traceLabel(traceCount)} · ${themeLabel(themeCount)}`;\n}\n\nfunction flowCounts(flow: ThemeFlowResponse) {\n  return {\n    traceCount: flow.stages[0]?.traceCount ?? flow.snapshot.traceCount,\n    themeCount: flow.stages.reduce(\n      (total, stage) => total + stage.nodes.filter(node => node.kind === 'theme').length,\n      0,\n    ),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"sankey-signals-data.cjs.js","names":["formatSnapshotCutoff","formatSnapshotWindow","traceLabel","themeLabel"],"sources":["../../../src/ee/signals/sankey-signals-data.ts"],"sourcesContent":["import { formatSnapshotCutoff, formatSnapshotWindow, themeLabel, traceLabel } from './signal-formatting';\nimport type { ThemeFlowResponse, ThemeNode, ThemeSnapshot, TraceSignalName } from './types';\nimport type { SankeyChartColumn, SankeyChartRecord } from '@/ds/components/SankeyChart';\n\nconst MINIMUM_LAYOUT_WEIGHT = 0.01;\n\ntype StableThemeFlowLink = ThemeFlowResponse['links'][number] & { layoutTraceCount: number };\ntype StableThemeFlowResponse = Omit<ThemeFlowResponse, 'links'> & { links: StableThemeFlowLink[] };\n\nexport function getSignalRecordNodeId(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return String(record[column.id]);\n}\n\nexport function getSignalRecordNodeLabel(record: SankeyChartRecord, column: SankeyChartColumn) {\n  const label = String(record[`${column.id}Label`]);\n  const description = record[`${column.id}Description`];\n  return typeof description === 'string' && description.trim() ? `${label}\\n${description}` : label;\n}\n\nexport function getSignalRecordNodeValue(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return Number(record[`${column.id}TraceCount`]);\n}\n\nexport function themeFlowToSankeyData(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  const nodes = new Map<string, { signalName: TraceSignalName; node: ThemeNode }>();\n\n  for (const stage of flow.stages) {\n    for (const node of stage.nodes) nodes.set(node.nodeId, { signalName: stage.signalName, node });\n  }\n\n  // Only stages that participate in links become chart columns. A stage with\n  // themes but no links (possible in real flows) would otherwise leave a\n  // phantom first column: the chart lays out linked columns across the full\n  // width but keeps anchoring labels as if the unlinked column still led.\n  const linkedSignalNames = new Set(\n    flow.links.flatMap(link => {\n      const source = nodes.get(link.sourceNodeId);\n      const target = nodes.get(link.targetNodeId);\n      return [...(source ? [source.signalName] : []), ...(target ? [target.signalName] : [])];\n    }),\n  );\n  const columns = flow.stages\n    .filter(stage => linkedSignalNames.has(stage.signalName))\n    .map(stage => ({\n      id: stage.signalName,\n      label: formatSignalName(stage.signalName),\n    }));\n\n  const records: SankeyChartRecord[] = [];\n  for (const link of flow.links) {\n    const source = nodes.get(link.sourceNodeId);\n    const target = nodes.get(link.targetNodeId);\n    if (!source || !target) continue;\n\n    records.push({\n      [source.signalName]: source.node.nodeId,\n      [`${source.signalName}Label`]: displayNodeLabel(source.node),\n      [`${source.signalName}Description`]: source.node.description,\n      [`${source.signalName}TraceCount`]: source.node.traceCount,\n      [target.signalName]: target.node.nodeId,\n      [`${target.signalName}Label`]: displayNodeLabel(target.node),\n      [`${target.signalName}Description`]: target.node.description,\n      [`${target.signalName}TraceCount`]: target.node.traceCount,\n      traceCount: link.traceCount,\n      layoutTraceCount: 'layoutTraceCount' in link ? link.layoutTraceCount : link.traceCount,\n    });\n  }\n\n  return { columns, records };\n}\n\nexport function buildSignalGraphSummary(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  return themeFlowToSankeyData(flow);\n}\n\n/**\n * Snapshot ids whose flows the timeline needs right now: the selected landmark\n * plus its previous and next playback neighbors (playback wraps around).\n */\nexport function selectFlowSnapshotIds(snapshots: Array<{ snapshotId: string }>, selectedIndex: number): string[] {\n  if (snapshots.length === 0) return [];\n  const neighborIndexes = new Set([\n    (selectedIndex - 1 + snapshots.length) % snapshots.length,\n    selectedIndex,\n    (selectedIndex + 1) % snapshots.length,\n  ]);\n  return [...neighborIndexes]\n    .sort((left, right) => left - right)\n    .flatMap(index => {\n      const snapshot = snapshots[index];\n      return snapshot ? [snapshot.snapshotId] : [];\n    });\n}\n\n/**\n * Keeps node ordering and ribbon layout widths consistent across the playback\n * window without inventing content: only nodes and links present in the\n * current snapshot render (no zero-count ghosts from neighboring flows), but\n * their order and layout weight come from the whole window so shared themes\n * hold their position while scrubbing.\n */\nexport function stabilizeThemeFlow(flow: ThemeFlowResponse, windowFlows: ThemeFlowResponse[]): StableThemeFlowResponse {\n  const stages = flow.stages.map(stage => {\n    const orderedNodeIds = new Map<string, number>();\n    for (const windowFlow of windowFlows) {\n      const windowStage = windowFlow.stages.find(candidate => candidate.signalName === stage.signalName);\n      for (const node of windowStage?.nodes ?? []) {\n        if (!orderedNodeIds.has(node.nodeId)) orderedNodeIds.set(node.nodeId, orderedNodeIds.size);\n      }\n    }\n\n    const nodes = stage.nodes\n      .filter(node => node.traceCount > 0)\n      .sort(\n        (left, right) =>\n          (orderedNodeIds.get(left.nodeId) ?? Number.MAX_SAFE_INTEGER) -\n          (orderedNodeIds.get(right.nodeId) ?? Number.MAX_SAFE_INTEGER),\n      );\n    return { ...stage, nodes };\n  });\n\n  const keptNodeIds = new Set(stages.flatMap(stage => stage.nodes.map(node => node.nodeId)));\n  const layoutWeights = new Map<string, number>();\n  const orderedLinkKeys = new Map<string, number>();\n  for (const windowFlow of windowFlows) {\n    for (const link of windowFlow.links) {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      layoutWeights.set(key, Math.max(layoutWeights.get(key) ?? 0, link.traceCount));\n      if (!orderedLinkKeys.has(key)) orderedLinkKeys.set(key, orderedLinkKeys.size);\n    }\n  }\n\n  const stableLinks = flow.links\n    .filter(link => link.traceCount > 0 && keptNodeIds.has(link.sourceNodeId) && keptNodeIds.has(link.targetNodeId))\n    .sort((left, right) => {\n      const leftKey = `${left.sourceNodeId}\\u0000${left.targetNodeId}`;\n      const rightKey = `${right.sourceNodeId}\\u0000${right.targetNodeId}`;\n      return (orderedLinkKeys.get(leftKey) ?? 0) - (orderedLinkKeys.get(rightKey) ?? 0);\n    })\n    .map((link): StableThemeFlowLink => {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      return {\n        ...link,\n        layoutTraceCount: Math.max(MINIMUM_LAYOUT_WEIGHT, layoutWeights.get(key) ?? link.traceCount),\n      };\n    });\n\n  return { ...flow, stages, links: stableLinks };\n}\n\nfunction displayNodeLabel(node: ThemeNode) {\n  return node.kind === 'noise' ? 'Noise' : node.label;\n}\n\nfunction formatSignalName(signalName: TraceSignalName) {\n  return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;\n}\n\n/**\n * Date, trace-count, and theme-count fields rendered under the timeline in every view\n * mode. Counts come from the charted flow (cohort stage totals), so a drilled\n * flow reports the drilled subset; date-only while the flow is loading.\n */\nexport function snapshotSummaryParts(snapshot: ThemeSnapshot, flow: ThemeFlowResponse | undefined): readonly string[] {\n  const date = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  if (!flow) return [date];\n\n  const { traceCount, themeCount } = flowCounts(flow);\n  return [date, traceLabel(traceCount), themeLabel(themeCount)];\n}\n\nfunction flowCounts(flow: ThemeFlowResponse) {\n  return {\n    traceCount: flow.stages[0]?.traceCount ?? flow.snapshot.traceCount,\n    themeCount: flow.stages.reduce(\n      (total, stage) => total + stage.nodes.filter(node => node.kind === 'theme').length,\n      0,\n    ),\n  };\n}\n"],"mappings":"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"}

package/dist/ee/signals/sankey-signals-data.es.js

@@ -120,15 +120,19 @@ function formatSignalName(signalName) {
 	return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;
 }
 /**
-* "Date · N traces · N themes" line rendered under the timeline in every view
+* Date, trace-count, and theme-count fields rendered under the timeline in every view
 * mode. Counts come from the charted flow (cohort stage totals), so a drilled
 * flow reports the drilled subset; date-only while the flow is loading.
 */
-function snapshotSummaryLabel(snapshot, flow) {
+function snapshotSummaryParts(snapshot, flow) {
 	const date = snapshot.cutoffAt ? formatSnapshotCutoff(snapshot.cutoffAt) : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);
-	if (!flow) return date;
+	if (!flow) return [date];
 	const { traceCount, themeCount } = flowCounts(flow);
-	return `${date} · ${traceLabel(traceCount)} · ${themeLabel(themeCount)}`;
+	return [
+		date,
+		traceLabel(traceCount),
+		themeLabel(themeCount)
+	];
 }
 function flowCounts(flow) {
 	return {
@@ -136,6 +140,6 @@ function flowCounts(flow) {
 		themeCount: flow.stages.reduce((total, stage) => total + stage.nodes.filter((node) => node.kind === "theme").length, 0)
 	};
 }
-export { buildSignalGraphSummary, getSignalRecordNodeId, getSignalRecordNodeLabel, getSignalRecordNodeValue, selectFlowSnapshotIds, snapshotSummaryLabel, stabilizeThemeFlow, themeFlowToSankeyData };
+export { buildSignalGraphSummary, getSignalRecordNodeId, getSignalRecordNodeLabel, getSignalRecordNodeValue, selectFlowSnapshotIds, snapshotSummaryParts, stabilizeThemeFlow, themeFlowToSankeyData };
 
 //# sourceMappingURL=sankey-signals-data.es.js.map

package/dist/ee/signals/sankey-signals-data.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"sankey-signals-data.es.js","names":[],"sources":["../../../src/ee/signals/sankey-signals-data.ts"],"sourcesContent":["import { formatSnapshotCutoff, formatSnapshotWindow, themeLabel, traceLabel } from './signal-formatting';\nimport type { ThemeFlowResponse, ThemeNode, ThemeSnapshot, TraceSignalName } from './types';\nimport type { SankeyChartColumn, SankeyChartRecord } from '@/ds/components/SankeyChart';\n\nconst MINIMUM_LAYOUT_WEIGHT = 0.01;\n\ntype StableThemeFlowLink = ThemeFlowResponse['links'][number] & { layoutTraceCount: number };\ntype StableThemeFlowResponse = Omit<ThemeFlowResponse, 'links'> & { links: StableThemeFlowLink[] };\n\nexport function getSignalRecordNodeId(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return String(record[column.id]);\n}\n\nexport function getSignalRecordNodeLabel(record: SankeyChartRecord, column: SankeyChartColumn) {\n  const label = String(record[`${column.id}Label`]);\n  const description = record[`${column.id}Description`];\n  return typeof description === 'string' && description.trim() ? `${label}\\n${description}` : label;\n}\n\nexport function getSignalRecordNodeValue(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return Number(record[`${column.id}TraceCount`]);\n}\n\nexport function themeFlowToSankeyData(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  const nodes = new Map<string, { signalName: TraceSignalName; node: ThemeNode }>();\n\n  for (const stage of flow.stages) {\n    for (const node of stage.nodes) nodes.set(node.nodeId, { signalName: stage.signalName, node });\n  }\n\n  // Only stages that participate in links become chart columns. A stage with\n  // themes but no links (possible in real flows) would otherwise leave a\n  // phantom first column: the chart lays out linked columns across the full\n  // width but keeps anchoring labels as if the unlinked column still led.\n  const linkedSignalNames = new Set(\n    flow.links.flatMap(link => {\n      const source = nodes.get(link.sourceNodeId);\n      const target = nodes.get(link.targetNodeId);\n      return [...(source ? [source.signalName] : []), ...(target ? [target.signalName] : [])];\n    }),\n  );\n  const columns = flow.stages\n    .filter(stage => linkedSignalNames.has(stage.signalName))\n    .map(stage => ({\n      id: stage.signalName,\n      label: formatSignalName(stage.signalName),\n    }));\n\n  const records: SankeyChartRecord[] = [];\n  for (const link of flow.links) {\n    const source = nodes.get(link.sourceNodeId);\n    const target = nodes.get(link.targetNodeId);\n    if (!source || !target) continue;\n\n    records.push({\n      [source.signalName]: source.node.nodeId,\n      [`${source.signalName}Label`]: displayNodeLabel(source.node),\n      [`${source.signalName}Description`]: source.node.description,\n      [`${source.signalName}TraceCount`]: source.node.traceCount,\n      [target.signalName]: target.node.nodeId,\n      [`${target.signalName}Label`]: displayNodeLabel(target.node),\n      [`${target.signalName}Description`]: target.node.description,\n      [`${target.signalName}TraceCount`]: target.node.traceCount,\n      traceCount: link.traceCount,\n      layoutTraceCount: 'layoutTraceCount' in link ? link.layoutTraceCount : link.traceCount,\n    });\n  }\n\n  return { columns, records };\n}\n\nexport function buildSignalGraphSummary(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  return themeFlowToSankeyData(flow);\n}\n\n/**\n * Snapshot ids whose flows the timeline needs right now: the selected landmark\n * plus its previous and next playback neighbors (playback wraps around).\n */\nexport function selectFlowSnapshotIds(snapshots: Array<{ snapshotId: string }>, selectedIndex: number): string[] {\n  if (snapshots.length === 0) return [];\n  const neighborIndexes = new Set([\n    (selectedIndex - 1 + snapshots.length) % snapshots.length,\n    selectedIndex,\n    (selectedIndex + 1) % snapshots.length,\n  ]);\n  return [...neighborIndexes]\n    .sort((left, right) => left - right)\n    .flatMap(index => {\n      const snapshot = snapshots[index];\n      return snapshot ? [snapshot.snapshotId] : [];\n    });\n}\n\n/**\n * Keeps node ordering and ribbon layout widths consistent across the playback\n * window without inventing content: only nodes and links present in the\n * current snapshot render (no zero-count ghosts from neighboring flows), but\n * their order and layout weight come from the whole window so shared themes\n * hold their position while scrubbing.\n */\nexport function stabilizeThemeFlow(flow: ThemeFlowResponse, windowFlows: ThemeFlowResponse[]): StableThemeFlowResponse {\n  const stages = flow.stages.map(stage => {\n    const orderedNodeIds = new Map<string, number>();\n    for (const windowFlow of windowFlows) {\n      const windowStage = windowFlow.stages.find(candidate => candidate.signalName === stage.signalName);\n      for (const node of windowStage?.nodes ?? []) {\n        if (!orderedNodeIds.has(node.nodeId)) orderedNodeIds.set(node.nodeId, orderedNodeIds.size);\n      }\n    }\n\n    const nodes = stage.nodes\n      .filter(node => node.traceCount > 0)\n      .sort(\n        (left, right) =>\n          (orderedNodeIds.get(left.nodeId) ?? Number.MAX_SAFE_INTEGER) -\n          (orderedNodeIds.get(right.nodeId) ?? Number.MAX_SAFE_INTEGER),\n      );\n    return { ...stage, nodes };\n  });\n\n  const keptNodeIds = new Set(stages.flatMap(stage => stage.nodes.map(node => node.nodeId)));\n  const layoutWeights = new Map<string, number>();\n  const orderedLinkKeys = new Map<string, number>();\n  for (const windowFlow of windowFlows) {\n    for (const link of windowFlow.links) {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      layoutWeights.set(key, Math.max(layoutWeights.get(key) ?? 0, link.traceCount));\n      if (!orderedLinkKeys.has(key)) orderedLinkKeys.set(key, orderedLinkKeys.size);\n    }\n  }\n\n  const stableLinks = flow.links\n    .filter(link => link.traceCount > 0 && keptNodeIds.has(link.sourceNodeId) && keptNodeIds.has(link.targetNodeId))\n    .sort((left, right) => {\n      const leftKey = `${left.sourceNodeId}\\u0000${left.targetNodeId}`;\n      const rightKey = `${right.sourceNodeId}\\u0000${right.targetNodeId}`;\n      return (orderedLinkKeys.get(leftKey) ?? 0) - (orderedLinkKeys.get(rightKey) ?? 0);\n    })\n    .map((link): StableThemeFlowLink => {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      return {\n        ...link,\n        layoutTraceCount: Math.max(MINIMUM_LAYOUT_WEIGHT, layoutWeights.get(key) ?? link.traceCount),\n      };\n    });\n\n  return { ...flow, stages, links: stableLinks };\n}\n\nfunction displayNodeLabel(node: ThemeNode) {\n  return node.kind === 'noise' ? 'Noise' : node.label;\n}\n\nfunction formatSignalName(signalName: TraceSignalName) {\n  return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;\n}\n\n/**\n * \"Date · N traces · N themes\" line rendered under the timeline in every view\n * mode. Counts come from the charted flow (cohort stage totals), so a drilled\n * flow reports the drilled subset; date-only while the flow is loading.\n */\nexport function snapshotSummaryLabel(snapshot: ThemeSnapshot, flow: ThemeFlowResponse | undefined) {\n  const date = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  if (!flow) return date;\n\n  const { traceCount, themeCount } = flowCounts(flow);\n  return `${date} · ${traceLabel(traceCount)} · ${themeLabel(themeCount)}`;\n}\n\nfunction flowCounts(flow: ThemeFlowResponse) {\n  return {\n    traceCount: flow.stages[0]?.traceCount ?? flow.snapshot.traceCount,\n    themeCount: flow.stages.reduce(\n      (total, stage) => total + stage.nodes.filter(node => node.kind === 'theme').length,\n      0,\n    ),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"sankey-signals-data.es.js","names":[],"sources":["../../../src/ee/signals/sankey-signals-data.ts"],"sourcesContent":["import { formatSnapshotCutoff, formatSnapshotWindow, themeLabel, traceLabel } from './signal-formatting';\nimport type { ThemeFlowResponse, ThemeNode, ThemeSnapshot, TraceSignalName } from './types';\nimport type { SankeyChartColumn, SankeyChartRecord } from '@/ds/components/SankeyChart';\n\nconst MINIMUM_LAYOUT_WEIGHT = 0.01;\n\ntype StableThemeFlowLink = ThemeFlowResponse['links'][number] & { layoutTraceCount: number };\ntype StableThemeFlowResponse = Omit<ThemeFlowResponse, 'links'> & { links: StableThemeFlowLink[] };\n\nexport function getSignalRecordNodeId(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return String(record[column.id]);\n}\n\nexport function getSignalRecordNodeLabel(record: SankeyChartRecord, column: SankeyChartColumn) {\n  const label = String(record[`${column.id}Label`]);\n  const description = record[`${column.id}Description`];\n  return typeof description === 'string' && description.trim() ? `${label}\\n${description}` : label;\n}\n\nexport function getSignalRecordNodeValue(record: SankeyChartRecord, column: SankeyChartColumn) {\n  return Number(record[`${column.id}TraceCount`]);\n}\n\nexport function themeFlowToSankeyData(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  const nodes = new Map<string, { signalName: TraceSignalName; node: ThemeNode }>();\n\n  for (const stage of flow.stages) {\n    for (const node of stage.nodes) nodes.set(node.nodeId, { signalName: stage.signalName, node });\n  }\n\n  // Only stages that participate in links become chart columns. A stage with\n  // themes but no links (possible in real flows) would otherwise leave a\n  // phantom first column: the chart lays out linked columns across the full\n  // width but keeps anchoring labels as if the unlinked column still led.\n  const linkedSignalNames = new Set(\n    flow.links.flatMap(link => {\n      const source = nodes.get(link.sourceNodeId);\n      const target = nodes.get(link.targetNodeId);\n      return [...(source ? [source.signalName] : []), ...(target ? [target.signalName] : [])];\n    }),\n  );\n  const columns = flow.stages\n    .filter(stage => linkedSignalNames.has(stage.signalName))\n    .map(stage => ({\n      id: stage.signalName,\n      label: formatSignalName(stage.signalName),\n    }));\n\n  const records: SankeyChartRecord[] = [];\n  for (const link of flow.links) {\n    const source = nodes.get(link.sourceNodeId);\n    const target = nodes.get(link.targetNodeId);\n    if (!source || !target) continue;\n\n    records.push({\n      [source.signalName]: source.node.nodeId,\n      [`${source.signalName}Label`]: displayNodeLabel(source.node),\n      [`${source.signalName}Description`]: source.node.description,\n      [`${source.signalName}TraceCount`]: source.node.traceCount,\n      [target.signalName]: target.node.nodeId,\n      [`${target.signalName}Label`]: displayNodeLabel(target.node),\n      [`${target.signalName}Description`]: target.node.description,\n      [`${target.signalName}TraceCount`]: target.node.traceCount,\n      traceCount: link.traceCount,\n      layoutTraceCount: 'layoutTraceCount' in link ? link.layoutTraceCount : link.traceCount,\n    });\n  }\n\n  return { columns, records };\n}\n\nexport function buildSignalGraphSummary(flow: ThemeFlowResponse): {\n  columns: SankeyChartColumn[];\n  records: SankeyChartRecord[];\n} {\n  return themeFlowToSankeyData(flow);\n}\n\n/**\n * Snapshot ids whose flows the timeline needs right now: the selected landmark\n * plus its previous and next playback neighbors (playback wraps around).\n */\nexport function selectFlowSnapshotIds(snapshots: Array<{ snapshotId: string }>, selectedIndex: number): string[] {\n  if (snapshots.length === 0) return [];\n  const neighborIndexes = new Set([\n    (selectedIndex - 1 + snapshots.length) % snapshots.length,\n    selectedIndex,\n    (selectedIndex + 1) % snapshots.length,\n  ]);\n  return [...neighborIndexes]\n    .sort((left, right) => left - right)\n    .flatMap(index => {\n      const snapshot = snapshots[index];\n      return snapshot ? [snapshot.snapshotId] : [];\n    });\n}\n\n/**\n * Keeps node ordering and ribbon layout widths consistent across the playback\n * window without inventing content: only nodes and links present in the\n * current snapshot render (no zero-count ghosts from neighboring flows), but\n * their order and layout weight come from the whole window so shared themes\n * hold their position while scrubbing.\n */\nexport function stabilizeThemeFlow(flow: ThemeFlowResponse, windowFlows: ThemeFlowResponse[]): StableThemeFlowResponse {\n  const stages = flow.stages.map(stage => {\n    const orderedNodeIds = new Map<string, number>();\n    for (const windowFlow of windowFlows) {\n      const windowStage = windowFlow.stages.find(candidate => candidate.signalName === stage.signalName);\n      for (const node of windowStage?.nodes ?? []) {\n        if (!orderedNodeIds.has(node.nodeId)) orderedNodeIds.set(node.nodeId, orderedNodeIds.size);\n      }\n    }\n\n    const nodes = stage.nodes\n      .filter(node => node.traceCount > 0)\n      .sort(\n        (left, right) =>\n          (orderedNodeIds.get(left.nodeId) ?? Number.MAX_SAFE_INTEGER) -\n          (orderedNodeIds.get(right.nodeId) ?? Number.MAX_SAFE_INTEGER),\n      );\n    return { ...stage, nodes };\n  });\n\n  const keptNodeIds = new Set(stages.flatMap(stage => stage.nodes.map(node => node.nodeId)));\n  const layoutWeights = new Map<string, number>();\n  const orderedLinkKeys = new Map<string, number>();\n  for (const windowFlow of windowFlows) {\n    for (const link of windowFlow.links) {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      layoutWeights.set(key, Math.max(layoutWeights.get(key) ?? 0, link.traceCount));\n      if (!orderedLinkKeys.has(key)) orderedLinkKeys.set(key, orderedLinkKeys.size);\n    }\n  }\n\n  const stableLinks = flow.links\n    .filter(link => link.traceCount > 0 && keptNodeIds.has(link.sourceNodeId) && keptNodeIds.has(link.targetNodeId))\n    .sort((left, right) => {\n      const leftKey = `${left.sourceNodeId}\\u0000${left.targetNodeId}`;\n      const rightKey = `${right.sourceNodeId}\\u0000${right.targetNodeId}`;\n      return (orderedLinkKeys.get(leftKey) ?? 0) - (orderedLinkKeys.get(rightKey) ?? 0);\n    })\n    .map((link): StableThemeFlowLink => {\n      const key = `${link.sourceNodeId}\\u0000${link.targetNodeId}`;\n      return {\n        ...link,\n        layoutTraceCount: Math.max(MINIMUM_LAYOUT_WEIGHT, layoutWeights.get(key) ?? link.traceCount),\n      };\n    });\n\n  return { ...flow, stages, links: stableLinks };\n}\n\nfunction displayNodeLabel(node: ThemeNode) {\n  return node.kind === 'noise' ? 'Noise' : node.label;\n}\n\nfunction formatSignalName(signalName: TraceSignalName) {\n  return `${signalName.slice(0, 1).toUpperCase()}${signalName.slice(1)}`;\n}\n\n/**\n * Date, trace-count, and theme-count fields rendered under the timeline in every view\n * mode. Counts come from the charted flow (cohort stage totals), so a drilled\n * flow reports the drilled subset; date-only while the flow is loading.\n */\nexport function snapshotSummaryParts(snapshot: ThemeSnapshot, flow: ThemeFlowResponse | undefined): readonly string[] {\n  const date = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  if (!flow) return [date];\n\n  const { traceCount, themeCount } = flowCounts(flow);\n  return [date, traceLabel(traceCount), themeLabel(themeCount)];\n}\n\nfunction flowCounts(flow: ThemeFlowResponse) {\n  return {\n    traceCount: flow.stages[0]?.traceCount ?? flow.snapshot.traceCount,\n    themeCount: flow.stages.reduce(\n      (total, stage) => total + stage.nodes.filter(node => node.kind === 'theme').length,\n      0,\n    ),\n  };\n}\n"],"mappings":"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"}

package/dist/ee/signals/sankey-signals.cjs.js

@@ -1,30 +1,31 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_tabs_tab = require("../../tabs-tab-DGwfHVDr.cjs");
-const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
 const require_ee_signals_components_signals_empty_state = require("./components/signals-empty-state.cjs.js");
 const require_ee_signals_components_signals_overview_page = require("./components/signals-overview-page.cjs.js");
 const require_ee_signals_entity_learning_api = require("./entity-learning-api.cjs.js");
-const require_ee_signals_trace_intelligence_context = require("./trace-intelligence-context.cjs.js");
-const require_ee_signals_use_trace_intelligence = require("./use-trace-intelligence.cjs.js");
-const require_ee_signals_hooks_use_entity_learning_progress = require("./hooks/use-entity-learning-progress.cjs.js");
-const require_ee_signals_hooks_use_theme_paths = require("./hooks/use-theme-paths.cjs.js");
-const require_ee_signals_hooks_use_theme_snapshots = require("./hooks/use-theme-snapshots.cjs.js");
-const require_ee_signals_sankey_signals_data = require("./sankey-signals-data.cjs.js");
 const require_ee_signals_flow_card = require("./flow-card.cjs.js");
+const require_ee_signals_hooks_use_entity_learning_progress = require("./hooks/use-entity-learning-progress.cjs.js");
 const require_ee_signals_hooks_use_snapshot_playback = require("./hooks/use-snapshot-playback.cjs.js");
 const require_ee_signals_hooks_use_theme_flows = require("./hooks/use-theme-flows.cjs.js");
+const require_ee_signals_hooks_use_theme_paths = require("./hooks/use-theme-paths.cjs.js");
+const require_ee_signals_hooks_use_theme_snapshots = require("./hooks/use-theme-snapshots.cjs.js");
 const require_ee_signals_noise_detail_panel = require("./noise-detail-panel.cjs.js");
+const require_ee_signals_sankey_signals_data = require("./sankey-signals-data.cjs.js");
+const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
 const require_ee_signals_signals_error_state = require("./signals-error-state.cjs.js");
 const require_ee_signals_signals_loading_skeleton = require("./signals-loading-skeleton.cjs.js");
+const require_ee_signals_snapshot_summary = require("./snapshot-summary.cjs.js");
 const require_ee_signals_snapshot_timeline = require("./snapshot-timeline.cjs.js");
 const require_ee_signals_theme_compare = require("./theme-compare.cjs.js");
 const require_ee_signals_theme_detail_panel = require("./theme-detail-panel.cjs.js");
 const require_ee_signals_theme_drilldown_data = require("./theme-drilldown-data.cjs.js");
 const require_ee_signals_theme_filter_banner = require("./theme-filter-banner.cjs.js");
 const require_ee_signals_theme_lifelines = require("./theme-lifelines.cjs.js");
+const require_ee_signals_trace_intelligence_context = require("./trace-intelligence-context.cjs.js");
 const require_ee_signals_trace_intelligence_explainer = require("./trace-intelligence-explainer.cjs.js");
+const require_ee_signals_use_trace_intelligence = require("./use-trace-intelligence.cjs.js");
 const require_ee_signals_view_mode_tab = require("./view-mode-tab.cjs.js");
+const require_tabs_tab = require("../../tabs-tab-Dj2huH5T.cjs");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -216,7 +217,10 @@ function SankeySignals({ entityId, entityType = "agent", signalNames: initialSig
 				snapshots,
 				selectedIndex: selectedSnapshotIndex,
 				totalSnapshots,
-				summary: snapshot ? require_ee_signals_sankey_signals_data.snapshotSummaryLabel(snapshot, void 0) : "",
+				summary: snapshot ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ee_signals_snapshot_summary.SnapshotSummary, {
+					snapshot,
+					flow: void 0
+				}) : void 0,
 				isPlaying,
 				onPlayingChange: handlePlayingChange,
 				onSnapshotChange: selectSnapshot
@@ -258,6 +262,7 @@ function SankeySignals({ entityId, entityType = "agent", signalNames: initialSig
 		perspectiveMutation.mutate(mergedSignalNames);
 	};
 	const filtersResolved = drillStack.length > 0 && drillInAvailable && pathsQuery.data !== void 0;
+	const filterSummaryPrefix = drillInAvailable ? "Filtered" : "Filters unavailable";
 	const detailStats = filtersResolved ? require_ee_signals_theme_drilldown_data.findSelectionStats(flow, drillStack, detailSelection) : void 0;
 	const noiseStats = filtersResolved ? require_ee_signals_theme_drilldown_data.findSelectionStats(flow, drillStack, noiseSignalName ? {
 		kind: "noise",
@@ -337,7 +342,11 @@ function SankeySignals({ entityId, entityType = "agent", signalNames: initialSig
 						snapshots,
 						selectedIndex: selectedSnapshotIndex,
 						totalSnapshots,
-						summary: `${drillStack.length > 0 ? drillInAvailable ? "Filtered · " : "Filters unavailable · " : ""}${require_ee_signals_sankey_signals_data.snapshotSummaryLabel(snapshot, flow)}`,
+						summary: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ee_signals_snapshot_summary.SnapshotSummary, {
+							snapshot,
+							flow,
+							prefix: drillStack.length > 0 ? filterSummaryPrefix : void 0
+						}),
 						isPlaying,
 						onPlayingChange: handlePlayingChange,
 						onSnapshotChange: selectSnapshot
@@ -373,7 +382,7 @@ function SankeySignals({ entityId, entityType = "agent", signalNames: initialSig
 							as: "span",
 							variant: "body",
 							className: "block",
-							children: "No cross-signal flow for this snapshot — its trace signals have not overlapped on shared traces yet. Pick another snapshot from the timeline below."
+							children: "No cross-signal flow for this snapshot. Its trace signals have not overlapped on shared traces yet. Pick another snapshot from the timeline below."
 						})
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ee_signals_flow_card.FlowCard, {
 						columns: labeledColumns,