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

package/dist/ee/signals/theme-filter-banner.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-filter-banner.es.js","sources":["../../../src/ee/signals/theme-filter-banner.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { X, Eye } from 'lucide-react';\nimport { getSignalHue } from './signal-colors';\nimport { signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { nodeColor } from '@/ds/components/SankeyChart';\n\nfunction selectionLabel(catalog: readonly SignalCatalogEntry[], selection: ThemeSelection) {\n  return `${signalLabel(catalog, selection.signalName)} · ${selection.kind === 'theme' ? selection.label : 'Noise'}`;\n}\n\nfunction filterSummary({\n  selections,\n  filteredTraceCount,\n  totalTraceCount,\n  isUnavailable,\n}: {\n  selections: ThemeSelection[];\n  filteredTraceCount?: number;\n  totalTraceCount: number;\n  isUnavailable?: boolean;\n}) {\n  if (isUnavailable) return 'Filters unavailable for this snapshot';\n  if (filteredTraceCount === undefined) return 'Loading matching traces…';\n  const onlySelection = selections.length === 1 ? selections[0] : undefined;\n  if (onlySelection?.kind === 'noise') {\n    return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces assigned to Noise`;\n  }\n  if (onlySelection) {\n    return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that flow through this theme`;\n  }\n  return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that match these filters`;\n}\n\nexport function ThemeFilterBanner({\n  selections,\n  filteredTraceCount,\n  totalTraceCount,\n  isUnavailable,\n  onViewDetails,\n  onRemove,\n  onClear,\n}: {\n  selections: ThemeSelection[];\n  filteredTraceCount?: number;\n  totalTraceCount: number;\n  isUnavailable?: boolean;\n  onViewDetails: (selection: ThemeSelection) => void;\n  onRemove: (signalName: ThemeSelection['signalName']) => void;\n  onClear: () => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const colors = selections.map(selection => nodeColor(getSignalHue(selection.signalName)));\n  const latestSelection = selections.at(-1);\n  const backgroundGradient = `linear-gradient(90deg, ${colors\n    .map(color => `color-mix(in srgb, ${color} 8%, transparent)`)\n    .join(', ')})`;\n  const borderGradient = `linear-gradient(90deg, ${colors\n    .map(color => `color-mix(in srgb, ${color} 35%, transparent)`)\n    .join(', ')})`;\n\n  return (\n    <section\n      aria-label=\"Active theme drill-in\"\n      className=\"relative flex flex-wrap items-center gap-x-4 gap-y-2 rounded-lg border border-transparent px-3 py-2\"\n      style={{ backgroundImage: `${backgroundGradient}, ${borderGradient}`, backgroundClip: 'padding-box, border-box' }}\n    >\n      {selections.map((selection, index) => {\n        const color = colors[index];\n        return (\n          <button\n            key={selection.signalName}\n            aria-label={\n              selections.length === 1\n                ? `Clear ${selection.kind} filter`\n                : `Clear filter ${selectionLabel(signalCatalog, selection)}`\n            }\n            className=\"border-border1 bg-surface2 text-ui-sm text-neutral6 hover:bg-surface4 flex items-center gap-1.5 rounded-full border py-1 pr-2 pl-2.5 font-medium transition-colors\"\n            onClick={() => onRemove(selection.signalName)}\n            type=\"button\"\n          >\n            <span aria-hidden=\"true\" className=\"rounded-0.5 size-2\" style={{ backgroundColor: color }} />\n            {selectionLabel(signalCatalog, selection)}\n            <X aria-hidden=\"true\" className=\"size-3.5\" />\n          </button>\n        );\n      })}\n      <span className=\"text-ui-sm text-neutral4\">\n        {filterSummary({ selections, filteredTraceCount, totalTraceCount, isUnavailable })}\n      </span>\n      {!isUnavailable && filteredTraceCount !== undefined && latestSelection ? (\n        <Button\n          icon={<Eye />}\n          aria-label={\n            latestSelection.kind === 'theme'\n              ? `View theme details for ${latestSelection.label}`\n              : `View noise details for ${signalLabel(signalCatalog, latestSelection.signalName)}`\n          }\n          onClick={() => onViewDetails(latestSelection)}\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          Details →\n        </Button>\n      ) : null}\n      {selections.length > 1 ? (\n        <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n          Clear all\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme-filter-banner.es.js","sources":["../../../src/ee/signals/theme-filter-banner.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { X, Eye } from 'lucide-react';\nimport { getSignalHue } from './signal-colors';\nimport { signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { nodeColor } from '@/ds/components/SankeyChart';\n\nfunction selectionLabel(catalog: readonly SignalCatalogEntry[], selection: ThemeSelection) {\n  return `${signalLabel(catalog, selection.signalName)} · ${selection.kind === 'theme' ? selection.label : 'Noise'}`;\n}\n\nfunction filterSummary({\n  selections,\n  filteredTraceCount,\n  totalTraceCount,\n  isUnavailable,\n}: {\n  selections: ThemeSelection[];\n  filteredTraceCount?: number;\n  totalTraceCount: number;\n  isUnavailable?: boolean;\n}) {\n  if (isUnavailable) return 'Filters unavailable for this snapshot';\n  if (filteredTraceCount === undefined) return 'Loading matching traces…';\n  const onlySelection = selections.length === 1 ? selections[0] : undefined;\n  if (onlySelection?.kind === 'noise') {\n    return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces assigned to Noise`;\n  }\n  if (onlySelection) {\n    return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that flow through this theme`;\n  }\n  return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that match these filters`;\n}\n\nexport function ThemeFilterBanner({\n  selections,\n  filteredTraceCount,\n  totalTraceCount,\n  isUnavailable,\n  onViewDetails,\n  onRemove,\n  onClear,\n}: {\n  selections: ThemeSelection[];\n  filteredTraceCount?: number;\n  totalTraceCount: number;\n  isUnavailable?: boolean;\n  onViewDetails: (selection: ThemeSelection) => void;\n  onRemove: (signalName: ThemeSelection['signalName']) => void;\n  onClear: () => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const colors = selections.map(selection => nodeColor(getSignalHue(selection.signalName)));\n  const latestSelection = selections.at(-1);\n  const backgroundGradient = `linear-gradient(90deg, ${colors\n    .map(color => `color-mix(in srgb, ${color} 8%, transparent)`)\n    .join(', ')})`;\n  const borderGradient = `linear-gradient(90deg, ${colors\n    .map(color => `color-mix(in srgb, ${color} 35%, transparent)`)\n    .join(', ')})`;\n\n  return (\n    <section\n      aria-label=\"Active theme drill-in\"\n      className=\"relative flex flex-wrap items-center gap-x-4 gap-y-2 rounded-lg border border-transparent px-3 py-2\"\n      style={{ backgroundImage: `${backgroundGradient}, ${borderGradient}`, backgroundClip: 'padding-box, border-box' }}\n    >\n      {selections.map((selection, index) => {\n        const color = colors[index];\n        return (\n          <button\n            key={selection.signalName}\n            aria-label={\n              selections.length === 1\n                ? `Clear ${selection.kind} filter`\n                : `Clear filter ${selectionLabel(signalCatalog, selection)}`\n            }\n            className=\"state-layer border-border bg-background text-column text-foreground flex items-center gap-1.5 rounded-full border py-1 pr-2 pl-2.5\"\n            onClick={() => onRemove(selection.signalName)}\n            type=\"button\"\n          >\n            <span aria-hidden=\"true\" className=\"rounded-0.5 size-2\" style={{ backgroundColor: color }} />\n            {selectionLabel(signalCatalog, selection)}\n            <X aria-hidden=\"true\" className=\"size-3.5\" />\n          </button>\n        );\n      })}\n      <span className=\"text-caption text-muted-foreground\">\n        {filterSummary({ selections, filteredTraceCount, totalTraceCount, isUnavailable })}\n      </span>\n      {!isUnavailable && filteredTraceCount !== undefined && latestSelection ? (\n        <Button\n          icon={<Eye />}\n          aria-label={\n            latestSelection.kind === 'theme'\n              ? `View theme details for ${latestSelection.label}`\n              : `View noise details for ${signalLabel(signalCatalog, latestSelection.signalName)}`\n          }\n          onClick={() => onViewDetails(latestSelection)}\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          Details →\n        </Button>\n      ) : null}\n      {selections.length > 1 ? (\n        <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n          Clear all\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -56,7 +56,7 @@ function ThemeLifelines({
       ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "w-9 shrink-0" })
     ] }),
