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

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

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const ee_signals_hooks_useThemeFlows = require('./hooks/use-theme-flows.cjs.js');
+const ee_signals_sankeySignalsData = require('./sankey-signals-data.cjs.js');
+const ee_signals_signalLifelines = require('./signal-lifelines.cjs.js');
+const ee_signals_signalsErrorState = require('./signals-error-state.cjs.js');
+const ee_signals_signalsLoadingSkeleton = require('./signals-loading-skeleton.cjs.js');
+const ee_signals_snapshotTimeline = require('./snapshot-timeline.cjs.js');
+const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
+
+function ThemeLifelines({
+  entityId,
+  entityType,
+  signalNames,
+  snapshots,
+  totalSnapshots,
+  selectedIndex,
+  onSnapshotSelect,
+  onThemeSelect
+}) {
+  const flowQueries = ee_signals_hooks_useThemeFlows.useThemeFlows(
+    entityId,
+    entityType,
+    signalNames,
+    snapshots.map((snapshot) => snapshot.snapshotId)
+  );
+  const flows = flowQueries.map((query) => query.data);
+  const failedFlowQueries = flowQueries.filter((query) => query.isError);
+  const positions = ee_signals_snapshotTimelineData.timelineTickPositions(snapshots);
+  if (failedFlowQueries.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ee_signals_signalsErrorState.SignalsErrorState,
+      {
+        message: "Unable to load theme lifelines.",
+        onRetry: () => void Promise.all(failedFlowQueries.map((query) => query.refetch()))
+      }
+    );
+  }
+  if (!flows.some((flow) => flow !== void 0)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": "Theme lifelines", children: /* @__PURE__ */ jsxRuntime.jsx(ee_signals_signalsLoadingSkeleton.SignalsFrameLoadingSkeleton, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Theme lifelines", className: "space-y-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "w-52 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ee_signals_snapshotTimeline.TimelineTrack,
+        {
+          snapshots,
+          totalCount: totalSnapshots,
+          markers: /* @__PURE__ */ new Map([[selectedIndex, "selected"]]),
+          onTickSelect: onSnapshotSelect
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "w-9 shrink-0" })
+    ] }),
+    snapshots[selectedIndex] ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral4 font-mono text-xs", "data-testid": "snapshot-summary", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
+    signalNames.map((signalName) => /* @__PURE__ */ jsxRuntime.jsx(
+      ee_signals_signalLifelines.SignalLifelines,
+      {
+        signalName,
+        flows,
+        snapshots,
+        positions,
+        onThemeSelect
+      },
+      signalName
+    ))
+  ] });
+}
+
+exports.ThemeLifelines = ThemeLifelines;
+//# sourceMappingURL=theme-lifelines.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-lifelines.cjs.js","sources":["../../../src/ee/signals/theme-lifelines.tsx"],"sourcesContent":["import { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalLifelines } from './signal-lifelines';\nimport { SignalsErrorState } from './signals-error-state';\nimport { SignalsFrameLoadingSkeleton } from './signals-loading-skeleton';\nimport { TimelineTrack } from './snapshot-timeline';\nimport type { TimelineMarkerKind } from './snapshot-timeline';\nimport { timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\n\n/**\n * Lifelines mode: every theme holds a fixed row while landmarks run left to\n * right on the shared time axis, so persistent themes read as spines and\n * transient ones as short-lived segments — change over time without replay.\n */\nexport function ThemeLifelines({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  selectedIndex,\n  onSnapshotSelect,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  selectedIndex: number;\n  onSnapshotSelect: (index: number) => void;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const flowQueries = useThemeFlows(\n    entityId,\n    entityType,\n    signalNames,\n    snapshots.map(snapshot => snapshot.snapshotId),\n  );\n  const flows = flowQueries.map(query => query.data);\n  const failedFlowQueries = flowQueries.filter(query => query.isError);\n  const positions = timelineTickPositions(snapshots);\n\n  if (failedFlowQueries.length > 0) {\n    return (\n      <SignalsErrorState\n        message=\"Unable to load theme lifelines.\"\n        onRetry={() => void Promise.all(failedFlowQueries.map(query => query.refetch()))}\n      />\n    );\n  }\n\n  if (!flows.some(flow => flow !== undefined)) {\n    return (\n      <section aria-label=\"Theme lifelines\">\n        <SignalsFrameLoadingSkeleton />\n      </section>\n    );\n  }\n\n  return (\n    <section aria-label=\"Theme lifelines\" className=\"space-y-5\">\n      {/* Spacers mirror each row's label and count columns so the shared track aligns with the rows. */}\n      <div className=\"flex items-center gap-3\">\n        <span aria-hidden=\"true\" className=\"w-52 shrink-0\" />\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n          onTickSelect={onSnapshotSelect}\n        />\n        <span aria-hidden=\"true\" className=\"w-9 shrink-0\" />\n      </div>\n      {snapshots[selectedIndex] ? (\n        <p className=\"text-neutral4 font-mono text-xs\" data-testid=\"snapshot-summary\">\n          {snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex])}\n        </p>\n      ) : null}\n      {signalNames.map(signalName => (\n        <SignalLifelines\n          key={signalName}\n          signalName={signalName}\n          flows={flows}\n          snapshots={snapshots}\n          positions={positions}\n          onThemeSelect={onThemeSelect}\n        />\n      ))}\n    </section>\n  );\n}\n"],"names":["useThemeFlows","timelineTickPositions","jsx","SignalsErrorState","SignalsFrameLoadingSkeleton","jsxs","TimelineTrack","snapshotSummaryLabel","SignalLifelines"],"mappings":";;;;;;;;;;;;;AAgBO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EASG;AACD,EAAA,MAAM,WAAA,GAAcA,4CAAA;AAAA,IAClB,QAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,CAAU,GAAA,CAAI,CAAA,QAAA,KAAY,QAAA,CAAS,UAAU;AAAA,GAC/C;AACA,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,GAAA,CAAI,CAAA,KAAA,KAAS,MAAM,IAAI,CAAA;AACjD,EAAA,MAAM,iBAAA,GAAoB,WAAA,CAAY,MAAA,CAAO,CAAA,KAAA,KAAS,MAAM,OAAO,CAAA;AACnE,EAAA,MAAM,SAAA,GAAYC,sDAAsB,SAAS,CAAA;AAEjD,EAAA,IAAI,iBAAA,CAAkB,SAAS,CAAA,EAAG;AAChC,IAAA,uBACEC,cAAA;AAAA,MAACC,8CAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,iCAAA;AAAA,QACR,OAAA,EAAS,MAAM,KAAK,OAAA,CAAQ,GAAA,CAAI,iBAAA,CAAkB,GAAA,CAAI,CAAA,KAAA,KAAS,KAAA,CAAM,OAAA,EAAS,CAAC;AAAA;AAAA,KACjF;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,KAAA,CAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,KAAS,MAAS,CAAA,EAAG;AAC3C,IAAA,sCACG,SAAA,EAAA,EAAQ,YAAA,EAAW,iBAAA,EAClB,QAAA,kBAAAD,cAAA,CAACE,iEAA4B,CAAA,EAC/B,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,iBAAA,EAAkB,WAAU,WAAA,EAE9C,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,sBACnDA,cAAA;AAAA,QAACI,yCAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,UAAA,EAAY,cAAA;AAAA,UACZ,OAAA,sBAAa,GAAA,CAAgC,CAAC,CAAC,aAAA,EAAe,UAAU,CAAC,CAAC,CAAA;AAAA,UAC1E,YAAA,EAAc;AAAA;AAAA,OAChB;AAAA,sBACAJ,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,cAAA,EAAe;AAAA,KAAA,EACpD,CAAA;AAAA,IACC,UAAU,aAAa,CAAA,mBACtBA,cAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iCAAA,EAAkC,aAAA,EAAY,kBAAA,EACxD,QAAA,EAAAK,iDAAA,CAAqB,UAAU,aAAa,CAAA,EAAG,MAAM,aAAa,CAAC,GACtE,CAAA,GACE,IAAA;AAAA,IACH,WAAA,CAAY,IAAI,CAAA,UAAA,qBACfL,cAAA;AAAA,MAACM,0CAAA;AAAA,MAAA;AAAA,QAEC,UAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK;AAAA,KAOR;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

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

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

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

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useThemeFlows } from './hooks/use-theme-flows.es.js';
+import { snapshotSummaryLabel } from './sankey-signals-data.es.js';
+import { SignalLifelines } from './signal-lifelines.es.js';
+import { SignalsErrorState } from './signals-error-state.es.js';
+import { SignalsFrameLoadingSkeleton } from './signals-loading-skeleton.es.js';
+import { TimelineTrack } from './snapshot-timeline.es.js';
+import { timelineTickPositions } from './snapshot-timeline-data.es.js';
+
+function ThemeLifelines({
+  entityId,
+  entityType,
+  signalNames,
+  snapshots,
+  totalSnapshots,
+  selectedIndex,
+  onSnapshotSelect,
+  onThemeSelect
+}) {
+  const flowQueries = useThemeFlows(
+    entityId,
+    entityType,
+    signalNames,
+    snapshots.map((snapshot) => snapshot.snapshotId)
+  );
+  const flows = flowQueries.map((query) => query.data);
+  const failedFlowQueries = flowQueries.filter((query) => query.isError);
+  const positions = timelineTickPositions(snapshots);
+  if (failedFlowQueries.length > 0) {
+    return /* @__PURE__ */ jsx(
+      SignalsErrorState,
+      {
+        message: "Unable to load theme lifelines.",
+        onRetry: () => void Promise.all(failedFlowQueries.map((query) => query.refetch()))
+      }
+    );
+  }
+  if (!flows.some((flow) => flow !== void 0)) {
+    return /* @__PURE__ */ jsx("section", { "aria-label": "Theme lifelines", children: /* @__PURE__ */ jsx(SignalsFrameLoadingSkeleton, {}) });
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Theme lifelines", className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "w-52 shrink-0" }),
+      /* @__PURE__ */ jsx(
+        TimelineTrack,
+        {
+          snapshots,
+          totalCount: totalSnapshots,
+          markers: /* @__PURE__ */ new Map([[selectedIndex, "selected"]]),
+          onTickSelect: onSnapshotSelect
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "w-9 shrink-0" })
+    ] }),
+    snapshots[selectedIndex] ? /* @__PURE__ */ jsx("p", { className: "text-neutral4 font-mono text-xs", "data-testid": "snapshot-summary", children: snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
+    signalNames.map((signalName) => /* @__PURE__ */ jsx(
+      SignalLifelines,
+      {
+        signalName,
+        flows,
+        snapshots,
+        positions,
+        onThemeSelect
+      },
+      signalName
+    ))
+  ] });
+}
+
+export { ThemeLifelines };
+//# sourceMappingURL=theme-lifelines.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-lifelines.es.js","sources":["../../../src/ee/signals/theme-lifelines.tsx"],"sourcesContent":["import { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalLifelines } from './signal-lifelines';\nimport { SignalsErrorState } from './signals-error-state';\nimport { SignalsFrameLoadingSkeleton } from './signals-loading-skeleton';\nimport { TimelineTrack } from './snapshot-timeline';\nimport type { TimelineMarkerKind } from './snapshot-timeline';\nimport { timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeSnapshot, TraceSignalName } from './types';\n\n/**\n * Lifelines mode: every theme holds a fixed row while landmarks run left to\n * right on the shared time axis, so persistent themes read as spines and\n * transient ones as short-lived segments — change over time without replay.\n */\nexport function ThemeLifelines({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  selectedIndex,\n  onSnapshotSelect,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  selectedIndex: number;\n  onSnapshotSelect: (index: number) => void;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const flowQueries = useThemeFlows(\n    entityId,\n    entityType,\n    signalNames,\n    snapshots.map(snapshot => snapshot.snapshotId),\n  );\n  const flows = flowQueries.map(query => query.data);\n  const failedFlowQueries = flowQueries.filter(query => query.isError);\n  const positions = timelineTickPositions(snapshots);\n\n  if (failedFlowQueries.length > 0) {\n    return (\n      <SignalsErrorState\n        message=\"Unable to load theme lifelines.\"\n        onRetry={() => void Promise.all(failedFlowQueries.map(query => query.refetch()))}\n      />\n    );\n  }\n\n  if (!flows.some(flow => flow !== undefined)) {\n    return (\n      <section aria-label=\"Theme lifelines\">\n        <SignalsFrameLoadingSkeleton />\n      </section>\n    );\n  }\n\n  return (\n    <section aria-label=\"Theme lifelines\" className=\"space-y-5\">\n      {/* Spacers mirror each row's label and count columns so the shared track aligns with the rows. */}\n      <div className=\"flex items-center gap-3\">\n        <span aria-hidden=\"true\" className=\"w-52 shrink-0\" />\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n          onTickSelect={onSnapshotSelect}\n        />\n        <span aria-hidden=\"true\" className=\"w-9 shrink-0\" />\n      </div>\n      {snapshots[selectedIndex] ? (\n        <p className=\"text-neutral4 font-mono text-xs\" data-testid=\"snapshot-summary\">\n          {snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex])}\n        </p>\n      ) : null}\n      {signalNames.map(signalName => (\n        <SignalLifelines\n          key={signalName}\n          signalName={signalName}\n          flows={flows}\n          snapshots={snapshots}\n          positions={positions}\n          onThemeSelect={onThemeSelect}\n        />\n      ))}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EASG;AACD,EAAA,MAAM,WAAA,GAAc,aAAA;AAAA,IAClB,QAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,CAAU,GAAA,CAAI,CAAA,QAAA,KAAY,QAAA,CAAS,UAAU;AAAA,GAC/C;AACA,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,GAAA,CAAI,CAAA,KAAA,KAAS,MAAM,IAAI,CAAA;AACjD,EAAA,MAAM,iBAAA,GAAoB,WAAA,CAAY,MAAA,CAAO,CAAA,KAAA,KAAS,MAAM,OAAO,CAAA;AACnE,EAAA,MAAM,SAAA,GAAY,sBAAsB,SAAS,CAAA;AAEjD,EAAA,IAAI,iBAAA,CAAkB,SAAS,CAAA,EAAG;AAChC,IAAA,uBACE,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,iCAAA;AAAA,QACR,OAAA,EAAS,MAAM,KAAK,OAAA,CAAQ,GAAA,CAAI,iBAAA,CAAkB,GAAA,CAAI,CAAA,KAAA,KAAS,KAAA,CAAM,OAAA,EAAS,CAAC;AAAA;AAAA,KACjF;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,KAAA,CAAM,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,KAAS,MAAS,CAAA,EAAG;AAC3C,IAAA,2BACG,SAAA,EAAA,EAAQ,YAAA,EAAW,iBAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,+BAA4B,CAAA,EAC/B,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,iBAAA,EAAkB,WAAU,WAAA,EAE9C,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,sBACnD,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACA,UAAA,EAAY,cAAA;AAAA,UACZ,OAAA,sBAAa,GAAA,CAAgC,CAAC,CAAC,aAAA,EAAe,UAAU,CAAC,CAAC,CAAA;AAAA,UAC1E,YAAA,EAAc;AAAA;AAAA,OAChB;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,cAAA,EAAe;AAAA,KAAA,EACpD,CAAA;AAAA,IACC,UAAU,aAAa,CAAA,mBACtB,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iCAAA,EAAkC,aAAA,EAAY,kBAAA,EACxD,QAAA,EAAA,oBAAA,CAAqB,UAAU,aAAa,CAAA,EAAG,MAAM,aAAa,CAAC,GACtE,CAAA,GACE,IAAA;AAAA,IACH,WAAA,CAAY,IAAI,CAAA,UAAA,qBACf,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QAEC,UAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK;AAAA,KAOR;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/ee/signals/theme-trend-chart.cjs.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+const tooltip = require('../../tooltip-CLz5PtEE.cjs');
+
+const TREND_CHART_HEIGHT = 32;
+function trendPointLabel(point) {
+  return `${ee_signals_signalFormatting.formatSnapshotDate(point.startedAt)} · ${ee_signals_signalFormatting.traceLabel(point.traceCount)} (${Math.round(point.coverage * 100)}%)`;
+}
+function ThemeTrendChart({ points, color }) {
+  const firstPoint = points[0];
+  const lastPoint = points.at(-1);
+  if (!firstPoint || !lastPoint) return null;
+  const firstTime = new Date(firstPoint.startedAt).getTime();
+  const lastTime = new Date(lastPoint.startedAt).getTime();
+  const timeSpan = lastTime - firstTime;
+  const maxCount = Math.max(1, ...points.map((point) => point.traceCount));
+  const x = (point) => timeSpan === 0 ? 50 : (new Date(point.startedAt).getTime() - firstTime) / timeSpan * 100;
+  const y = (point) => (1 - point.traceCount / maxCount) * (TREND_CHART_HEIGHT - 4) + 2;
+  const coordinates = points.map((point) => `${x(point)},${y(point)}`);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-8", "data-testid": "trend-chart", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-0 size-full",
+          preserveAspectRatio: "none",
+          viewBox: `0 0 100 ${TREND_CHART_HEIGHT}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polygon",
+              {
+                fill: color,
+                fillOpacity: 0.14,
+                points: [`0,${TREND_CHART_HEIGHT}`, ...coordinates, `100,${TREND_CHART_HEIGHT}`].join(" ")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polyline",
+              {
+                fill: "none",
+                stroke: color,
+                strokeOpacity: 0.7,
+                strokeWidth: 1.2,
+                vectorEffect: "non-scaling-stroke",
+                points: coordinates.join(" ")
+              }
+            )
+          ]
+        }
+      ),
+      points.map((point) => {
+        const label = trendPointLabel(point);
+        return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            tooltip.TooltipTrigger,
+            {
+              "aria-label": label,
+              className: "absolute size-2 -translate-1/2 cursor-default rounded-full hover:brightness-125",
+              style: {
+                left: `${x(point)}%`,
+                top: `${y(point) / TREND_CHART_HEIGHT * 100}%`,
+                backgroundColor: color
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label })
+        ] }, point.snapshotId);
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral3 mt-1 flex justify-between font-mono text-[11px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(firstPoint.startedAt) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(lastPoint.startedAt) })
+    ] })
+  ] });
+}
+
+exports.ThemeTrendChart = ThemeTrendChart;
+//# sourceMappingURL=theme-trend-chart.cjs.js.map

package/dist/ee/signals/theme-trend-chart.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-trend-chart.cjs.js","sources":["../../../src/ee/signals/theme-trend-chart.tsx"],"sourcesContent":["import { formatSnapshotDate, traceLabel } from './signal-formatting';\nimport type { ThemeHistoryPoint } from './theme-trend';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst TREND_CHART_HEIGHT = 32;\n\nfunction trendPointLabel(point: ThemeHistoryPoint) {\n  return `${formatSnapshotDate(point.startedAt)} · ${traceLabel(point.traceCount)} (${Math.round(point.coverage * 100)}%)`;\n}\n\n/** Trace count over time for one theme, with absent stretches dropping to the baseline. */\nexport function ThemeTrendChart({ points, color }: { points: ThemeHistoryPoint[]; color: string }) {\n  const firstPoint = points[0];\n  const lastPoint = points.at(-1);\n  if (!firstPoint || !lastPoint) return null;\n\n  const firstTime = new Date(firstPoint.startedAt).getTime();\n  const lastTime = new Date(lastPoint.startedAt).getTime();\n  const timeSpan = lastTime - firstTime;\n  const maxCount = Math.max(1, ...points.map(point => point.traceCount));\n  const x = (point: ThemeHistoryPoint) =>\n    timeSpan === 0 ? 50 : ((new Date(point.startedAt).getTime() - firstTime) / timeSpan) * 100;\n  const y = (point: ThemeHistoryPoint) => (1 - point.traceCount / maxCount) * (TREND_CHART_HEIGHT - 4) + 2;\n  const coordinates = points.map(point => `${x(point)},${y(point)}`);\n\n  return (\n    <div className=\"mt-3\">\n      <div className=\"relative h-8\" data-testid=\"trend-chart\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 size-full\"\n          preserveAspectRatio=\"none\"\n          viewBox={`0 0 100 ${TREND_CHART_HEIGHT}`}\n        >\n          <polygon\n            fill={color}\n            fillOpacity={0.14}\n            points={[`0,${TREND_CHART_HEIGHT}`, ...coordinates, `100,${TREND_CHART_HEIGHT}`].join(' ')}\n          />\n          <polyline\n            fill=\"none\"\n            stroke={color}\n            strokeOpacity={0.7}\n            strokeWidth={1.2}\n            vectorEffect=\"non-scaling-stroke\"\n            points={coordinates.join(' ')}\n          />\n        </svg>\n        {points.map(point => {\n          const label = trendPointLabel(point);\n          return (\n            <Tooltip key={point.snapshotId}>\n              <TooltipTrigger\n                aria-label={label}\n                className=\"absolute size-2 -translate-1/2 cursor-default rounded-full hover:brightness-125\"\n                style={{\n                  left: `${x(point)}%`,\n                  top: `${(y(point) / TREND_CHART_HEIGHT) * 100}%`,\n                  backgroundColor: color,\n                }}\n              />\n              <TooltipContent>{label}</TooltipContent>\n            </Tooltip>\n          );\n        })}\n      </div>\n      <div className=\"text-neutral3 mt-1 flex justify-between font-mono text-[11px]\">\n        <span>{formatSnapshotDate(firstPoint.startedAt)}</span>\n        <span>{formatSnapshotDate(lastPoint.startedAt)}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["formatSnapshotDate","traceLabel","jsxs","jsx","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/ee/signals/theme-trend-chart.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ee/signals/theme-trend-chart'
+export {}

package/dist/ee/signals/theme-trend-chart.es.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { formatSnapshotDate, traceLabel } from './signal-formatting.es.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BFbYhBj1.js';
+
+const TREND_CHART_HEIGHT = 32;
+function trendPointLabel(point) {
+  return `${formatSnapshotDate(point.startedAt)} · ${traceLabel(point.traceCount)} (${Math.round(point.coverage * 100)}%)`;
+}
+function ThemeTrendChart({ points, color }) {
+  const firstPoint = points[0];
+  const lastPoint = points.at(-1);
+  if (!firstPoint || !lastPoint) return null;
+  const firstTime = new Date(firstPoint.startedAt).getTime();
+  const lastTime = new Date(lastPoint.startedAt).getTime();
+  const timeSpan = lastTime - firstTime;
+  const maxCount = Math.max(1, ...points.map((point) => point.traceCount));
+  const x = (point) => timeSpan === 0 ? 50 : (new Date(point.startedAt).getTime() - firstTime) / timeSpan * 100;
+  const y = (point) => (1 - point.traceCount / maxCount) * (TREND_CHART_HEIGHT - 4) + 2;
+  const coordinates = points.map((point) => `${x(point)},${y(point)}`);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative h-8", "data-testid": "trend-chart", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-0 size-full",
+          preserveAspectRatio: "none",
+          viewBox: `0 0 100 ${TREND_CHART_HEIGHT}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "polygon",
+              {
+                fill: color,
+                fillOpacity: 0.14,
+                points: [`0,${TREND_CHART_HEIGHT}`, ...coordinates, `100,${TREND_CHART_HEIGHT}`].join(" ")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "polyline",
+              {
+                fill: "none",
+                stroke: color,
+                strokeOpacity: 0.7,
+                strokeWidth: 1.2,
+                vectorEffect: "non-scaling-stroke",
+                points: coordinates.join(" ")
+              }
+            )
+          ]
+        }
+      ),
+      points.map((point) => {
+        const label = trendPointLabel(point);
+        return /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(
+            TooltipTrigger,
+            {
+              "aria-label": label,
+              className: "absolute size-2 -translate-1/2 cursor-default rounded-full hover:brightness-125",
+              style: {
+                left: `${x(point)}%`,
+                top: `${y(point) / TREND_CHART_HEIGHT * 100}%`,
+                backgroundColor: color
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(TooltipContent, { children: label })
+        ] }, point.snapshotId);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-neutral3 mt-1 flex justify-between font-mono text-[11px]", children: [
+      /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(firstPoint.startedAt) }),
+      /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(lastPoint.startedAt) })
+    ] })
+  ] });
+}
+
+export { ThemeTrendChart };
+//# sourceMappingURL=theme-trend-chart.es.js.map

