@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

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

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

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

@@ -15,7 +15,7 @@ const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_themeTrend = require('./theme-trend.cjs.js');
 const ee_signals_themeTrendChart = require('./theme-trend-chart.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-B6Ftum77.cjs');
+const drawer = require('../../drawer-DpldATv1.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 const tooltip = require('../../tooltip-FvWL16Xn.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');

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

@@ -11,7 +11,7 @@ import { signalLabel, signalDescription, shareSentence, formatSnapshotDate } fro
 import { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend.es.js';
 import { ThemeTrendChart } from './theme-trend-chart.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-CnCsgToD.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DZnqDb9H.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';

package/dist/ee/signals/theme-filter-banner.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
-const Button = require('../../Button-MMZPEb_q.cjs');
+const Button = require('../../Button-BAMnPqos.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 
 function selectionLabel(catalog, selection) {

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

@@ -3,7 +3,7 @@ import { X, Eye } from 'lucide-react';
 import { getSignalHue } from './signal-colors.es.js';
 import { signalLabel } from './signal-formatting.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
-import { B as Button } from '../../Button-KUj0U-5I.js';
+import { B as Button } from '../../Button-B8nF87ai.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 
 function selectionLabel(catalog, selection) {

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

@@ -8,7 +8,7 @@ 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-MMZPEb_q.cjs');
+const Button = require('../../Button-BAMnPqos.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');
@@ -18,17 +18,8 @@ function TraceInsightView({ traceId, onBack }) {
   const insightQuery = ee_signals_hooks_useTraceInsight.useTraceInsight(traceId);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid content-start gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}), variant: "outline", size: "sm", onClick: onBack, children: "Back to examples" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button.Button,
-        {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons_TraceIcon.TraceIcon, {}),
-          render: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: getTraceHref(traceId) }),
-          variant: "outline",
-          size: "sm",
-          children: "Open full trace"
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}), size: "sm", onClick: onBack, children: "Back to examples" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons_TraceIcon.TraceIcon, {}), render: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: getTraceHref(traceId) }), size: "sm", children: "Open full trace" })
     ] }),
     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." }),

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';\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={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"font-mono text-meta tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4 text-body\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"mt-4 text-body 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=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground 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, 'rounded-md p-3 text-body')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"mt-1 text-foreground\">{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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"}
+{"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 />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\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={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"font-mono text-meta tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4 text-body\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"mt-4 text-body 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=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground 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, 'rounded-md p-3 text-body')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"mt-1 text-foreground\">{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,7 +4,7 @@ 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-KUj0U-5I.js';
+import { B as Button } from '../../Button-B8nF87ai.js';
 import { TraceIcon } from '../../icons/TraceIcon.es.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
 import { c as cn } from '../../cn-65Adrsfj.js';
@@ -14,17 +14,8 @@ function TraceInsightView({ traceId, onBack }) {
   const insightQuery = useTraceInsight(traceId);
   return /* @__PURE__ */ jsxs("div", { className: "grid content-start gap-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(ChevronLeft, {}), variant: "outline", size: "sm", onClick: onBack, children: "Back to examples" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(TraceIcon, {}),
-          render: /* @__PURE__ */ jsx(LinkComponent, { href: getTraceHref(traceId) }),
-          variant: "outline",
-          size: "sm",
-          children: "Open full trace"
-        }
-      )
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(ChevronLeft, {}), size: "sm", onClick: onBack, children: "Back to examples" }),
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(TraceIcon, {}), render: /* @__PURE__ */ jsx(LinkComponent, { href: getTraceHref(traceId) }), size: "sm", children: "Open full trace" })
     ] }),
     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." }),

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';\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={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"font-mono text-meta tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4 text-body\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"mt-4 text-body 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=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground 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, 'rounded-md p-3 text-body')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"mt-1 text-foreground\">{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 />} size=\"sm\" onClick={onBack}>\n          Back to examples\n        </Button>\n        <Button icon={<TraceIcon />} render={<LinkComponent href={getTraceHref(traceId)} />} size=\"sm\">\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={`rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? 'info']}`}>\n      {kind !== undefined && (\n        <p className=\"font-mono text-meta tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n          >\n            Trace summary\n          </h2>\n          <p className=\"mt-3 text-body text-foreground\">{insight.summary.summary}</p>\n          {insight.summary.currentTask !== undefined && (\n            <dl className=\"mt-4 text-body\">\n              <dt className=\"text-muted-foreground\">Current task</dt>\n              <dd className=\"mt-1 text-foreground\">{insight.summary.currentTask}</dd>\n            </dl>\n          )}\n          {insight.summary.degenerate === true && (\n            <p className=\"mt-4 text-body 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=\"mt-4 font-mono text-caption tracking-wider text-muted-foreground 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=\"font-mono text-caption tracking-wider text-muted-foreground 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, 'rounded-md p-3 text-body')}>\n                <p className=\"text-muted-foreground\">{signalLabel(signalCatalog, signal.signalName)}</p>\n                <p className=\"mt-1 text-foreground\">{signal.signalText}</p>\n              </li>\n            ))}\n          </ul>\n        </section>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/view-mode-tab.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const tabsTab = require('../../tabs-tab-ClmulJmM.cjs');
+const tabsTab = require('../../tabs-tab-DFmRMdi3.cjs');
 const Txt = require('../../Txt-B4-2nLaI.cjs');
 const icons_Icon = require('../../icons/Icon.cjs.js');
 