-    snapshots[selectedIndex] ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral4 text-ui-sm font-mono", "data-testid": "snapshot-summary", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
+    snapshots[selectedIndex] ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption font-mono", "data-testid": "snapshot-summary", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
     signalNames.map((signalName) => /* @__PURE__ */ jsxRuntime.jsx(
       ee_signals_signalLifelines.SignalLifelines,
       {

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

@@ -1 +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 text-ui-sm font-mono\" 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,oCAAA,EAAqC,aAAA,EAAY,kBAAA,EAC3D,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;;;;"}
+{"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-muted-foreground text-caption font-mono\" 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,8CAAA,EAA+C,aAAA,EAAY,kBAAA,EACrE,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.es.js

@@ -52,7 +52,7 @@ function ThemeLifelines({
       ),
       /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "w-9 shrink-0" })
     ] }),
-    snapshots[selectedIndex] ? /* @__PURE__ */ jsx("p", { className: "text-neutral4 text-ui-sm font-mono", "data-testid": "snapshot-summary", children: snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
+    snapshots[selectedIndex] ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption font-mono", "data-testid": "snapshot-summary", children: snapshotSummaryLabel(snapshots[selectedIndex], flows[selectedIndex]) }) : null,
     signalNames.map((signalName) => /* @__PURE__ */ jsx(
       SignalLifelines,
       {

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

@@ -1 +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 text-ui-sm font-mono\" 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,oCAAA,EAAqC,aAAA,EAAY,kBAAA,EAC3D,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;;;;"}
+{"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-muted-foreground text-caption font-mono\" 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,8CAAA,EAA+C,aAAA,EAAY,kBAAA,EACrE,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

@@ -4,7 +4,7 @@ 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-_cda-a7s.cjs');
+const tooltip = require('../../tooltip-FvWL16Xn.cjs');
 
 const TREND_CHART_HEIGHT = 32;
 function trendPointLabel(point) {
@@ -72,7 +72,7 @@ function ThemeTrendChart({ points, color }) {
         ] }, point.snapshotId);
       })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral3 text-ui-sm mt-1 flex justify-between font-mono", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground text-caption mt-1 flex justify-between font-mono", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(firstPoint.startedAt) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(lastPoint.startedAt) })
     ] })

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