package/dist/ee/signals/theme-trend-chart.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-trend-chart.es.js","sources":["../../../src/ee/signals/theme-trend-chart.tsx"],"sourcesContent":["import { formatSnapshotDate, traceLabel } from './signal-formatting';\nimport type { ThemeHistoryPoint } from './theme-trend';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst TREND_CHART_HEIGHT = 32;\n\nfunction trendPointLabel(point: ThemeHistoryPoint) {\n  return `${formatSnapshotDate(point.startedAt)} · ${traceLabel(point.traceCount)} (${Math.round(point.coverage * 100)}%)`;\n}\n\n/** Trace count over time for one theme, with absent stretches dropping to the baseline. */\nexport function ThemeTrendChart({ points, color }: { points: ThemeHistoryPoint[]; color: string }) {\n  const firstPoint = points[0];\n  const lastPoint = points.at(-1);\n  if (!firstPoint || !lastPoint) return null;\n\n  const firstTime = new Date(firstPoint.startedAt).getTime();\n  const lastTime = new Date(lastPoint.startedAt).getTime();\n  const timeSpan = lastTime - firstTime;\n  const maxCount = Math.max(1, ...points.map(point => point.traceCount));\n  const x = (point: ThemeHistoryPoint) =>\n    timeSpan === 0 ? 50 : ((new Date(point.startedAt).getTime() - firstTime) / timeSpan) * 100;\n  const y = (point: ThemeHistoryPoint) => (1 - point.traceCount / maxCount) * (TREND_CHART_HEIGHT - 4) + 2;\n  const coordinates = points.map(point => `${x(point)},${y(point)}`);\n\n  return (\n    <div className=\"mt-3\">\n      <div className=\"relative h-8\" data-testid=\"trend-chart\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 size-full\"\n          preserveAspectRatio=\"none\"\n          viewBox={`0 0 100 ${TREND_CHART_HEIGHT}`}\n        >\n          <polygon\n            fill={color}\n            fillOpacity={0.14}\n            points={[`0,${TREND_CHART_HEIGHT}`, ...coordinates, `100,${TREND_CHART_HEIGHT}`].join(' ')}\n          />\n          <polyline\n            fill=\"none\"\n            stroke={color}\n            strokeOpacity={0.7}\n            strokeWidth={1.2}\n            vectorEffect=\"non-scaling-stroke\"\n            points={coordinates.join(' ')}\n          />\n        </svg>\n        {points.map(point => {\n          const label = trendPointLabel(point);\n          return (\n            <Tooltip key={point.snapshotId}>\n              <TooltipTrigger\n                aria-label={label}\n                className=\"absolute size-2 -translate-1/2 cursor-default rounded-full hover:brightness-125\"\n                style={{\n                  left: `${x(point)}%`,\n                  top: `${(y(point) / TREND_CHART_HEIGHT) * 100}%`,\n                  backgroundColor: color,\n                }}\n              />\n              <TooltipContent>{label}</TooltipContent>\n            </Tooltip>\n          );\n        })}\n      </div>\n      <div className=\"text-neutral3 mt-1 flex justify-between font-mono text-[11px]\">\n        <span>{formatSnapshotDate(firstPoint.startedAt)}</span>\n        <span>{formatSnapshotDate(lastPoint.startedAt)}</span>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/theme-trend.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function chronologicalHistoryPoints(points) {
+  return [...points].sort((a, b) => new Date(a.startedAt).getTime() - new Date(b.startedAt).getTime());
+}
+function themeTrendDirection(points) {
+  if (points.length < 2) return "steady";
+  const latestTrend = points[points.length - 1]?.trend;
+  if (latestTrend && latestTrend.strength !== "none") {
+    if (latestTrend.popularity > 0) return "growing";
+    if (latestTrend.popularity < 0) return "fading";
+    return "steady";
+  }
+  const thirdSize = Math.max(1, Math.floor(points.length / 3));
+  const mean = (slice) => slice.reduce((sum, point) => sum + point.traceCount, 0) / slice.length;
+  const firstMean = mean(points.slice(0, thirdSize));
+  const lastMean = mean(points.slice(-thirdSize));
+  if (lastMean > firstMean) return "growing";
+  if (lastMean < firstMean) return "fading";
+  return "steady";
+}
+
+exports.chronologicalHistoryPoints = chronologicalHistoryPoints;
+exports.themeTrendDirection = themeTrendDirection;
+//# sourceMappingURL=theme-trend.cjs.js.map

package/dist/ee/signals/theme-trend.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-trend.cjs.js","sources":["../../../src/ee/signals/theme-trend.ts"],"sourcesContent":["import type { ThemeHistoryResponse } from '@mastra/client-js';\n\nexport type ThemeHistoryPoint = ThemeHistoryResponse['points'][number];\n\nexport type TrendDirection = 'growing' | 'fading' | 'steady';\n\n/**\n * History points arrive newest-first from the API (`ORDER BY frameId DESC`);\n * every presentation in the panel reads oldest-first.\n */\nexport function chronologicalHistoryPoints(points: ThemeHistoryPoint[]): ThemeHistoryPoint[] {\n  return [...points].sort((a, b) => new Date(a.startedAt).getTime() - new Date(b.startedAt).getTime());\n}\n\n/**\n * Whether a theme is gaining or losing traction across its history. Prefers\n * the clustering pipeline's trend score on the latest point; falls back to\n * comparing the mean trace count of the first and last thirds of the series.\n *\n * Points MUST be in chronological order (see `chronologicalHistoryPoints`) —\n * raw API output is newest-first and would invert the answer.\n */\nexport function themeTrendDirection(points: ThemeHistoryPoint[]): TrendDirection {\n  if (points.length < 2) return 'steady';\n\n  const latestTrend = points[points.length - 1]?.trend;\n  if (latestTrend && latestTrend.strength !== 'none') {\n    if (latestTrend.popularity > 0) return 'growing';\n    if (latestTrend.popularity < 0) return 'fading';\n    return 'steady';\n  }\n\n  const thirdSize = Math.max(1, Math.floor(points.length / 3));\n  const mean = (slice: ThemeHistoryPoint[]) => slice.reduce((sum, point) => sum + point.traceCount, 0) / slice.length;\n  const firstMean = mean(points.slice(0, thirdSize));\n  const lastMean = mean(points.slice(-thirdSize));\n  if (lastMean > firstMean) return 'growing';\n  if (lastMean < firstMean) return 'fading';\n  return 'steady';\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,2BAA2B,MAAA,EAAkD;AAC3F,EAAA,OAAO,CAAC,GAAG,MAAM,CAAA,CAAE,KAAK,CAAC,CAAA,EAAG,MAAM,IAAI,IAAA,CAAK,EAAE,SAAS,CAAA,CAAE,SAAQ,GAAI,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAS,CAAA;AACrG;AAUO,SAAS,oBAAoB,MAAA,EAA6C;AAC/E,EAAA,IAAI,MAAA,CAAO,MAAA,GAAS,CAAA,EAAG,OAAO,QAAA;AAE9B,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA,EAAG,KAAA;AAC/C,EAAA,IAAI,WAAA,IAAe,WAAA,CAAY,QAAA,KAAa,MAAA,EAAQ;AAClD,IAAA,IAAI,WAAA,CAAY,UAAA,GAAa,CAAA,EAAG,OAAO,SAAA;AACvC,IAAA,IAAI,WAAA,CAAY,UAAA,GAAa,CAAA,EAAG,OAAO,QAAA;AACvC,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,MAAM,SAAA,GAAY,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,KAAA,CAAM,MAAA,CAAO,MAAA,GAAS,CAAC,CAAC,CAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,CAAC,KAAA,KAA+B,KAAA,CAAM,MAAA,CAAO,CAAC,GAAA,EAAK,KAAA,KAAU,GAAA,GAAM,KAAA,CAAM,UAAA,EAAY,CAAC,IAAI,KAAA,CAAM,MAAA;AAC7G,EAAA,MAAM,YAAY,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,SAAS,CAAC,CAAA;AACjD,EAAA,MAAM,WAAW,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,CAAC,SAAS,CAAC,CAAA;AAC9C,EAAA,IAAI,QAAA,GAAW,WAAW,OAAO,SAAA;AACjC,EAAA,IAAI,QAAA,GAAW,WAAW,OAAO,QAAA;AACjC,EAAA,OAAO,QAAA;AACT;;;;;"}

package/dist/ee/signals/theme-trend.d.ts

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

package/dist/ee/signals/theme-trend.es.js

@@ -0,0 +1,22 @@
+function chronologicalHistoryPoints(points) {
+  return [...points].sort((a, b) => new Date(a.startedAt).getTime() - new Date(b.startedAt).getTime());
+}
+function themeTrendDirection(points) {
+  if (points.length < 2) return "steady";
+  const latestTrend = points[points.length - 1]?.trend;
+  if (latestTrend && latestTrend.strength !== "none") {
+    if (latestTrend.popularity > 0) return "growing";
+    if (latestTrend.popularity < 0) return "fading";
+    return "steady";
+  }
+  const thirdSize = Math.max(1, Math.floor(points.length / 3));
+  const mean = (slice) => slice.reduce((sum, point) => sum + point.traceCount, 0) / slice.length;
+  const firstMean = mean(points.slice(0, thirdSize));
+  const lastMean = mean(points.slice(-thirdSize));
+  if (lastMean > firstMean) return "growing";
+  if (lastMean < firstMean) return "fading";
+  return "steady";
+}
+
+export { chronologicalHistoryPoints, themeTrendDirection };
+//# sourceMappingURL=theme-trend.es.js.map

package/dist/ee/signals/theme-trend.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-trend.es.js","sources":["../../../src/ee/signals/theme-trend.ts"],"sourcesContent":["import type { ThemeHistoryResponse } from '@mastra/client-js';\n\nexport type ThemeHistoryPoint = ThemeHistoryResponse['points'][number];\n\nexport type TrendDirection = 'growing' | 'fading' | 'steady';\n\n/**\n * History points arrive newest-first from the API (`ORDER BY frameId DESC`);\n * every presentation in the panel reads oldest-first.\n */\nexport function chronologicalHistoryPoints(points: ThemeHistoryPoint[]): ThemeHistoryPoint[] {\n  return [...points].sort((a, b) => new Date(a.startedAt).getTime() - new Date(b.startedAt).getTime());\n}\n\n/**\n * Whether a theme is gaining or losing traction across its history. Prefers\n * the clustering pipeline's trend score on the latest point; falls back to\n * comparing the mean trace count of the first and last thirds of the series.\n *\n * Points MUST be in chronological order (see `chronologicalHistoryPoints`) —\n * raw API output is newest-first and would invert the answer.\n */\nexport function themeTrendDirection(points: ThemeHistoryPoint[]): TrendDirection {\n  if (points.length < 2) return 'steady';\n\n  const latestTrend = points[points.length - 1]?.trend;\n  if (latestTrend && latestTrend.strength !== 'none') {\n    if (latestTrend.popularity > 0) return 'growing';\n    if (latestTrend.popularity < 0) return 'fading';\n    return 'steady';\n  }\n\n  const thirdSize = Math.max(1, Math.floor(points.length / 3));\n  const mean = (slice: ThemeHistoryPoint[]) => slice.reduce((sum, point) => sum + point.traceCount, 0) / slice.length;\n  const firstMean = mean(points.slice(0, thirdSize));\n  const lastMean = mean(points.slice(-thirdSize));\n  if (lastMean > firstMean) return 'growing';\n  if (lastMean < firstMean) return 'fading';\n  return 'steady';\n}\n"],"names":[],"mappings":"AAUO,SAAS,2BAA2B,MAAA,EAAkD;AAC3F,EAAA,OAAO,CAAC,GAAG,MAAM,CAAA,CAAE,KAAK,CAAC,CAAA,EAAG,MAAM,IAAI,IAAA,CAAK,EAAE,SAAS,CAAA,CAAE,SAAQ,GAAI,IAAI,KAAK,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,EAAS,CAAA;AACrG;AAUO,SAAS,oBAAoB,MAAA,EAA6C;AAC/E,EAAA,IAAI,MAAA,CAAO,MAAA,GAAS,CAAA,EAAG,OAAO,QAAA;AAE9B,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,CAAC,CAAA,EAAG,KAAA;AAC/C,EAAA,IAAI,WAAA,IAAe,WAAA,CAAY,QAAA,KAAa,MAAA,EAAQ;AAClD,IAAA,IAAI,WAAA,CAAY,UAAA,GAAa,CAAA,EAAG,OAAO,SAAA;AACvC,IAAA,IAAI,WAAA,CAAY,UAAA,GAAa,CAAA,EAAG,OAAO,QAAA;AACvC,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,MAAM,SAAA,GAAY,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,KAAA,CAAM,MAAA,CAAO,MAAA,GAAS,CAAC,CAAC,CAAA;AAC3D,EAAA,MAAM,IAAA,GAAO,CAAC,KAAA,KAA+B,KAAA,CAAM,MAAA,CAAO,CAAC,GAAA,EAAK,KAAA,KAAU,GAAA,GAAM,KAAA,CAAM,UAAA,EAAY,CAAC,IAAI,KAAA,CAAM,MAAA;AAC7G,EAAA,MAAM,YAAY,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,SAAS,CAAC,CAAA;AACjD,EAAA,MAAM,WAAW,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,CAAC,SAAS,CAAC,CAAA;AAC9C,EAAA,IAAI,QAAA,GAAW,WAAW,OAAO,SAAA;AACjC,EAAA,IAAI,QAAA,GAAW,WAAW,OAAO,QAAA;AACjC,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/ee/signals/trace-insight-view.cjs.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
+const ee_signals_hooks_useTraceInsight = require('./hooks/use-trace-insight.cjs.js');
+const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
+const Button = require('../../Button-B4Ixj2aW.cjs');
+
+function TraceInsightView({ traceId, onBack }) {
+  const { LinkComponent, getTraceHref } = ee_signals_useTraceIntelligence.useTraceIntelligence();
+  const insightQuery = ee_signals_hooks_useTraceInsight.useTraceInsight(traceId);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid content-start gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "outline", size: "sm", onClick: onBack, children: "Back to examples" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { as: LinkComponent, href: getTraceHref(traceId), variant: "outline", size: "sm", children: "Open full trace" })
+    ] }),
+    insightQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 text-sm", children: "Loading trace insight…" }),
+    insightQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: "Unable to load the trace insight." }),
+    insightQuery.data && /* @__PURE__ */ jsxRuntime.jsx(TraceInsightBody, { insight: insightQuery.data })
+  ] });
+}
+function isObservationSeverity(value) {
+  return value === "info" || value === "success" || value === "problem";
+}
+function parseTraceObservation(observation) {
+  const match = observation.match(/^severity=(\w+)\s*\|\s*kind=(\w+)\s*\|\s*/);
+  if (!match) return { text: observation };
+  const [prefix, severity, kind] = match;
+  return {
+    severity: severity !== void 0 && isObservationSeverity(severity) ? severity : void 0,
+    kind,
+    text: observation.slice(prefix.length)
+  };
+}
+const OBSERVATION_SEVERITY_CARD = {
+  info: "border-border1 bg-surface3",
+  success: "border-green-400/30 bg-green-500/10",
+  problem: "border-red-400/30 bg-red-500/10"
+};
+function ObservationItem({ observation }) {
+  const { severity, kind, text } = parseTraceObservation(observation);
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `rounded-md border p-3 text-sm ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 font-mono text-[10px] tracking-wider uppercase", children: [
+      severity === "problem" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-400", children: "problem" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " · " })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: kind })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-neutral5 ${kind === void 0 ? "" : "mt-1"}`, children: text })
+  ] });
+}
+function TraceInsightBody({ insight }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    insight.summary === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 text-sm", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "trace-insight-summary-heading", className: "text-neutral3 font-mono text-xs tracking-wider uppercase", children: "Trace summary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral5 mt-3 text-sm", children: insight.summary.summary }),
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-neutral3", children: "Current task" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-neutral5 mt-1", children: insight.summary.currentTask })
+      ] }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.observations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "h3",
+          {
+            id: "trace-insight-observations-heading",
+            className: "text-neutral3 mt-4 font-mono text-xs tracking-wider uppercase",
+            children: "Observations"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-labelledby": "trace-insight-observations-heading", className: "mt-3 space-y-2", children: insight.summary.observations.map((observation, index) => /* @__PURE__ */ jsxRuntime.jsx(ObservationItem, { observation }, `${observation}:${index}`)) })
+      ] })
+    ] }),
+    insight.signals.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "trace-insight-signals-heading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "trace-insight-signals-heading", className: "text-neutral3 font-mono text-xs tracking-wider uppercase", children: "Trace signal summaries" }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "border-border1 bg-surface3 rounded-md border p-3 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3", children: ee_signals_signalFormatting.formatSignalName(signal.signalName) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral5 mt-1", children: signal.signalText })
+      ] }, signal.signalName)) })
+    ] })
+  ] });
+}
+
+exports.TraceInsightView = TraceInsightView;
+//# sourceMappingURL=trace-insight-view.cjs.js.map