package/dist/ee/signals/view-mode-tab.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Tab } from '../../tabs-tab-u6LS5twu.js';
+import { T as Tab } from '../../tabs-tab-DluwCnDF.js';
 import { T as Txt } from '../../Txt-DTh3Pa_a.js';
 import { Icon } from '../../icons/Icon.es.js';
 

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-MMZPEb_q.cjs');
-const dataList = require('../../../data-list-DSbuTWLI.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const dataList = require('../../../data-list-CH3HAhK5.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-DaIV9Orp.cjs');
+const inputGroup = require('../../../input-group-BfnJ0RIj.cjs');
 
 function TopicTraceSummaryList({
   traces,
@@ -54,22 +54,13 @@ function TopicTraceSummaryList({
         trace.id
       ))
     ] }),
-    visible.hasMore ? /* @__PURE__ */ jsxRuntime.jsxs(
-      Button.Button,
-      {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}),
-        variant: "outline",
-        size: "sm",
-        onClick: () => setPage((currentPage) => currentPage + 1),
-        children: [
-          "Load more traces (",
-          visible.traces.length,
-          " of ",
-          visible.total,
-          ")"
-        ]
-      }
-    ) : null
+    visible.hasMore ? /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}), size: "sm", onClick: () => setPage((currentPage) => currentPage + 1), children: [
+      "Load more traces (",
+      visible.traces.length,
+      " of ",
+      visible.total,
+      ")"
+    ] }) : null
   ] });
 }
 

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button\n          icon={<ChevronDown />}\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => setPage(currentPage => currentPage + 1)}\n        >\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","InputGroup","jsx","InputGroupAddon","SearchIcon","InputGroupInput","DataList","Button","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","InputGroup","jsx","InputGroupAddon","SearchIcon","InputGroupInput","DataList","Button","ChevronDown"],"mappings":"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"}

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchIcon, ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
-import { D as DataList } from '../../../data-list-Cn0Ls4l2.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { D as DataList } from '../../../data-list-DXjH5wkB.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-B-pskRGt.js';
+import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-Jt7lZsN9.js';
 
 function TopicTraceSummaryList({
   traces,
@@ -50,22 +50,13 @@ function TopicTraceSummaryList({
         trace.id
       ))
     ] }),
-    visible.hasMore ? /* @__PURE__ */ jsxs(
-      Button,
-      {
-        icon: /* @__PURE__ */ jsx(ChevronDown, {}),
-        variant: "outline",
-        size: "sm",
-        onClick: () => setPage((currentPage) => currentPage + 1),
-        children: [
-          "Load more traces (",
-          visible.traces.length,
-          " of ",
-          visible.total,
-          ")"
-        ]
-      }
-    ) : null
+    visible.hasMore ? /* @__PURE__ */ jsxs(Button, { icon: /* @__PURE__ */ jsx(ChevronDown, {}), size: "sm", onClick: () => setPage((currentPage) => currentPage + 1), children: [
+      "Load more traces (",
+      visible.traces.length,
+      " of ",
+      visible.total,
+      ")"
+    ] }) : null
   ] });
 }
 