@@ -1 +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 text-ui-sm mt-1 flex justify-between font-mono\">\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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"}
+{"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-muted-foreground text-caption mt-1 flex justify-between font-mono\">\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.es.js

@@ -1,6 +1,6 @@
 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-QuS0KEbc.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 
 const TREND_CHART_HEIGHT = 32;
 function trendPointLabel(point) {
@@ -68,7 +68,7 @@ function ThemeTrendChart({ points, color }) {
         ] }, point.snapshotId);
       })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-neutral3 text-ui-sm mt-1 flex justify-between font-mono", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-caption mt-1 flex justify-between font-mono", children: [
       /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(firstPoint.startedAt) }),
       /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(lastPoint.startedAt) })
     ] })

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

@@ -1 +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 text-ui-sm mt-1 flex justify-between font-mono\">\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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"}
+{"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-muted-foreground text-caption mt-1 flex justify-between font-mono\">\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/trace-insight-view.cjs.js

@@ -8,8 +8,10 @@ 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-C2dx_QZN.cjs');
+const Button = require('../../Button-CVewl8nT.cjs');
 const icons_TraceIcon = require('../../icons/TraceIcon.cjs.js');
+const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
+const utils_cn = require('../../cn-DG0X1KEP.cjs');
 
 function TraceInsightView({ traceId, onBack }) {
   const { LinkComponent, getTraceHref } = ee_signals_useTraceIntelligence.useTraceIntelligence();
@@ -28,8 +30,8 @@ function TraceInsightView({ traceId, onBack }) {
         }
       )
     ] }),
-    insightQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral3", children: "Loading trace insight…" }),
-    insightQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-red-500", children: "Unable to load the trace insight." }),
+    insightQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground", children: "Loading trace insight…" }),
+    insightQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-red-500", children: "Unable to load the trace insight." }),
     insightQuery.data && /* @__PURE__ */ jsxRuntime.jsx(TraceInsightBody, { insight: insightQuery.data })
   ] });
 }