package/dist/ee/signals/trace-insight-view.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-insight-view.cjs.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { useTraceInsight } from './hooks';\nimport { formatSignalName } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\n\ninterface TraceInsightViewProps {\n  traceId: string;\n  onBack: () => void;\n}\n\nexport function TraceInsightView({ traceId, onBack }: TraceInsightViewProps) {\n  const { LinkComponent, getTraceHref } = useTraceIntelligence();\n  const insightQuery = useTraceInsight(traceId);\n\n  return (\n    <div className=\"grid content-start gap-6\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <Button variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button as={LinkComponent} href={getTraceHref(traceId)} variant=\"outline\" size=\"sm\">\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-neutral3 text-sm\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-sm text-red-500\">Unable to load the trace insight.</p>}\n      {insightQuery.data && <TraceInsightBody insight={insightQuery.data} />}\n    </div>\n  );\n}\n\ntype ObservationSeverity = 'info' | 'success' | 'problem';\n\ninterface ParsedObservation {\n  severity?: ObservationSeverity;\n  kind?: string;\n  text: string;\n}\n\nfunction isObservationSeverity(value: string): value is ObservationSeverity {\n  return value === 'info' || value === 'success' || value === 'problem';\n}\n\n/**\n * Trace summaries prefix each observation with a machine-readable\n * `severity=… | kind=… |` header (see the trace-summary prompt). Strip it for\n * display and keep the parts so the UI can render them as visual cues, the\n * same way the observational-memory views parse their emoji markers out of\n * the raw text.\n */\nfunction parseTraceObservation(observation: string): ParsedObservation {\n  const match = observation.match(/^severity=(\\w+)\\s*\\|\\s*kind=(\\w+)\\s*\\|\\s*/);\n  if (!match) return { text: observation };\n  const [prefix, severity, kind] = match;\n  return {\n    severity: severity !== undefined && isObservationSeverity(severity) ? severity : undefined,\n    kind,\n    text: observation.slice(prefix.length),\n  };\n}\n\nconst OBSERVATION_SEVERITY_CARD: Record<ObservationSeverity, string> = {\n  info: 'border-border1 bg-surface3',\n  success: 'border-green-400/30 bg-green-500/10',\n  problem: 'border-red-400/30 bg-red-500/10',\n};\n\nfunction ObservationItem({ observation }: { observation: string }) {\n  const { severity, kind, text } = parseTraceObservation(observation);\n\n  return (\n    <li className={`rounded-md border p-3 text-sm ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-neutral3 font-mono text-[10px] tracking-wider uppercase\">\n          {severity === 'problem' && (\n            <>\n              <span className=\"text-red-400\">problem</span>\n              <span aria-hidden=\"true\"> · </span>\n            </>\n          )}\n          <span>{kind}</span>\n        </p>\n      )}\n      <p className={`text-neutral5 ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <p className=\"text-neutral3 text-sm\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2 id=\"trace-insight-summary-heading\" className=\"text-neutral3 font-mono text-xs tracking-wider uppercase\">\n            Trace summary\n          </h2>\n          <p className=\"text-neutral5 mt-3 text-sm\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4 text-sm\">\n              <dt className=\"text-neutral3\">Current task</dt>\n              <dd className=\"text-neutral5 mt-1\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"mt-4 text-sm text-red-500\">This trace was flagged as degenerate or looping.</p>\n          )}\n          {insight.summary.observations.length > 0 && (\n            <>\n              <h3\n                id=\"trace-insight-observations-heading\"\n                className=\"text-neutral3 mt-4 font-mono text-xs tracking-wider uppercase\"\n              >\n                Observations\n              </h3>\n              <ul aria-labelledby=\"trace-insight-observations-heading\" className=\"mt-3 space-y-2\">\n                {insight.summary.observations.map((observation, index) => (\n                  <ObservationItem key={`${observation}:${index}`} observation={observation} />\n                ))}\n              </ul>\n            </>\n          )}\n        </section>\n      )}\n      {insight.signals.length > 0 && (\n        <section aria-labelledby=\"trace-insight-signals-heading\">\n          <h2 id=\"trace-insight-signals-heading\" className=\"text-neutral3 font-mono text-xs tracking-wider uppercase\">\n            Trace signal summaries\n          </h2>\n          <ul className=\"mt-3 space-y-3\">\n            {insight.signals.map(signal => (\n              <li key={signal.signalName} className=\"border-border1 bg-surface3 rounded-md border p-3 text-sm\">\n                <p className=\"text-neutral3\">{formatSignalName(signal.signalName)}</p>\n                <p className=\"text-neutral5 mt-1\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":["useTraceIntelligence","useTraceInsight","jsxs","jsx","Button","Fragment","formatSignalName"],"mappings":"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"}

package/dist/ee/signals/trace-insight-view.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/ee/signals/trace-insight-view'
+export {}