package/dist/ee/topics/components/topic-trace-summary-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button\n          icon={<ChevronDown />}\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => setPage(currentPage => currentPage + 1)}\n        >\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MAAM,yBAAyB,MAAA,EAAQ,EAAE,QAAQ,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,IACjF,CAAC,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,GACjC;AAEA,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,mBAAA,CAAoB,EAAE,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,CAAA;AAE1F,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oCAAA,EAAqC,cAAW,uBAAA,EACjE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAM,cAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAW,eAAA;AAAA,UACX,WAAA,EAAY,eAAA;AAAA,UACZ,UAAU,CAAA,KAAA,KAAS;AACjB,YAAA,SAAA,CAAU,KAAA,CAAM,OAAO,KAAK,CAAA;AAC5B,YAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,UACX;AAAA;AAAA;AACF,KAAA,EACF,CAAA;AAAA,yBAEC,QAAA,EAAA,EAAS,OAAA,EAAQ,qBAAoB,SAAA,EAAU,gBAAA,EAAiB,WAAW,YAAA,EAC1E,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,GAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,QAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,eAAA,EAAa,GACjC,CAAA,EACF,CAAA;AAAA,MAEC,QAAQ,MAAA,CAAO,MAAA,KAAW,CAAA,mBACzB,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,gCAAA,EAAiC,IAE3D,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,qBACzB,GAAA;AAAA,QAAC,QAAA,CAAS,SAAA;AAAA,QAAT;AAAA,UAEE,GAAG,YAAY,KAAK,CAAA;AAAA,UACrB,QAAA,EAAU,oBAAoB,KAAA,CAAM,EAAA;AAAA,UACpC,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,cAAA,EAAc,oBAAoB,KAAA,CAAM,EAAA;AAAA,UAExC,8BAAC,QAAA,CAAS,QAAA,EAAT,EAAmB,QAAA,EAAA,KAAA,CAAM,IAAA,IAAQ,MAAM,EAAA,EAAG;AAAA,SAAA;AAAA,QANtC,KAAA,CAAM;AAAA,OAQd;AAAA,KAAA,EAEL,CAAA;AAAA,IAEC,QAAQ,OAAA,mBACP,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA;AAAA,QACnB,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAA,WAAA,KAAe,cAAc,CAAC,CAAA;AAAA,QACtD,QAAA,EAAA;AAAA,UAAA,oBAAA;AAAA,UACoB,QAAQ,MAAA,CAAO,MAAA;AAAA,UAAO,MAAA;AAAA,UAAK,OAAA,CAAQ,KAAA;AAAA,UAAM;AAAA;AAAA;AAAA,KAC9D,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{filter-bar-chip-BlvuAPve.js → filter-bar-chip-7X4Aw_WH.js}

@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { CheckIcon, LockIcon, XIcon, SearchIcon, PencilIcon } from 'lucide-react';
 import { createContext, useContext, useRef, useMemo, useState, useCallback, forwardRef, useEffect } from 'react';
 import { i as isFilterBarGroup, p as parseFieldValue } from './types-CIPrYAzY.js';
-import { c as comboboxStyles } from './combobox-styles-iuJUkJEQ.js';
+import { c as comboboxStyles } from './combobox-styles-BhUqhOvz.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { S as Spinner } from './spinner-ylbE0TJA.js';
 import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from './primitives/fluid-menu.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
-import { B as Button } from './Button-KUj0U-5I.js';
+import { B as Button } from './Button-B8nF87ai.js';
 import { K as Kbd } from './kbd-BDVTQHD_.js';
 import { controlHeight } from './primitives/control-size.es.js';
 import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
@@ -1207,4 +1207,4 @@ FilterBarChip.Value = FilterBarChipValue;
 FilterBarChip.Remove = FilterBarChipRemove;
 
 export { FilterBarChip as F, FilterBarFieldLabel as a, findGroup as b, useValueStep as c, FILTER_BAR_CONTROL_SIZE as d, editableSegmentClass as e, fieldSegmentAccentStyle as f, FilterBarOptionList as g, FilterBarOptionLabel as h, countLeaves as i, chipClass as j, FILTER_BAR_SCOPE_ATTR as k, FilterBarProvider as l, matchesQueryFilter as m, FilterBarChipField as n, FilterBarChipOperator as o, FilterBarChipRemove as p, FilterBarChipValue as q, segmentClass as s, useFilterBarContext as u };
-//# sourceMappingURL=filter-bar-chip-BlvuAPve.js.map
+//# sourceMappingURL=filter-bar-chip-7X4Aw_WH.js.map