@@ -47,47 +49,47 @@ function parseTraceObservation(observation) {
   };
 }
 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"
+  info: primitives_raisedSurface.raisedSurfaceStyle,
+  success: "border border-green-400/30 bg-green-500/10",
+  problem: "border border-red-400/30 bg-red-500/10"
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `text-ui-md rounded-md border p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-ui-xs text-neutral3 font-mono tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-meta text-muted-foreground font-mono 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 })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-foreground ${kind === void 0 ? "" : "mt-1"}`, children: text })
   ] });
 }
 function TraceInsightBody({ insight }) {
   const { signalCatalog } = ee_signals_useTraceIntelligence.useTraceIntelligence();
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    insight.summary === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral3", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
+    insight.summary === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground", 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-ui-sm text-neutral3 font-mono tracking-wider uppercase",
+          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
           children: "Trace summary"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md text-neutral5 mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "text-ui-md mt-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-neutral3", children: "Current task" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-neutral5 mt-1", children: insight.summary.currentTask })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-foreground mt-3", children: insight.summary.summary }),
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "text-body mt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground mt-1", children: insight.summary.currentTask })
       ] }),
-      insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-md mt-4 text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body mt-4 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-ui-sm text-neutral3 mt-4 font-mono tracking-wider uppercase",
+            className: "text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase",
             children: "Observations"
           }
         ),
@@ -99,13 +101,13 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-signals-heading",
-          className: "text-ui-sm text-neutral3 font-mono tracking-wider uppercase",
+          className: "text-caption text-muted-foreground font-mono 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 text-ui-md rounded-md border p-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3", children: ee_signals_signalFormatting.signalLabel(signalCatalog, signal.signalName) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral5 mt-1", children: signal.signalText })
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "text-body rounded-md p-3"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: ee_signals_signalFormatting.signalLabel(signalCatalog, signal.signalName) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground mt-1", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"trace-insight-view.cjs.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\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 icon={<ChevronLeft />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-ui-md text-neutral3\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-ui-md 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={`text-ui-md rounded-md border p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-ui-xs text-neutral3 font-mono 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  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <p className=\"text-ui-md text-neutral3\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-ui-sm text-neutral3 font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-ui-md text-neutral5 mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-ui-md mt-4\">\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=\"text-ui-md mt-4 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-ui-sm text-neutral3 mt-4 font-mono 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\n            id=\"trace-insight-signals-heading\"\n            className=\"text-ui-sm text-neutral3 font-mono tracking-wider uppercase\"\n          >\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 text-ui-md rounded-md border p-3\">\n                <p className=\"text-neutral3\">{signalLabel(signalCatalog, 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","ChevronLeft","TraceIcon","Fragment"],"mappings":"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"}
+{"version":3,"file":"trace-insight-view.cjs.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\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 icon={<ChevronLeft />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body 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: raisedSurfaceStyle,\n  success: 'border border-green-400/30 bg-green-500/10',\n  problem: 'border 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={`text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-meta text-muted-foreground font-mono 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-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-body text-foreground mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-body mt-4\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"text-foreground mt-1\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"text-body mt-4 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-caption text-muted-foreground mt-4 font-mono 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\n            id=\"trace-insight-signals-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\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={cn(raisedSurfaceStyle, 'text-body rounded-md p-3')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"text-foreground mt-1\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":["useTraceIntelligence","useTraceInsight","jsxs","jsx","Button","ChevronLeft","TraceIcon","raisedSurfaceStyle","Fragment","cn"],"mappings":"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"}

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

@@ -4,8 +4,10 @@ import '@tanstack/react-query';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { useTraceInsight } from './hooks/use-trace-insight.es.js';
 import { signalLabel } from './signal-formatting.es.js';
-import { B as Button } from '../../Button-DS6O6fvU.js';
+import { B as Button } from '../../Button-cWcBEd-G.js';
 import { TraceIcon } from '../../icons/TraceIcon.es.js';
+import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
+import { c as cn } from '../../cn-65Adrsfj.js';
 
 function TraceInsightView({ traceId, onBack }) {
   const { LinkComponent, getTraceHref } = useTraceIntelligence();
@@ -24,8 +26,8 @@ function TraceInsightView({ traceId, onBack }) {
         }
       )
     ] }),
-    insightQuery.isPending && /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral3", children: "Loading trace insight…" }),
-    insightQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-ui-md text-red-500", children: "Unable to load the trace insight." }),
+    insightQuery.isPending && /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: "Loading trace insight…" }),
+    insightQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-body text-red-500", children: "Unable to load the trace insight." }),
     insightQuery.data && /* @__PURE__ */ jsx(TraceInsightBody, { insight: insightQuery.data })
   ] });
 }
@@ -43,47 +45,47 @@ function parseTraceObservation(observation) {
   };
 }
 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"
+  info: raisedSurfaceStyle,
+  success: "border border-green-400/30 bg-green-500/10",
+  problem: "border border-red-400/30 bg-red-500/10"
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxs("li", { className: `text-ui-md rounded-md border p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxs("p", { className: "text-ui-xs text-neutral3 font-mono tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxs("li", { className: `text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxs("p", { className: "text-meta text-muted-foreground font-mono tracking-wider uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "text-red-400", children: "problem" }),
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " · " })
       ] }),
       /* @__PURE__ */ jsx("span", { children: kind })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: `text-neutral5 ${kind === void 0 ? "" : "mt-1"}`, children: text })
+    /* @__PURE__ */ jsx("p", { className: `text-foreground ${kind === void 0 ? "" : "mt-1"}`, children: text })
   ] });
 }
 function TraceInsightBody({ insight }) {
   const { signalCatalog } = useTraceIntelligence();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    insight.summary === void 0 ? /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral3", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
+    insight.summary === void 0 ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: "No insight available yet for this trace." }) : /* @__PURE__ */ jsxs("section", { "aria-labelledby": "trace-insight-summary-heading", children: [
       /* @__PURE__ */ jsx(
         "h2",
         {
           id: "trace-insight-summary-heading",
-          className: "text-ui-sm text-neutral3 font-mono tracking-wider uppercase",
+          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
           children: "Trace summary"
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-ui-md text-neutral5 mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "text-ui-md mt-4", children: [
-        /* @__PURE__ */ jsx("dt", { className: "text-neutral3", children: "Current task" }),
-        /* @__PURE__ */ jsx("dd", { className: "text-neutral5 mt-1", children: insight.summary.currentTask })
+      /* @__PURE__ */ jsx("p", { className: "text-body text-foreground mt-3", children: insight.summary.summary }),
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxs("dl", { className: "text-body mt-4", children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
+        /* @__PURE__ */ jsx("dd", { className: "text-foreground mt-1", children: insight.summary.currentTask })
       ] }),
-      insight.summary.degenerate === true && /* @__PURE__ */ jsx("p", { className: "text-ui-md mt-4 text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsx("p", { className: "text-body mt-4 text-red-500", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           "h3",
           {
             id: "trace-insight-observations-heading",
-            className: "text-ui-sm text-neutral3 mt-4 font-mono tracking-wider uppercase",
+            className: "text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase",
             children: "Observations"
           }
         ),
@@ -95,13 +97,13 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-signals-heading",
-          className: "text-ui-sm text-neutral3 font-mono tracking-wider uppercase",
+          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
           children: "Trace signal summaries"
         }
       ),
-      /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxs("li", { className: "border-border1 bg-surface3 text-ui-md rounded-md border p-3", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-neutral3", children: signalLabel(signalCatalog, signal.signalName) }),
-        /* @__PURE__ */ jsx("p", { className: "text-neutral5 mt-1", children: signal.signalText })
+      /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxs("li", { className: cn(raisedSurfaceStyle, "text-body rounded-md p-3"), children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: signalLabel(signalCatalog, signal.signalName) }),
+        /* @__PURE__ */ jsx("p", { className: "text-foreground mt-1", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"trace-insight-view.es.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\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 icon={<ChevronLeft />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-ui-md text-neutral3\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-ui-md 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={`text-ui-md rounded-md border p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-ui-xs text-neutral3 font-mono 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  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <p className=\"text-ui-md text-neutral3\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-ui-sm text-neutral3 font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-ui-md text-neutral5 mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-ui-md mt-4\">\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=\"text-ui-md mt-4 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-ui-sm text-neutral3 mt-4 font-mono 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\n            id=\"trace-insight-signals-heading\"\n            className=\"text-ui-sm text-neutral3 font-mono tracking-wider uppercase\"\n          >\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 text-ui-md rounded-md border p-3\">\n                <p className=\"text-neutral3\">{signalLabel(signalCatalog, 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":[],"mappings":"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"}
+{"version":3,"file":"trace-insight-view.es.js","sources":["../../../src/ee/signals/trace-insight-view.tsx"],"sourcesContent":["import { ChevronLeft } from 'lucide-react';\nimport { useTraceInsight } from './hooks';\nimport { signalLabel } from './signal-formatting';\nimport type { TraceInsightResponse } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { TraceIcon } from '@/ds/icons/TraceIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\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 icon={<ChevronLeft />} variant=\"outline\" size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button\n          icon={<TraceIcon />}\n          render={<LinkComponent href={getTraceHref(traceId)} />}\n          variant=\"outline\"\n          size=\"sm\"\n        >\n          Open full trace\n        </Button>\n      </div>\n      {insightQuery.isPending && <p className=\"text-body text-muted-foreground\">Loading trace insight…</p>}\n      {insightQuery.isError && <p className=\"text-body 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: raisedSurfaceStyle,\n  success: 'border border-green-400/30 bg-green-500/10',\n  problem: 'border 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={`text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"text-meta text-muted-foreground font-mono 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-foreground ${kind === undefined ? '' : 'mt-1'}`}>{text}</p>\n    </li>\n  );\n}\n\nfunction TraceInsightBody({ insight }: { insight: TraceInsightResponse }) {\n  const { signalCatalog } = useTraceIntelligence();\n  return (\n    <>\n      {insight.summary === undefined ? (\n        <p className=\"text-body text-muted-foreground\">No insight available yet for this trace.</p>\n      ) : (\n        <section aria-labelledby=\"trace-insight-summary-heading\">\n          <h2\n            id=\"trace-insight-summary-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"text-body text-foreground mt-3\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"text-body mt-4\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"text-foreground mt-1\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"text-body mt-4 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-caption text-muted-foreground mt-4 font-mono 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\n            id=\"trace-insight-signals-heading\"\n            className=\"text-caption text-muted-foreground font-mono tracking-wider uppercase\"\n          >\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={cn(raisedSurfaceStyle, 'text-body rounded-md p-3')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"text-foreground mt-1\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAO,EAA0B;AAC3E,EAAA,MAAM,EAAE,aAAA,EAAe,YAAA,EAAa,GAAI,oBAAA,EAAqB;AAC7D,EAAA,MAAM,YAAA,GAAe,gBAAgB,OAAO,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,QAAA,EAAA,kBAAA,EAE5E,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,UACjB,wBAAQ,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,YAAA,CAAa,OAAO,CAAA,EAAG,CAAA;AAAA,UACpD,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACN,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF,CAAA;AAAA,IACC,aAAa,SAAA,oBAAa,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mCAAkC,QAAA,EAAA,wBAAA,EAAsB,CAAA;AAAA,IAC/F,aAAa,OAAA,oBAAW,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAyB,QAAA,EAAA,mCAAA,EAAiC,CAAA;AAAA,IAC/F,aAAa,IAAA,oBAAQ,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAS,aAAa,IAAA,EAAM;AAAA,GAAA,EACtE,CAAA;AAEJ;AAUA,SAAS,sBAAsB,KAAA,EAA6C;AAC1E,EAAA,OAAO,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,SAAA,IAAa,KAAA,KAAU,SAAA;AAC9D;AASA,SAAS,sBAAsB,WAAA,EAAwC;AACrE,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,KAAA,CAAM,2CAA2C,CAAA;AAC3E,EAAA,IAAI,CAAC,KAAA,EAAO,OAAO,EAAE,MAAM,WAAA,EAAY;AACvC,EAAA,MAAM,CAAC,MAAA,EAAQ,QAAA,EAAU,IAAI,CAAA,GAAI,KAAA;AACjC,EAAA,OAAO;AAAA,IACL,UAAU,QAAA,KAAa,MAAA,IAAa,qBAAA,CAAsB,QAAQ,IAAI,QAAA,GAAW,MAAA;AAAA,IACjF,IAAA;AAAA,IACA,IAAA,EAAM,WAAA,CAAY,KAAA,CAAM,MAAA,CAAO,MAAM;AAAA,GACvC;AACF;AAEA,MAAM,yBAAA,GAAiE;AAAA,EACrE,IAAA,EAAM,kBAAA;AAAA,EACN,OAAA,EAAS,4CAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAEA,SAAS,eAAA,CAAgB,EAAE,WAAA,EAAY,EAA4B;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,EAAK,GAAI,sBAAsB,WAAW,CAAA;AAElE,EAAA,uBACE,IAAA,CAAC,QAAG,SAAA,EAAW,CAAA,yBAAA,EAA4B,0BAA0B,QAAA,IAAY,MAAM,CAAC,CAAA,CAAA,EACrF,QAAA,EAAA;AAAA,IAAA,IAAA,KAAS,MAAA,oBACR,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oEAAA,EACV,QAAA,EAAA;AAAA,MAAA,QAAA,KAAa,6BACZ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,wBACtC,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,KAAA,EAAG;AAAA,OAAA,EAC9B,CAAA;AAAA,sBAEF,GAAA,CAAC,UAAM,QAAA,EAAA,IAAA,EAAK;AAAA,KAAA,EACd,CAAA;AAAA,oBAEF,GAAA,CAAC,OAAE,SAAA,EAAW,CAAA,gBAAA,EAAmB,SAAS,MAAA,GAAY,EAAA,GAAK,MAAM,CAAA,CAAA,EAAK,QAAA,EAAA,IAAA,EAAK;AAAA,GAAA,EAC7E,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAQ,EAAsC;AACxE,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,oBAAA,EAAqB;AAC/C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,OAAA,CAAQ,OAAA,KAAY,MAAA,mBACnB,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,0CAAA,EAAwC,CAAA,mBAEvF,IAAA,CAAC,SAAA,EAAA,EAAQ,iBAAA,EAAgB,+BAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,+BAAA;AAAA,UACH,SAAA,EAAU,uEAAA;AAAA,UACX,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,0BACC,GAAA,EAAA,EAAE,SAAA,EAAU,gCAAA,EAAkC,QAAA,EAAA,OAAA,CAAQ,QAAQ,OAAA,EAAQ,CAAA;AAAA,MACtE,QAAQ,OAAA,CAAQ,WAAA,KAAgB,0BAC/B,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,4BACjD,IAAA,EAAA,EAAG,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,OAAA,CAAQ,QAAQ,WAAA,EAAY;AAAA,OAAA,EACpE,CAAA;AAAA,MAED,OAAA,CAAQ,QAAQ,UAAA,KAAe,IAAA,wBAC7B,GAAA,EAAA,EAAE,SAAA,EAAU,+BAA8B,QAAA,EAAA,kDAAA,EAAgD,CAAA;AAAA,MAE5F,OAAA,CAAQ,OAAA,CAAQ,YAAA,CAAa,MAAA,GAAS,qBACrC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,oCAAA;AAAA,YACH,SAAA,EAAU,4EAAA;AAAA,YACX,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACA,GAAA,CAAC,QAAG,iBAAA,EAAgB,oCAAA,EAAqC,WAAU,gBAAA,EAChE,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,CAAC,aAAa,KAAA,qBAC9C,GAAA,CAAC,mBAAgD,WAAA,EAAA,EAA3B,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,KAAK,CAAA,CAA8B,CAC5E,CAAA,EACH;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,IAED,QAAQ,OAAA,CAAQ,MAAA,GAAS,qBACxB,IAAA,CAAC,SAAA,EAAA,EAAQ,mBAAgB,+BAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,+BAAA;AAAA,UACH,SAAA,EAAU,uEAAA;AAAA,UACX,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACX,kBAAQ,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,qBACnB,IAAA,CAAC,IAAA,EAAA,EAA2B,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoB,0BAA0B,CAAA,EACtF,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAE,SAAA,EAAU,uBAAA,EAAyB,sBAAY,aAAA,EAAe,MAAA,CAAO,UAAU,CAAA,EAAE,CAAA;AAAA,wBACpF,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sBAAA,EAAwB,iBAAO,UAAA,EAAW;AAAA,OAAA,EAAA,EAFhD,MAAA,CAAO,UAGhB,CACD,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}