@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

package/dist/ee/signals/sortable-signal-headers.cjs.js

@@ -10,6 +10,7 @@ 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 tooltip = require('../../tooltip-DIZ5oqjV.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
 const primitives_transitions = require('../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../primitives/typography.cjs.js');
@@ -110,7 +111,8 @@ function SortableSignalHeaders({
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 tooltip.TooltipTrigger,
                                 {
-                                  className: "cursor-default font-mono text-column tracking-wider",
+                                  render: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "eyebrow" }),
+                                  className: "cursor-default",
                                   "data-testid": "signal-column-header",
                                   style: { color: ee_signals_signalColors.getSignalColor(signalName) },
                                   children: label.toUpperCase()

package/dist/ee/signals/sortable-signal-headers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-signal-headers.cjs.js","sources":["../../../src/ee/signals/sortable-signal-headers.tsx"],"sourcesContent":["import type { DragStart, DragUpdate, DraggableStateSnapshot, DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  useKeyboardSensor,\n  useMouseSensor,\n  useTouchSensor,\n} from '@hello-pangea/dnd';\nimport { GripVertical } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { getSignalColor } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst DRAG_SENSORS = [useMouseSensor, useTouchSensor, useKeyboardSensor];\n\ntype DragProjection = {\n  sourceIndex: number;\n  destinationIndex: number;\n};\n\ntype HeaderAnchor = 'start' | 'middle' | 'end';\n\nfunction projectedHeaderIndex(index: number, projection: DragProjection | undefined) {\n  if (!projection) return index;\n  if (index === projection.sourceIndex) return projection.destinationIndex;\n  if (\n    projection.sourceIndex < projection.destinationIndex &&\n    index > projection.sourceIndex &&\n    index <= projection.destinationIndex\n  ) {\n    return index - 1;\n  }\n  if (\n    projection.destinationIndex < projection.sourceIndex &&\n    index >= projection.destinationIndex &&\n    index < projection.sourceIndex\n  ) {\n    return index + 1;\n  }\n  return index;\n}\n\nfunction headerAnchor(index: number, count: number): HeaderAnchor {\n  if (index === 0) return 'start';\n  if (index === count - 1) return 'end';\n  return 'middle';\n}\n\nfunction contentOffsetClass(anchor: HeaderAnchor) {\n  if (anchor === 'start') return 'translate-x-1/2';\n  if (anchor === 'end') return '-translate-x-1/2';\n  return '';\n}\n\nexport function SortableSignalHeaders({\n  signalNames,\n  reorderDisabled,\n  onOrderChange,\n}: {\n  signalNames: TraceSignalName[];\n  reorderDisabled: boolean;\n  onOrderChange: (signalNames: TraceSignalName[]) => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const [dragProjection, setDragProjection] = useState<DragProjection>();\n\n  function handleDragStart(start: DragStart) {\n    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });\n  }\n\n  function handleDragUpdate(update: DragUpdate) {\n    setDragProjection({\n      sourceIndex: update.source.index,\n      destinationIndex: update.destination?.index ?? update.source.index,\n    });\n  }\n\n  function handleDragEnd(result: DropResult) {\n    setDragProjection(undefined);\n    const destinationIndex = result.destination?.index;\n    if (destinationIndex === undefined || destinationIndex === result.source.index) return;\n\n    const reordered = [...signalNames];\n    const [movedSignalName] = reordered.splice(result.source.index, 1);\n    if (!movedSignalName) return;\n    reordered.splice(destinationIndex, 0, movedSignalName);\n    onOrderChange(reordered);\n  }\n\n  return (\n    <div aria-label=\"Signals\" role=\"group\">\n      <DragDropContext\n        enableDefaultSensors={false}\n        sensors={DRAG_SENSORS}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        onDragUpdate={handleDragUpdate}\n      >\n        <Droppable direction=\"horizontal\" droppableId=\"signal-column-headers\">\n          {(provided: DroppableProvided) => (\n            <div\n              {...provided.droppableProps}\n              ref={provided.innerRef}\n              aria-label=\"Trace signal column headers\"\n              className=\"flex items-center gap-1 px-8 pb-1\"\n              role=\"group\"\n            >\n              {signalNames.map((signalName, index) => {\n                const label = signalLabel(signalCatalog, signalName);\n                const projectedIndex = projectedHeaderIndex(index, dragProjection);\n                const offsetPercent =\n                  signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;\n                const anchor = headerAnchor(projectedIndex, signalNames.length);\n                return (\n                  <Draggable key={signalName} draggableId={signalName} index={index} isDragDisabled={reorderDisabled}>\n                    {(dragProvided, dragSnapshot: DraggableStateSnapshot) => (\n                      <div\n                        ref={dragProvided.innerRef}\n                        {...dragProvided.draggableProps}\n                        className=\"flex min-w-0 flex-1 basis-0 items-center justify-center py-1\"\n                        data-dragging={dragSnapshot.isDragging}\n                        style={dragProvided.draggableProps.style}\n                      >\n                        <div\n                          className=\"flex w-full justify-center\"\n                          data-testid=\"signal-column-header-alignment\"\n                          style={{ translate: `${offsetPercent}%` }}\n                        >\n                          <div\n                            className={`relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${\n                              dragSnapshot.isDragging ? `scale-1.03 ${overlaySurfaceStyle}` : ''\n                            }`}\n                            data-header-anchor={anchor}\n                            data-testid=\"signal-column-header-content\"\n                          >\n                            <Tooltip>\n                              <TooltipTrigger\n                                className=\"cursor-default font-mono text-column tracking-wider\"\n                                data-testid=\"signal-column-header\"\n                                style={{ color: getSignalColor(signalName) }}\n                              >\n                                {label.toUpperCase()}\n                              </TooltipTrigger>\n                              <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n                            </Tooltip>\n                            <div\n                              {...dragProvided.dragHandleProps}\n                              aria-disabled={reorderDisabled}\n                              aria-label={`Reorder ${label}`}\n                              className={cn(\n                                quietTextHover,\n                                controlStateColorTransition,\n                                'absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50',\n                              )}\n                              style={{ left: '100%' }}\n                              title={`Drag to reorder the ${label} column`}\n                            >\n                              <GripVertical aria-hidden=\"true\" className=\"size-3.5\" />\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </Draggable>\n                );\n              })}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n    </div>\n  );\n}\n"],"names":["useMouseSensor","useTouchSensor","useKeyboardSensor","useTraceIntelligence","useState","jsx","DragDropContext","Droppable","jsxs","signalLabel","Draggable","overlaySurfaceStyle","Tooltip","TooltipTrigger","getSignalColor","TooltipContent","signalDescription","cn","quietTextHover","controlStateColorTransition","GripVertical"],"mappings":"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"}
+{"version":3,"file":"sortable-signal-headers.cjs.js","sources":["../../../src/ee/signals/sortable-signal-headers.tsx"],"sourcesContent":["import type { DragStart, DragUpdate, DraggableStateSnapshot, DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  useKeyboardSensor,\n  useMouseSensor,\n  useTouchSensor,\n} from '@hello-pangea/dnd';\nimport { GripVertical } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { getSignalColor } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst DRAG_SENSORS = [useMouseSensor, useTouchSensor, useKeyboardSensor];\n\ntype DragProjection = {\n  sourceIndex: number;\n  destinationIndex: number;\n};\n\ntype HeaderAnchor = 'start' | 'middle' | 'end';\n\nfunction projectedHeaderIndex(index: number, projection: DragProjection | undefined) {\n  if (!projection) return index;\n  if (index === projection.sourceIndex) return projection.destinationIndex;\n  if (\n    projection.sourceIndex < projection.destinationIndex &&\n    index > projection.sourceIndex &&\n    index <= projection.destinationIndex\n  ) {\n    return index - 1;\n  }\n  if (\n    projection.destinationIndex < projection.sourceIndex &&\n    index >= projection.destinationIndex &&\n    index < projection.sourceIndex\n  ) {\n    return index + 1;\n  }\n  return index;\n}\n\nfunction headerAnchor(index: number, count: number): HeaderAnchor {\n  if (index === 0) return 'start';\n  if (index === count - 1) return 'end';\n  return 'middle';\n}\n\nfunction contentOffsetClass(anchor: HeaderAnchor) {\n  if (anchor === 'start') return 'translate-x-1/2';\n  if (anchor === 'end') return '-translate-x-1/2';\n  return '';\n}\n\nexport function SortableSignalHeaders({\n  signalNames,\n  reorderDisabled,\n  onOrderChange,\n}: {\n  signalNames: TraceSignalName[];\n  reorderDisabled: boolean;\n  onOrderChange: (signalNames: TraceSignalName[]) => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const [dragProjection, setDragProjection] = useState<DragProjection>();\n\n  function handleDragStart(start: DragStart) {\n    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });\n  }\n\n  function handleDragUpdate(update: DragUpdate) {\n    setDragProjection({\n      sourceIndex: update.source.index,\n      destinationIndex: update.destination?.index ?? update.source.index,\n    });\n  }\n\n  function handleDragEnd(result: DropResult) {\n    setDragProjection(undefined);\n    const destinationIndex = result.destination?.index;\n    if (destinationIndex === undefined || destinationIndex === result.source.index) return;\n\n    const reordered = [...signalNames];\n    const [movedSignalName] = reordered.splice(result.source.index, 1);\n    if (!movedSignalName) return;\n    reordered.splice(destinationIndex, 0, movedSignalName);\n    onOrderChange(reordered);\n  }\n\n  return (\n    <div aria-label=\"Signals\" role=\"group\">\n      <DragDropContext\n        enableDefaultSensors={false}\n        sensors={DRAG_SENSORS}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        onDragUpdate={handleDragUpdate}\n      >\n        <Droppable direction=\"horizontal\" droppableId=\"signal-column-headers\">\n          {(provided: DroppableProvided) => (\n            <div\n              {...provided.droppableProps}\n              ref={provided.innerRef}\n              aria-label=\"Trace signal column headers\"\n              className=\"flex items-center gap-1 px-8 pb-1\"\n              role=\"group\"\n            >\n              {signalNames.map((signalName, index) => {\n                const label = signalLabel(signalCatalog, signalName);\n                const projectedIndex = projectedHeaderIndex(index, dragProjection);\n                const offsetPercent =\n                  signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;\n                const anchor = headerAnchor(projectedIndex, signalNames.length);\n                return (\n                  <Draggable key={signalName} draggableId={signalName} index={index} isDragDisabled={reorderDisabled}>\n                    {(dragProvided, dragSnapshot: DraggableStateSnapshot) => (\n                      <div\n                        ref={dragProvided.innerRef}\n                        {...dragProvided.draggableProps}\n                        className=\"flex min-w-0 flex-1 basis-0 items-center justify-center py-1\"\n                        data-dragging={dragSnapshot.isDragging}\n                        style={dragProvided.draggableProps.style}\n                      >\n                        <div\n                          className=\"flex w-full justify-center\"\n                          data-testid=\"signal-column-header-alignment\"\n                          style={{ translate: `${offsetPercent}%` }}\n                        >\n                          <div\n                            className={`relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${\n                              dragSnapshot.isDragging ? `scale-1.03 ${overlaySurfaceStyle}` : ''\n                            }`}\n                            data-header-anchor={anchor}\n                            data-testid=\"signal-column-header-content\"\n                          >\n                            <Tooltip>\n                              <TooltipTrigger\n                                render={<Txt as=\"span\" variant=\"eyebrow\" />}\n                                className=\"cursor-default\"\n                                data-testid=\"signal-column-header\"\n                                style={{ color: getSignalColor(signalName) }}\n                              >\n                                {label.toUpperCase()}\n                              </TooltipTrigger>\n                              <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n                            </Tooltip>\n                            <div\n                              {...dragProvided.dragHandleProps}\n                              aria-disabled={reorderDisabled}\n                              aria-label={`Reorder ${label}`}\n                              className={cn(\n                                quietTextHover,\n                                controlStateColorTransition,\n                                'absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50',\n                              )}\n                              style={{ left: '100%' }}\n                              title={`Drag to reorder the ${label} column`}\n                            >\n                              <GripVertical aria-hidden=\"true\" className=\"size-3.5\" />\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </Draggable>\n                );\n              })}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n    </div>\n  );\n}\n"],"names":["useMouseSensor","useTouchSensor","useKeyboardSensor","useTraceIntelligence","useState","jsx","DragDropContext","Droppable","jsxs","signalLabel","Draggable","overlaySurfaceStyle","Tooltip","TooltipTrigger","Txt","getSignalColor","TooltipContent","signalDescription","cn","quietTextHover","controlStateColorTransition","GripVertical"],"mappings":"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"}

package/dist/ee/signals/sortable-signal-headers.es.js

@@ -6,6 +6,7 @@ import { getSignalColor } from './signal-colors.es.js';
 import { signalLabel, signalDescription } from './signal-formatting.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 import { overlaySurfaceStyle } from '../../primitives/raised-surface.es.js';
 import { controlStateColorTransition } from '../../primitives/transitions.es.js';
 import { quietTextHover } from '../../primitives/typography.es.js';
@@ -106,7 +107,8 @@ function SortableSignalHeaders({
                               /* @__PURE__ */ jsx(
                                 TooltipTrigger,
                                 {
-                                  className: "cursor-default font-mono text-column tracking-wider",
+                                  render: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "eyebrow" }),
+                                  className: "cursor-default",
                                   "data-testid": "signal-column-header",
                                   style: { color: getSignalColor(signalName) },
                                   children: label.toUpperCase()

package/dist/ee/signals/sortable-signal-headers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-signal-headers.es.js","sources":["../../../src/ee/signals/sortable-signal-headers.tsx"],"sourcesContent":["import type { DragStart, DragUpdate, DraggableStateSnapshot, DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  useKeyboardSensor,\n  useMouseSensor,\n  useTouchSensor,\n} from '@hello-pangea/dnd';\nimport { GripVertical } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { getSignalColor } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst DRAG_SENSORS = [useMouseSensor, useTouchSensor, useKeyboardSensor];\n\ntype DragProjection = {\n  sourceIndex: number;\n  destinationIndex: number;\n};\n\ntype HeaderAnchor = 'start' | 'middle' | 'end';\n\nfunction projectedHeaderIndex(index: number, projection: DragProjection | undefined) {\n  if (!projection) return index;\n  if (index === projection.sourceIndex) return projection.destinationIndex;\n  if (\n    projection.sourceIndex < projection.destinationIndex &&\n    index > projection.sourceIndex &&\n    index <= projection.destinationIndex\n  ) {\n    return index - 1;\n  }\n  if (\n    projection.destinationIndex < projection.sourceIndex &&\n    index >= projection.destinationIndex &&\n    index < projection.sourceIndex\n  ) {\n    return index + 1;\n  }\n  return index;\n}\n\nfunction headerAnchor(index: number, count: number): HeaderAnchor {\n  if (index === 0) return 'start';\n  if (index === count - 1) return 'end';\n  return 'middle';\n}\n\nfunction contentOffsetClass(anchor: HeaderAnchor) {\n  if (anchor === 'start') return 'translate-x-1/2';\n  if (anchor === 'end') return '-translate-x-1/2';\n  return '';\n}\n\nexport function SortableSignalHeaders({\n  signalNames,\n  reorderDisabled,\n  onOrderChange,\n}: {\n  signalNames: TraceSignalName[];\n  reorderDisabled: boolean;\n  onOrderChange: (signalNames: TraceSignalName[]) => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const [dragProjection, setDragProjection] = useState<DragProjection>();\n\n  function handleDragStart(start: DragStart) {\n    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });\n  }\n\n  function handleDragUpdate(update: DragUpdate) {\n    setDragProjection({\n      sourceIndex: update.source.index,\n      destinationIndex: update.destination?.index ?? update.source.index,\n    });\n  }\n\n  function handleDragEnd(result: DropResult) {\n    setDragProjection(undefined);\n    const destinationIndex = result.destination?.index;\n    if (destinationIndex === undefined || destinationIndex === result.source.index) return;\n\n    const reordered = [...signalNames];\n    const [movedSignalName] = reordered.splice(result.source.index, 1);\n    if (!movedSignalName) return;\n    reordered.splice(destinationIndex, 0, movedSignalName);\n    onOrderChange(reordered);\n  }\n\n  return (\n    <div aria-label=\"Signals\" role=\"group\">\n      <DragDropContext\n        enableDefaultSensors={false}\n        sensors={DRAG_SENSORS}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        onDragUpdate={handleDragUpdate}\n      >\n        <Droppable direction=\"horizontal\" droppableId=\"signal-column-headers\">\n          {(provided: DroppableProvided) => (\n            <div\n              {...provided.droppableProps}\n              ref={provided.innerRef}\n              aria-label=\"Trace signal column headers\"\n              className=\"flex items-center gap-1 px-8 pb-1\"\n              role=\"group\"\n            >\n              {signalNames.map((signalName, index) => {\n                const label = signalLabel(signalCatalog, signalName);\n                const projectedIndex = projectedHeaderIndex(index, dragProjection);\n                const offsetPercent =\n                  signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;\n                const anchor = headerAnchor(projectedIndex, signalNames.length);\n                return (\n                  <Draggable key={signalName} draggableId={signalName} index={index} isDragDisabled={reorderDisabled}>\n                    {(dragProvided, dragSnapshot: DraggableStateSnapshot) => (\n                      <div\n                        ref={dragProvided.innerRef}\n                        {...dragProvided.draggableProps}\n                        className=\"flex min-w-0 flex-1 basis-0 items-center justify-center py-1\"\n                        data-dragging={dragSnapshot.isDragging}\n                        style={dragProvided.draggableProps.style}\n                      >\n                        <div\n                          className=\"flex w-full justify-center\"\n                          data-testid=\"signal-column-header-alignment\"\n                          style={{ translate: `${offsetPercent}%` }}\n                        >\n                          <div\n                            className={`relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${\n                              dragSnapshot.isDragging ? `scale-1.03 ${overlaySurfaceStyle}` : ''\n                            }`}\n                            data-header-anchor={anchor}\n                            data-testid=\"signal-column-header-content\"\n                          >\n                            <Tooltip>\n                              <TooltipTrigger\n                                className=\"cursor-default font-mono text-column tracking-wider\"\n                                data-testid=\"signal-column-header\"\n                                style={{ color: getSignalColor(signalName) }}\n                              >\n                                {label.toUpperCase()}\n                              </TooltipTrigger>\n                              <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n                            </Tooltip>\n                            <div\n                              {...dragProvided.dragHandleProps}\n                              aria-disabled={reorderDisabled}\n                              aria-label={`Reorder ${label}`}\n                              className={cn(\n                                quietTextHover,\n                                controlStateColorTransition,\n                                'absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50',\n                              )}\n                              style={{ left: '100%' }}\n                              title={`Drag to reorder the ${label} column`}\n                            >\n                              <GripVertical aria-hidden=\"true\" className=\"size-3.5\" />\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </Draggable>\n                );\n              })}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sortable-signal-headers.es.js","sources":["../../../src/ee/signals/sortable-signal-headers.tsx"],"sourcesContent":["import type { DragStart, DragUpdate, DraggableStateSnapshot, DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport {\n  DragDropContext,\n  Draggable,\n  Droppable,\n  useKeyboardSensor,\n  useMouseSensor,\n  useTouchSensor,\n} from '@hello-pangea/dnd';\nimport { GripVertical } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { getSignalColor } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nconst DRAG_SENSORS = [useMouseSensor, useTouchSensor, useKeyboardSensor];\n\ntype DragProjection = {\n  sourceIndex: number;\n  destinationIndex: number;\n};\n\ntype HeaderAnchor = 'start' | 'middle' | 'end';\n\nfunction projectedHeaderIndex(index: number, projection: DragProjection | undefined) {\n  if (!projection) return index;\n  if (index === projection.sourceIndex) return projection.destinationIndex;\n  if (\n    projection.sourceIndex < projection.destinationIndex &&\n    index > projection.sourceIndex &&\n    index <= projection.destinationIndex\n  ) {\n    return index - 1;\n  }\n  if (\n    projection.destinationIndex < projection.sourceIndex &&\n    index >= projection.destinationIndex &&\n    index < projection.sourceIndex\n  ) {\n    return index + 1;\n  }\n  return index;\n}\n\nfunction headerAnchor(index: number, count: number): HeaderAnchor {\n  if (index === 0) return 'start';\n  if (index === count - 1) return 'end';\n  return 'middle';\n}\n\nfunction contentOffsetClass(anchor: HeaderAnchor) {\n  if (anchor === 'start') return 'translate-x-1/2';\n  if (anchor === 'end') return '-translate-x-1/2';\n  return '';\n}\n\nexport function SortableSignalHeaders({\n  signalNames,\n  reorderDisabled,\n  onOrderChange,\n}: {\n  signalNames: TraceSignalName[];\n  reorderDisabled: boolean;\n  onOrderChange: (signalNames: TraceSignalName[]) => void;\n}) {\n  const { signalCatalog } = useTraceIntelligence();\n  const [dragProjection, setDragProjection] = useState<DragProjection>();\n\n  function handleDragStart(start: DragStart) {\n    setDragProjection({ sourceIndex: start.source.index, destinationIndex: start.source.index });\n  }\n\n  function handleDragUpdate(update: DragUpdate) {\n    setDragProjection({\n      sourceIndex: update.source.index,\n      destinationIndex: update.destination?.index ?? update.source.index,\n    });\n  }\n\n  function handleDragEnd(result: DropResult) {\n    setDragProjection(undefined);\n    const destinationIndex = result.destination?.index;\n    if (destinationIndex === undefined || destinationIndex === result.source.index) return;\n\n    const reordered = [...signalNames];\n    const [movedSignalName] = reordered.splice(result.source.index, 1);\n    if (!movedSignalName) return;\n    reordered.splice(destinationIndex, 0, movedSignalName);\n    onOrderChange(reordered);\n  }\n\n  return (\n    <div aria-label=\"Signals\" role=\"group\">\n      <DragDropContext\n        enableDefaultSensors={false}\n        sensors={DRAG_SENSORS}\n        onDragEnd={handleDragEnd}\n        onDragStart={handleDragStart}\n        onDragUpdate={handleDragUpdate}\n      >\n        <Droppable direction=\"horizontal\" droppableId=\"signal-column-headers\">\n          {(provided: DroppableProvided) => (\n            <div\n              {...provided.droppableProps}\n              ref={provided.innerRef}\n              aria-label=\"Trace signal column headers\"\n              className=\"flex items-center gap-1 px-8 pb-1\"\n              role=\"group\"\n            >\n              {signalNames.map((signalName, index) => {\n                const label = signalLabel(signalCatalog, signalName);\n                const projectedIndex = projectedHeaderIndex(index, dragProjection);\n                const offsetPercent =\n                  signalNames.length > 1 ? (projectedIndex / (signalNames.length - 1) - 0.5) * 100 : 0;\n                const anchor = headerAnchor(projectedIndex, signalNames.length);\n                return (\n                  <Draggable key={signalName} draggableId={signalName} index={index} isDragDisabled={reorderDisabled}>\n                    {(dragProvided, dragSnapshot: DraggableStateSnapshot) => (\n                      <div\n                        ref={dragProvided.innerRef}\n                        {...dragProvided.draggableProps}\n                        className=\"flex min-w-0 flex-1 basis-0 items-center justify-center py-1\"\n                        data-dragging={dragSnapshot.isDragging}\n                        style={dragProvided.draggableProps.style}\n                      >\n                        <div\n                          className=\"flex w-full justify-center\"\n                          data-testid=\"signal-column-header-alignment\"\n                          style={{ translate: `${offsetPercent}%` }}\n                        >\n                          <div\n                            className={`relative inline-flex items-center justify-center rounded-md border border-transparent px-1 py-0.5 motion-safe:transition-[background-color,border-color,box-shadow,scale] motion-safe:duration-150 ${contentOffsetClass(anchor)} ${\n                              dragSnapshot.isDragging ? `scale-1.03 ${overlaySurfaceStyle}` : ''\n                            }`}\n                            data-header-anchor={anchor}\n                            data-testid=\"signal-column-header-content\"\n                          >\n                            <Tooltip>\n                              <TooltipTrigger\n                                render={<Txt as=\"span\" variant=\"eyebrow\" />}\n                                className=\"cursor-default\"\n                                data-testid=\"signal-column-header\"\n                                style={{ color: getSignalColor(signalName) }}\n                              >\n                                {label.toUpperCase()}\n                              </TooltipTrigger>\n                              <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n                            </Tooltip>\n                            <div\n                              {...dragProvided.dragHandleProps}\n                              aria-disabled={reorderDisabled}\n                              aria-label={`Reorder ${label}`}\n                              className={cn(\n                                quietTextHover,\n                                controlStateColorTransition,\n                                'absolute top-1/2 ml-0.5 -translate-y-1/2 cursor-grab rounded-sm p-1 active:cursor-grabbing aria-disabled:cursor-wait aria-disabled:opacity-50',\n                              )}\n                              style={{ left: '100%' }}\n                              title={`Drag to reorder the ${label} column`}\n                            >\n                              <GripVertical aria-hidden=\"true\" className=\"size-3.5\" />\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    )}\n                  </Draggable>\n                );\n              })}\n              {provided.placeholder}\n            </div>\n          )}\n        </Droppable>\n      </DragDropContext>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -10,7 +10,7 @@ const ee_signals_signalDeltaColumn = require('./signal-delta-column.cjs.js');
 const ee_signals_signalsLoadingSkeleton = require('./signals-loading-skeleton.cjs.js');
 const ee_signals_snapshotTimeline = require('./snapshot-timeline.cjs.js');
 const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 
 function ThemeCompare({
   entityId,
@@ -83,7 +83,6 @@ function ThemeCompare({
         {
           variant: "caption",
           tone: "muted",
-          font: "mono",
           className: "rounded-md border border-border px-2 py-1 tabular-nums",
           children: ee_signals_sankeySignalsData.snapshotSummaryLabel(fromSnapshot, flows[fromIndex])
         }
@@ -94,7 +93,6 @@ function ThemeCompare({
         {
           variant: "caption",
           tone: "muted",
-          font: "mono",
           className: "rounded-md border border-border px-2 py-1 tabular-nums",
           children: ee_signals_sankeySignalsData.snapshotSummaryLabel(toSnapshot, flows[toIndex])
         }

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

@@ -1 +1 @@
-{"version":3,"file":"theme-compare.cjs.js","sources":["../../../src/ee/signals/theme-compare.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalDeltaColumn } from './signal-delta-column';\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';\nimport { Txt } from '@/ds/components/Txt';\n\n/**\n * Compare mode: two interchangeable points on the shared time axis show how\n * each signal's theme mix moved between them (always read earlier → later),\n * with per-theme sparklines across every landmark in range. Clicking an\n * unmarked landmark moves the nearest point; clicking a marked landmark grabs\n * that point so the next click moves it specifically.\n */\nexport function ThemeCompare({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [pointIndexes, setPointIndexes] = useState<[number, number]>();\n  const [grabbedPoint, setGrabbedPoint] = useState<0 | 1>();\n  const lastIndex = snapshots.length - 1;\n  const points: [number, number] = [\n    Math.min(pointIndexes?.[0] ?? 0, lastIndex),\n    Math.min(pointIndexes?.[1] ?? lastIndex, lastIndex),\n  ];\n  // Compare always reads earlier → later regardless of which point moved last.\n  const fromIndex = Math.min(points[0], points[1]);\n  const toIndex = Math.max(points[0], points[1]);\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 fromFlow = flows[fromIndex];\n  const toFlow = flows[toIndex];\n  const positions = timelineTickPositions(snapshots);\n  const fromSnapshot = snapshots[fromIndex];\n  const toSnapshot = snapshots[toIndex];\n\n  if (!fromSnapshot || !toSnapshot) return null;\n\n  // The two points are interchangeable: an unmarked tick moves whichever\n  // point is nearest on the track; a marked tick grabs that point so the next\n  // click moves it specifically (covers moving a point past the other).\n  const handleTickSelect = (index: number) => {\n    if (grabbedPoint !== undefined) {\n      setPointIndexes(grabbedPoint === 0 ? [index, points[1]] : [points[0], index]);\n      setGrabbedPoint(undefined);\n      return;\n    }\n    const pointAtIndex = points[0] === index ? 0 : points[1] === index ? 1 : undefined;\n    if (pointAtIndex !== undefined) {\n      setGrabbedPoint(pointAtIndex);\n      return;\n    }\n    const selectedPosition = positions[index];\n    const firstPointPosition = positions[points[0]];\n    const secondPointPosition = positions[points[1]];\n    if (selectedPosition === undefined || firstPointPosition === undefined || secondPointPosition === undefined) return;\n\n    const distanceToFirst = Math.abs(selectedPosition - firstPointPosition);\n    const distanceToSecond = Math.abs(selectedPosition - secondPointPosition);\n    setPointIndexes(distanceToFirst <= distanceToSecond ? [index, points[1]] : [points[0], index]);\n  };\n\n  const markers = new Map<number, TimelineMarkerKind>([\n    [points[0], 'compare-point'],\n    [points[1], 'compare-point'],\n  ]);\n  const grabbedIndex = grabbedPoint === undefined ? undefined : points[grabbedPoint];\n\n  return (\n    <section aria-label=\"Snapshot comparison\" className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3 px-3 py-2.5 sm:px-4\">\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={markers}\n          grabbedIndex={grabbedIndex}\n          onTickSelect={handleTickSelect}\n        />\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1.5\">\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n          font=\"mono\"\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\" aria-hidden=\"true\">\n          →\n        </Txt>\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n          font=\"mono\"\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n        </Txt>\n        <Txt variant=\"caption\" tone=\"muted\">\n          {grabbedPoint === undefined\n            ? 'Click a landmark to move the nearest point · click a point to grab it.'\n            : 'Point grabbed — click a landmark to place it.'}\n        </Txt>\n      </div>\n      {fromIndex === toIndex ? (\n        <Txt tone=\"muted\" className=\"rounded-lg border border-border bg-background p-6\">\n          Pick two different landmarks on the timeline to compare them.\n        </Txt>\n      ) : !fromFlow || !toFlow ? (\n        <SignalsFrameLoadingSkeleton />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n          {signalNames.map(signalName => (\n            <SignalDeltaColumn\n              key={signalName}\n              signalName={signalName}\n              fromFlow={fromFlow}\n              toFlow={toFlow}\n              flows={flows}\n              positions={positions}\n              fromIndex={fromIndex}\n              toIndex={toIndex}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","useThemeFlows","timelineTickPositions","jsxs","jsx","TimelineTrack","Txt","snapshotSummaryLabel","SignalsFrameLoadingSkeleton","SignalDeltaColumn"],"mappings":"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"}
+{"version":3,"file":"theme-compare.cjs.js","sources":["../../../src/ee/signals/theme-compare.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalDeltaColumn } from './signal-delta-column';\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';\nimport { Txt } from '@/ds/components/Txt';\n\n/**\n * Compare mode: two interchangeable points on the shared time axis show how\n * each signal's theme mix moved between them (always read earlier → later),\n * with per-theme sparklines across every landmark in range. Clicking an\n * unmarked landmark moves the nearest point; clicking a marked landmark grabs\n * that point so the next click moves it specifically.\n */\nexport function ThemeCompare({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [pointIndexes, setPointIndexes] = useState<[number, number]>();\n  const [grabbedPoint, setGrabbedPoint] = useState<0 | 1>();\n  const lastIndex = snapshots.length - 1;\n  const points: [number, number] = [\n    Math.min(pointIndexes?.[0] ?? 0, lastIndex),\n    Math.min(pointIndexes?.[1] ?? lastIndex, lastIndex),\n  ];\n  // Compare always reads earlier → later regardless of which point moved last.\n  const fromIndex = Math.min(points[0], points[1]);\n  const toIndex = Math.max(points[0], points[1]);\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 fromFlow = flows[fromIndex];\n  const toFlow = flows[toIndex];\n  const positions = timelineTickPositions(snapshots);\n  const fromSnapshot = snapshots[fromIndex];\n  const toSnapshot = snapshots[toIndex];\n\n  if (!fromSnapshot || !toSnapshot) return null;\n\n  // The two points are interchangeable: an unmarked tick moves whichever\n  // point is nearest on the track; a marked tick grabs that point so the next\n  // click moves it specifically (covers moving a point past the other).\n  const handleTickSelect = (index: number) => {\n    if (grabbedPoint !== undefined) {\n      setPointIndexes(grabbedPoint === 0 ? [index, points[1]] : [points[0], index]);\n      setGrabbedPoint(undefined);\n      return;\n    }\n    const pointAtIndex = points[0] === index ? 0 : points[1] === index ? 1 : undefined;\n    if (pointAtIndex !== undefined) {\n      setGrabbedPoint(pointAtIndex);\n      return;\n    }\n    const selectedPosition = positions[index];\n    const firstPointPosition = positions[points[0]];\n    const secondPointPosition = positions[points[1]];\n    if (selectedPosition === undefined || firstPointPosition === undefined || secondPointPosition === undefined) return;\n\n    const distanceToFirst = Math.abs(selectedPosition - firstPointPosition);\n    const distanceToSecond = Math.abs(selectedPosition - secondPointPosition);\n    setPointIndexes(distanceToFirst <= distanceToSecond ? [index, points[1]] : [points[0], index]);\n  };\n\n  const markers = new Map<number, TimelineMarkerKind>([\n    [points[0], 'compare-point'],\n    [points[1], 'compare-point'],\n  ]);\n  const grabbedIndex = grabbedPoint === undefined ? undefined : points[grabbedPoint];\n\n  return (\n    <section aria-label=\"Snapshot comparison\" className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3 px-3 py-2.5 sm:px-4\">\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={markers}\n          grabbedIndex={grabbedIndex}\n          onTickSelect={handleTickSelect}\n        />\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1.5\">\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\" aria-hidden=\"true\">\n          →\n        </Txt>\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n        </Txt>\n        <Txt variant=\"caption\" tone=\"muted\">\n          {grabbedPoint === undefined\n            ? 'Click a landmark to move the nearest point · click a point to grab it.'\n            : 'Point grabbed — click a landmark to place it.'}\n        </Txt>\n      </div>\n      {fromIndex === toIndex ? (\n        <Txt tone=\"muted\" className=\"rounded-lg border border-border bg-background p-6\">\n          Pick two different landmarks on the timeline to compare them.\n        </Txt>\n      ) : !fromFlow || !toFlow ? (\n        <SignalsFrameLoadingSkeleton />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n          {signalNames.map(signalName => (\n            <SignalDeltaColumn\n              key={signalName}\n              signalName={signalName}\n              fromFlow={fromFlow}\n              toFlow={toFlow}\n              flows={flows}\n              positions={positions}\n              fromIndex={fromIndex}\n              toIndex={toIndex}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","useThemeFlows","timelineTickPositions","jsxs","jsx","TimelineTrack","Txt","snapshotSummaryLabel","SignalsFrameLoadingSkeleton","SignalDeltaColumn"],"mappings":";;;;;;;;;;;;;;AAoBO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAAA,EAA2B;AACnE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAAA,EAAgB;AACxD,EAAA,MAAM,SAAA,GAAY,UAAU,MAAA,GAAS,CAAA;AACrC,EAAA,MAAM,MAAA,GAA2B;AAAA,IAC/B,KAAK,GAAA,CAAI,YAAA,GAAe,CAAC,CAAA,IAAK,GAAG,SAAS,CAAA;AAAA,IAC1C,KAAK,GAAA,CAAI,YAAA,GAAe,CAAC,CAAA,IAAK,WAAW,SAAS;AAAA,GACpD;AAEA,EAAA,MAAM,SAAA,GAAY,KAAK,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,EAAG,MAAA,CAAO,CAAC,CAAC,CAAA;AAC/C,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,EAAG,MAAA,CAAO,CAAC,CAAC,CAAA;AAC7C,EAAA,MAAM,WAAA,GAAcC,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,QAAA,GAAW,MAAM,SAAS,CAAA;AAChC,EAAA,MAAM,MAAA,GAAS,MAAM,OAAO,CAAA;AAC5B,EAAA,MAAM,SAAA,GAAYC,sDAAsB,SAAS,CAAA;AACjD,EAAA,MAAM,YAAA,GAAe,UAAU,SAAS,CAAA;AACxC,EAAA,MAAM,UAAA,GAAa,UAAU,OAAO,CAAA;AAEpC,EAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAY,OAAO,IAAA;AAKzC,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAkB;AAC1C,IAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,MAAA,eAAA,CAAgB,YAAA,KAAiB,CAAA,GAAI,CAAC,KAAA,EAAO,MAAA,CAAO,CAAC,CAAC,CAAA,GAAI,CAAC,MAAA,CAAO,CAAC,CAAA,EAAG,KAAK,CAAC,CAAA;AAC5E,MAAA,eAAA,CAAgB,MAAS,CAAA;AACzB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,YAAA,GAAe,MAAA,CAAO,CAAC,CAAA,KAAM,KAAA,GAAQ,IAAI,MAAA,CAAO,CAAC,CAAA,KAAM,KAAA,GAAQ,CAAA,GAAI,MAAA;AACzE,IAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,MAAA,eAAA,CAAgB,YAAY,CAAA;AAC5B,MAAA;AAAA,IACF;AACA,IAAA,MAAM,gBAAA,GAAmB,UAAU,KAAK,CAAA;AACxC,IAAA,MAAM,kBAAA,GAAqB,SAAA,CAAU,MAAA,CAAO,CAAC,CAAC,CAAA;AAC9C,IAAA,MAAM,mBAAA,GAAsB,SAAA,CAAU,MAAA,CAAO,CAAC,CAAC,CAAA;AAC/C,IAAA,IAAI,gBAAA,KAAqB,MAAA,IAAa,kBAAA,KAAuB,MAAA,IAAa,wBAAwB,MAAA,EAAW;AAE7G,IAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,GAAA,CAAI,gBAAA,GAAmB,kBAAkB,CAAA;AACtE,IAAA,MAAM,gBAAA,GAAmB,IAAA,CAAK,GAAA,CAAI,gBAAA,GAAmB,mBAAmB,CAAA;AACxE,IAAA,eAAA,CAAgB,eAAA,IAAmB,gBAAA,GAAmB,CAAC,KAAA,EAAO,MAAA,CAAO,CAAC,CAAC,CAAA,GAAI,CAAC,MAAA,CAAO,CAAC,CAAA,EAAG,KAAK,CAAC,CAAA;AAAA,EAC/F,CAAA;AAEA,EAAA,MAAM,OAAA,uBAAc,GAAA,CAAgC;AAAA,IAClD,CAAC,MAAA,CAAO,CAAC,CAAA,EAAG,eAAe,CAAA;AAAA,IAC3B,CAAC,MAAA,CAAO,CAAC,CAAA,EAAG,eAAe;AAAA,GAC5B,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,YAAA,KAAiB,MAAA,GAAY,MAAA,GAAY,OAAO,YAAY,CAAA;AAEjF,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,qBAAA,EAAsB,WAAU,WAAA,EAClD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uDAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACC,yCAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA,EAAY,cAAA;AAAA,QACZ,OAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA,EAAc;AAAA;AAAA,KAChB,EACF,CAAA;AAAA,oBACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACE,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,OAAA;AAAA,UAEL,SAAA,EAAU,wDAAA;AAAA,UAET,QAAA,EAAAC,iDAAA,CAAqB,YAAA,EAAc,KAAA,CAAM,SAAS,CAAC;AAAA;AAAA,OACtD;AAAA,sBACAH,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,GAAA,EAEjE,CAAA;AAAA,sBACAF,cAAA;AAAA,QAACE,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,OAAA;AAAA,UAEL,SAAA,EAAU,wDAAA;AAAA,UAET,QAAA,EAAAC,iDAAA,CAAqB,UAAA,EAAY,KAAA,CAAM,OAAO,CAAC;AAAA;AAAA,OAClD;AAAA,sBACAH,cAAA,CAACE,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EACzB,QAAA,EAAA,YAAA,KAAiB,MAAA,GACd,wEAAA,GACA,+CAAA,EACN;AAAA,KAAA,EACF,CAAA;AAAA,IACC,SAAA,KAAc,0BACbF,cAAA,CAACE,OAAA,EAAA,EAAI,MAAK,OAAA,EAAQ,SAAA,EAAU,mDAAA,EAAoD,QAAA,EAAA,+DAAA,EAEhF,CAAA,GACE,CAAC,YAAY,CAAC,MAAA,mBAChBF,cAAA,CAACI,6DAAA,EAAA,EAA4B,CAAA,mBAE7BJ,cAAA,CAAC,SAAI,SAAA,EAAU,sDAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAA,UAAA,qBACfA,cAAA;AAAA,MAACK,8CAAA;AAAA,MAAA;AAAA,QAEC,UAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA,OAAA;AAAA,MARK;AAAA,KAUR,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -6,7 +6,7 @@ import { SignalDeltaColumn } from './signal-delta-column.es.js';
 import { SignalsFrameLoadingSkeleton } from './signals-loading-skeleton.es.js';
 import { TimelineTrack } from './snapshot-timeline.es.js';
 import { timelineTickPositions } from './snapshot-timeline-data.es.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 
 function ThemeCompare({
   entityId,
@@ -79,7 +79,6 @@ function ThemeCompare({
         {
           variant: "caption",
           tone: "muted",
-          font: "mono",
           className: "rounded-md border border-border px-2 py-1 tabular-nums",
           children: snapshotSummaryLabel(fromSnapshot, flows[fromIndex])
         }
@@ -90,7 +89,6 @@ function ThemeCompare({
         {
           variant: "caption",
           tone: "muted",
-          font: "mono",
           className: "rounded-md border border-border px-2 py-1 tabular-nums",
           children: snapshotSummaryLabel(toSnapshot, flows[toIndex])
         }

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

@@ -1 +1 @@
-{"version":3,"file":"theme-compare.es.js","sources":["../../../src/ee/signals/theme-compare.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalDeltaColumn } from './signal-delta-column';\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';\nimport { Txt } from '@/ds/components/Txt';\n\n/**\n * Compare mode: two interchangeable points on the shared time axis show how\n * each signal's theme mix moved between them (always read earlier → later),\n * with per-theme sparklines across every landmark in range. Clicking an\n * unmarked landmark moves the nearest point; clicking a marked landmark grabs\n * that point so the next click moves it specifically.\n */\nexport function ThemeCompare({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [pointIndexes, setPointIndexes] = useState<[number, number]>();\n  const [grabbedPoint, setGrabbedPoint] = useState<0 | 1>();\n  const lastIndex = snapshots.length - 1;\n  const points: [number, number] = [\n    Math.min(pointIndexes?.[0] ?? 0, lastIndex),\n    Math.min(pointIndexes?.[1] ?? lastIndex, lastIndex),\n  ];\n  // Compare always reads earlier → later regardless of which point moved last.\n  const fromIndex = Math.min(points[0], points[1]);\n  const toIndex = Math.max(points[0], points[1]);\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 fromFlow = flows[fromIndex];\n  const toFlow = flows[toIndex];\n  const positions = timelineTickPositions(snapshots);\n  const fromSnapshot = snapshots[fromIndex];\n  const toSnapshot = snapshots[toIndex];\n\n  if (!fromSnapshot || !toSnapshot) return null;\n\n  // The two points are interchangeable: an unmarked tick moves whichever\n  // point is nearest on the track; a marked tick grabs that point so the next\n  // click moves it specifically (covers moving a point past the other).\n  const handleTickSelect = (index: number) => {\n    if (grabbedPoint !== undefined) {\n      setPointIndexes(grabbedPoint === 0 ? [index, points[1]] : [points[0], index]);\n      setGrabbedPoint(undefined);\n      return;\n    }\n    const pointAtIndex = points[0] === index ? 0 : points[1] === index ? 1 : undefined;\n    if (pointAtIndex !== undefined) {\n      setGrabbedPoint(pointAtIndex);\n      return;\n    }\n    const selectedPosition = positions[index];\n    const firstPointPosition = positions[points[0]];\n    const secondPointPosition = positions[points[1]];\n    if (selectedPosition === undefined || firstPointPosition === undefined || secondPointPosition === undefined) return;\n\n    const distanceToFirst = Math.abs(selectedPosition - firstPointPosition);\n    const distanceToSecond = Math.abs(selectedPosition - secondPointPosition);\n    setPointIndexes(distanceToFirst <= distanceToSecond ? [index, points[1]] : [points[0], index]);\n  };\n\n  const markers = new Map<number, TimelineMarkerKind>([\n    [points[0], 'compare-point'],\n    [points[1], 'compare-point'],\n  ]);\n  const grabbedIndex = grabbedPoint === undefined ? undefined : points[grabbedPoint];\n\n  return (\n    <section aria-label=\"Snapshot comparison\" className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3 px-3 py-2.5 sm:px-4\">\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={markers}\n          grabbedIndex={grabbedIndex}\n          onTickSelect={handleTickSelect}\n        />\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1.5\">\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n          font=\"mono\"\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\" aria-hidden=\"true\">\n          →\n        </Txt>\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n          font=\"mono\"\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n        </Txt>\n        <Txt variant=\"caption\" tone=\"muted\">\n          {grabbedPoint === undefined\n            ? 'Click a landmark to move the nearest point · click a point to grab it.'\n            : 'Point grabbed — click a landmark to place it.'}\n        </Txt>\n      </div>\n      {fromIndex === toIndex ? (\n        <Txt tone=\"muted\" className=\"rounded-lg border border-border bg-background p-6\">\n          Pick two different landmarks on the timeline to compare them.\n        </Txt>\n      ) : !fromFlow || !toFlow ? (\n        <SignalsFrameLoadingSkeleton />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n          {signalNames.map(signalName => (\n            <SignalDeltaColumn\n              key={signalName}\n              signalName={signalName}\n              fromFlow={fromFlow}\n              toFlow={toFlow}\n              flows={flows}\n              positions={positions}\n              fromIndex={fromIndex}\n              toIndex={toIndex}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme-compare.es.js","sources":["../../../src/ee/signals/theme-compare.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThemeFlows } from './hooks/use-theme-flows';\nimport { snapshotSummaryLabel } from './sankey-signals-data';\nimport { SignalDeltaColumn } from './signal-delta-column';\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';\nimport { Txt } from '@/ds/components/Txt';\n\n/**\n * Compare mode: two interchangeable points on the shared time axis show how\n * each signal's theme mix moved between them (always read earlier → later),\n * with per-theme sparklines across every landmark in range. Clicking an\n * unmarked landmark moves the nearest point; clicking a marked landmark grabs\n * that point so the next click moves it specifically.\n */\nexport function ThemeCompare({\n  entityId,\n  entityType,\n  signalNames,\n  snapshots,\n  totalSnapshots,\n  onThemeSelect,\n}: {\n  entityId: string;\n  entityType: string;\n  signalNames: TraceSignalName[];\n  snapshots: ThemeSnapshot[];\n  totalSnapshots: number;\n  onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n  const [pointIndexes, setPointIndexes] = useState<[number, number]>();\n  const [grabbedPoint, setGrabbedPoint] = useState<0 | 1>();\n  const lastIndex = snapshots.length - 1;\n  const points: [number, number] = [\n    Math.min(pointIndexes?.[0] ?? 0, lastIndex),\n    Math.min(pointIndexes?.[1] ?? lastIndex, lastIndex),\n  ];\n  // Compare always reads earlier → later regardless of which point moved last.\n  const fromIndex = Math.min(points[0], points[1]);\n  const toIndex = Math.max(points[0], points[1]);\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 fromFlow = flows[fromIndex];\n  const toFlow = flows[toIndex];\n  const positions = timelineTickPositions(snapshots);\n  const fromSnapshot = snapshots[fromIndex];\n  const toSnapshot = snapshots[toIndex];\n\n  if (!fromSnapshot || !toSnapshot) return null;\n\n  // The two points are interchangeable: an unmarked tick moves whichever\n  // point is nearest on the track; a marked tick grabs that point so the next\n  // click moves it specifically (covers moving a point past the other).\n  const handleTickSelect = (index: number) => {\n    if (grabbedPoint !== undefined) {\n      setPointIndexes(grabbedPoint === 0 ? [index, points[1]] : [points[0], index]);\n      setGrabbedPoint(undefined);\n      return;\n    }\n    const pointAtIndex = points[0] === index ? 0 : points[1] === index ? 1 : undefined;\n    if (pointAtIndex !== undefined) {\n      setGrabbedPoint(pointAtIndex);\n      return;\n    }\n    const selectedPosition = positions[index];\n    const firstPointPosition = positions[points[0]];\n    const secondPointPosition = positions[points[1]];\n    if (selectedPosition === undefined || firstPointPosition === undefined || secondPointPosition === undefined) return;\n\n    const distanceToFirst = Math.abs(selectedPosition - firstPointPosition);\n    const distanceToSecond = Math.abs(selectedPosition - secondPointPosition);\n    setPointIndexes(distanceToFirst <= distanceToSecond ? [index, points[1]] : [points[0], index]);\n  };\n\n  const markers = new Map<number, TimelineMarkerKind>([\n    [points[0], 'compare-point'],\n    [points[1], 'compare-point'],\n  ]);\n  const grabbedIndex = grabbedPoint === undefined ? undefined : points[grabbedPoint];\n\n  return (\n    <section aria-label=\"Snapshot comparison\" className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center gap-3 px-3 py-2.5 sm:px-4\">\n        <TimelineTrack\n          snapshots={snapshots}\n          totalCount={totalSnapshots}\n          markers={markers}\n          grabbedIndex={grabbedIndex}\n          onTickSelect={handleTickSelect}\n        />\n      </div>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1.5\">\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n        </Txt>\n        <Txt as=\"span\" variant=\"caption\" tone=\"muted\" aria-hidden=\"true\">\n          →\n        </Txt>\n        <Txt\n          variant=\"caption\"\n          tone=\"muted\"\n\n          className=\"rounded-md border border-border px-2 py-1 tabular-nums\"\n        >\n          {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n        </Txt>\n        <Txt variant=\"caption\" tone=\"muted\">\n          {grabbedPoint === undefined\n            ? 'Click a landmark to move the nearest point · click a point to grab it.'\n            : 'Point grabbed — click a landmark to place it.'}\n        </Txt>\n      </div>\n      {fromIndex === toIndex ? (\n        <Txt tone=\"muted\" className=\"rounded-lg border border-border bg-background p-6\">\n          Pick two different landmarks on the timeline to compare them.\n        </Txt>\n      ) : !fromFlow || !toFlow ? (\n        <SignalsFrameLoadingSkeleton />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n          {signalNames.map(signalName => (\n            <SignalDeltaColumn\n              key={signalName}\n              signalName={signalName}\n              fromFlow={fromFlow}\n              toFlow={toFlow}\n              flows={flows}\n              positions={positions}\n              fromIndex={fromIndex}\n              toIndex={toIndex}\n              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -17,7 +17,7 @@ const ee_signals_themeTrendChart = require('./theme-trend-chart.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
 const drawer = require('../../drawer-DnXudVbm.cjs');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');
 
@@ -87,8 +87,6 @@ function ThemeDetailPanel({
             {
               as: "span",
               variant: "column",
-              font: "mono",
-              className: "tracking-widest",
               style: { color: ee_signals_signalColors.getSignalColor(signalName) },
               children: signalDisplayDescription ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { "aria-label": signalDisplayLabel, className: "cursor-default uppercase", children: signalDisplayLabel }),
@@ -115,37 +113,15 @@ function ThemeDetailPanel({
             ] }),
             detailQuery.data?.theme && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "theme-summary-heading", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Txt.Txt,
-                  {
-                    as: "h2",
-                    variant: "caption",
-                    tone: "muted",
-                    font: "mono",
-                    id: "theme-summary-heading",
-                    className: "tracking-wider uppercase",
-                    children: "Summary"
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "theme-summary-heading", children: "Summary" }),
                 /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "ink", className: "mt-3", children: detailQuery.data.theme.description ?? "No description available." }),
-                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "ink", font: "mono", className: "mt-3 tabular-nums", children: ee_signals_signalFormatting.shareSentence(
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "ink", className: "mt-3 tabular-nums", children: ee_signals_signalFormatting.shareSentence(
                   filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,
                   filteredStats?.stageShare ?? detailQuery.data.theme.coverage
                 ) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "theme-examples-heading", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Txt.Txt,
-                  {
-                    as: "h2",
-                    variant: "caption",
-                    tone: "muted",
-                    font: "mono",
-                    id: "theme-examples-heading",
-                    className: "tracking-wider uppercase",
-                    children: "Examples"
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "theme-examples-heading", children: "Examples" }),
                 examplesQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", className: "mt-3", children: "Loading examples…" }),
                 examplesQuery.isError && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { className: "mt-3 text-destructive-foreground", children: "Unable to load examples." }),
                 examplesQuery.data && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -154,12 +130,13 @@ function ThemeDetailPanel({
                     {
                       type: "button",
                       "aria-label": `View trace insight for ${example.signalText}`,
+                      onClick: () => setInsightTraceId(example.traceId),
                       className: utils_cn.cn(
+                        "text-foreground",
                         primitives_raisedSurface.raisedSurfaceStyle,
-                        "state-layer w-full cursor-pointer rounded-md p-3 text-left text-body text-foreground"
+                        "state-layer w-full cursor-pointer rounded-md p-3 text-left"
                       ),
-                      onClick: () => setInsightTraceId(example.traceId),
-                      children: example.signalText
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body", className: "block", children: example.signalText })
                     }
                   ) }, example.traceId)) }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -173,18 +150,7 @@ function ThemeDetailPanel({
                 ] })
               ] }),
               snapshotTotal > 1 && /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "theme-trend-heading", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Txt.Txt,
-                  {
-                    as: "h2",
-                    variant: "caption",
-                    tone: "muted",
-                    font: "mono",
-                    id: "theme-trend-heading",
-                    className: "tracking-wider uppercase",
-                    children: "Trend"
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h2", variant: "eyebrow", tone: "muted", id: "theme-trend-heading", children: "Trend" }),
                 historyQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { tone: "muted", className: "mt-3", children: "Loading trend…" }),
                 historyQuery.isError && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { className: "mt-3 text-destructive-foreground", children: "Unable to load the trend." }),
                 oldestHistoryPoint !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"theme-detail-panel.cjs.js","sources":["../../../src/ee/signals/theme-detail-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { EXAMPLES_PAGE_SIZE, ExamplesPager } from './examples-pager';\nimport { useThemeDetail, useThemeExamples, useThemeHistory } from './hooks';\nimport { getSignalColor } from './signal-colors';\nimport { formatSnapshotDate, shareSentence, signalDescription, signalLabel } from './signal-formatting';\nimport type { SelectedTheme, ThemeSelection, ThemeSelectionStats } from './theme-drilldown-data';\nimport { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend';\nimport { ThemeTrendChart } from './theme-trend-chart';\nimport { TraceInsightView } from './trace-insight-view';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/ds/components/Drawer';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ninterface ThemeDetailPanelProps {\n  entityId: string;\n  entityType: string;\n  snapshotId: string;\n  snapshotTotal: number;\n  selection: SelectedTheme | undefined;\n  filters?: ThemeSelection[];\n  filteredStats?: ThemeSelectionStats;\n  onClose: () => void;\n}\n\nexport function ThemeDetailPanel({\n  entityId,\n  entityType,\n  snapshotId,\n  snapshotTotal,\n  selection,\n  filters = [],\n  filteredStats,\n  onClose,\n}: ThemeDetailPanelProps) {\n  const { signalCatalog } = useTraceIntelligence();\n  const filterKey = filters\n    .map(filter => `${filter.signalName}:${filter.kind === 'theme' ? filter.themeId : 'noise'}`)\n    .join(',');\n  const examplesContextKey = `${snapshotId}:${selection?.signalName ?? ''}:${selection?.themeId ?? ''}:${filterKey}`;\n  const [examplesPage, setExamplesPage] = useState(() => ({ contextKey: examplesContextKey, offset: 0 }));\n  const examplesOffset = examplesPage.contextKey === examplesContextKey ? examplesPage.offset : 0;\n  const [insightTraceId, setInsightTraceId] = useState<string>();\n  const detailQuery = useThemeDetail(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotId,\n    selection?.themeId,\n  );\n  const examplesQuery = useThemeExamples(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotId,\n    selection?.themeId,\n    EXAMPLES_PAGE_SIZE,\n    examplesOffset,\n    filters,\n  );\n  const historyQuery = useThemeHistory(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotTotal > 1 ? selection?.themeId : undefined,\n  );\n  const title = detailQuery.data?.theme?.label ?? selection?.label ?? 'Theme details';\n  const signalName = selection?.signalName;\n  const signalDisplayLabel = signalName ? signalLabel(signalCatalog, signalName) : undefined;\n  const signalDisplayDescription = signalName ? signalDescription(signalCatalog, signalName) : undefined;\n  const historyPoints = historyQuery.data ? chronologicalHistoryPoints(historyQuery.data.points) : [];\n  const oldestHistoryPoint = historyPoints[0];\n\n  return (\n    <Drawer\n      onOpenChange={open => {\n        if (!open) {\n          setExamplesPage({ contextKey: '', offset: 0 });\n          setInsightTraceId(undefined);\n          onClose();\n        }\n      }}\n      open={selection !== undefined}\n      overlay=\"none\"\n      side=\"right\"\n      variant=\"floating\"\n    >\n      <DrawerContent>\n        <DrawerHeader className=\"border-b border-border\">\n          {signalName !== undefined && (\n            <Txt\n              as=\"span\"\n              variant=\"column\"\n              font=\"mono\"\n              className=\"tracking-widest\"\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalDisplayDescription ? (\n                <Tooltip>\n                  <TooltipTrigger aria-label={signalDisplayLabel} className=\"cursor-default uppercase\">\n                    {signalDisplayLabel}\n                  </TooltipTrigger>\n                  <TooltipContent>{signalDisplayDescription}</TooltipContent>\n                </Tooltip>\n              ) : (\n                <span className=\"uppercase\">{signalDisplayLabel}</span>\n              )}\n            </Txt>\n          )}\n          <DrawerTitle>{title}</DrawerTitle>\n          <DrawerDescription className=\"sr-only\">\n            Details for the {signalName ?? 'selected'} theme {title}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody className=\"grid content-start gap-6 overflow-y-auto p-6\">\n          {insightTraceId !== undefined && (\n            <TraceInsightView traceId={insightTraceId} onBack={() => setInsightTraceId(undefined)} />\n          )}\n          {insightTraceId === undefined && (\n            <>\n              {detailQuery.isPending && <Txt tone=\"muted\">Loading theme details…</Txt>}\n              {detailQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load theme details.</Txt>}\n              {detailQuery.data && !detailQuery.data.theme && (\n                <section>\n                  <Txt as=\"h2\" variant=\"subheading\" tone=\"ink\">\n                    Not present in this snapshot\n                  </Txt>\n                  <Txt tone=\"muted\" className=\"mt-2\">\n                    This theme has no data in the selected snapshot.\n                  </Txt>\n                </section>\n              )}\n              {detailQuery.data?.theme && (\n                <>\n                  <section aria-labelledby=\"theme-summary-heading\">\n                    <Txt\n                      as=\"h2\"\n                      variant=\"caption\"\n                      tone=\"muted\"\n                      font=\"mono\"\n                      id=\"theme-summary-heading\"\n                      className=\"tracking-wider uppercase\"\n                    >\n                      Summary\n                    </Txt>\n                    <Txt tone=\"ink\" className=\"mt-3\">\n                      {detailQuery.data.theme.description ?? 'No description available.'}\n                    </Txt>\n                    <Txt tone=\"ink\" font=\"mono\" className=\"mt-3 tabular-nums\">\n                      {shareSentence(\n                        filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,\n                        filteredStats?.stageShare ?? detailQuery.data.theme.coverage,\n                      )}\n                    </Txt>\n                  </section>\n\n                  <section aria-labelledby=\"theme-examples-heading\">\n                    <Txt\n                      as=\"h2\"\n                      variant=\"caption\"\n                      tone=\"muted\"\n                      font=\"mono\"\n                      id=\"theme-examples-heading\"\n                      className=\"tracking-wider uppercase\"\n                    >\n                      Examples\n                    </Txt>\n                    {examplesQuery.isPending && (\n                      <Txt tone=\"muted\" className=\"mt-3\">\n                        Loading examples…\n                      </Txt>\n                    )}\n                    {examplesQuery.isError && (\n                      <Txt className=\"mt-3 text-destructive-foreground\">Unable to load examples.</Txt>\n                    )}\n                    {examplesQuery.data && (\n                      <>\n                        {examplesQuery.data.examples.length === 0 ? (\n                          <Txt tone=\"muted\" className=\"mt-3\">\n                            No examples in this snapshot.\n                          </Txt>\n                        ) : (\n                          <ul className=\"mt-3 space-y-3\">\n                            {examplesQuery.data.examples.map(example => (\n                              <li key={example.traceId}>\n                                <button\n                                  type=\"button\"\n                                  aria-label={`View trace insight for ${example.signalText}`}\n                                  className={cn(\n                                    raisedSurfaceStyle,\n                                    'state-layer w-full cursor-pointer rounded-md p-3 text-left text-body text-foreground',\n                                  )}\n                                  onClick={() => setInsightTraceId(example.traceId)}\n                                >\n                                  {example.signalText}\n                                </button>\n                              </li>\n                            ))}\n                          </ul>\n                        )}\n                        <ExamplesPager\n                          traceCount={filteredStats?.traceCount ?? detailQuery.data.theme.traceCount}\n                          offset={examplesOffset}\n                          onOffsetChange={offset => setExamplesPage({ contextKey: examplesContextKey, offset })}\n                        />\n                      </>\n                    )}\n                  </section>\n\n                  {snapshotTotal > 1 && (\n                    <section aria-labelledby=\"theme-trend-heading\">\n                      <Txt\n                        as=\"h2\"\n                        variant=\"caption\"\n                        tone=\"muted\"\n                        font=\"mono\"\n                        id=\"theme-trend-heading\"\n                        className=\"tracking-wider uppercase\"\n                      >\n                        Trend\n                      </Txt>\n                      {historyQuery.isPending && (\n                        <Txt tone=\"muted\" className=\"mt-3\">\n                          Loading trend…\n                        </Txt>\n                      )}\n                      {historyQuery.isError && (\n                        <Txt className=\"mt-3 text-destructive-foreground\">Unable to load the trend.</Txt>\n                      )}\n                      {oldestHistoryPoint !== undefined && (\n                        <>\n                          <Txt tone=\"ink\" className=\"mt-3\">\n                            {/* A nextCursor means older points exist beyond the fetched window,\n                                so the oldest loaded point is a lower bound, not the true origin. */}\n                            {historyQuery.data?.nextCursor\n                              ? `Active since at least ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length}+ snapshots`\n                              : `First seen ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length} ${historyPoints.length === 1 ? 'snapshot' : 'snapshots'}`}{' '}\n                            · {themeTrendDirection(historyPoints)}\n                          </Txt>\n                          {historyPoints.length >= 2 && (\n                            <ThemeTrendChart points={historyPoints} signalName={signalName ?? 'goal'} />\n                          )}\n                        </>\n                      )}\n                    </section>\n                  )}\n                </>\n              )}\n            </>\n          )}\n        </DrawerBody>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n"],"names":["useTraceIntelligence","useState","useThemeDetail","useThemeExamples","EXAMPLES_PAGE_SIZE","useThemeHistory","signalLabel","signalDescription","chronologicalHistoryPoints","jsx","Drawer","DrawerContent","jsxs","DrawerHeader","Txt","getSignalColor","Tooltip","TooltipTrigger","TooltipContent","DrawerTitle","DrawerDescription","DrawerBody","TraceInsightView","Fragment","shareSentence","cn","raisedSurfaceStyle","ExamplesPager","formatSnapshotDate","themeTrendDirection","ThemeTrendChart"],"mappings":"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"}
+{"version":3,"file":"theme-detail-panel.cjs.js","sources":["../../../src/ee/signals/theme-detail-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { EXAMPLES_PAGE_SIZE, ExamplesPager } from './examples-pager';\nimport { useThemeDetail, useThemeExamples, useThemeHistory } from './hooks';\nimport { getSignalColor } from './signal-colors';\nimport { formatSnapshotDate, shareSentence, signalDescription, signalLabel } from './signal-formatting';\nimport type { SelectedTheme, ThemeSelection, ThemeSelectionStats } from './theme-drilldown-data';\nimport { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend';\nimport { ThemeTrendChart } from './theme-trend-chart';\nimport { TraceInsightView } from './trace-insight-view';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n} from '@/ds/components/Drawer';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\ninterface ThemeDetailPanelProps {\n  entityId: string;\n  entityType: string;\n  snapshotId: string;\n  snapshotTotal: number;\n  selection: SelectedTheme | undefined;\n  filters?: ThemeSelection[];\n  filteredStats?: ThemeSelectionStats;\n  onClose: () => void;\n}\n\nexport function ThemeDetailPanel({\n  entityId,\n  entityType,\n  snapshotId,\n  snapshotTotal,\n  selection,\n  filters = [],\n  filteredStats,\n  onClose,\n}: ThemeDetailPanelProps) {\n  const { signalCatalog } = useTraceIntelligence();\n  const filterKey = filters\n    .map(filter => `${filter.signalName}:${filter.kind === 'theme' ? filter.themeId : 'noise'}`)\n    .join(',');\n  const examplesContextKey = `${snapshotId}:${selection?.signalName ?? ''}:${selection?.themeId ?? ''}:${filterKey}`;\n  const [examplesPage, setExamplesPage] = useState(() => ({ contextKey: examplesContextKey, offset: 0 }));\n  const examplesOffset = examplesPage.contextKey === examplesContextKey ? examplesPage.offset : 0;\n  const [insightTraceId, setInsightTraceId] = useState<string>();\n  const detailQuery = useThemeDetail(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotId,\n    selection?.themeId,\n  );\n  const examplesQuery = useThemeExamples(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotId,\n    selection?.themeId,\n    EXAMPLES_PAGE_SIZE,\n    examplesOffset,\n    filters,\n  );\n  const historyQuery = useThemeHistory(\n    entityId,\n    entityType,\n    selection?.signalName ?? 'goal',\n    snapshotTotal > 1 ? selection?.themeId : undefined,\n  );\n  const title = detailQuery.data?.theme?.label ?? selection?.label ?? 'Theme details';\n  const signalName = selection?.signalName;\n  const signalDisplayLabel = signalName ? signalLabel(signalCatalog, signalName) : undefined;\n  const signalDisplayDescription = signalName ? signalDescription(signalCatalog, signalName) : undefined;\n  const historyPoints = historyQuery.data ? chronologicalHistoryPoints(historyQuery.data.points) : [];\n  const oldestHistoryPoint = historyPoints[0];\n\n  return (\n    <Drawer\n      onOpenChange={open => {\n        if (!open) {\n          setExamplesPage({ contextKey: '', offset: 0 });\n          setInsightTraceId(undefined);\n          onClose();\n        }\n      }}\n      open={selection !== undefined}\n      overlay=\"none\"\n      side=\"right\"\n      variant=\"floating\"\n    >\n      <DrawerContent>\n        <DrawerHeader className=\"border-b border-border\">\n          {signalName !== undefined && (\n            <Txt\n              as=\"span\"\n              variant=\"column\"\n\n              style={{ color: getSignalColor(signalName) }}\n            >\n              {signalDisplayDescription ? (\n                <Tooltip>\n                  <TooltipTrigger aria-label={signalDisplayLabel} className=\"cursor-default uppercase\">\n                    {signalDisplayLabel}\n                  </TooltipTrigger>\n                  <TooltipContent>{signalDisplayDescription}</TooltipContent>\n                </Tooltip>\n              ) : (\n                <span className=\"uppercase\">{signalDisplayLabel}</span>\n              )}\n            </Txt>\n          )}\n          <DrawerTitle>{title}</DrawerTitle>\n          <DrawerDescription className=\"sr-only\">\n            Details for the {signalName ?? 'selected'} theme {title}\n          </DrawerDescription>\n        </DrawerHeader>\n        <DrawerBody className=\"grid content-start gap-6 overflow-y-auto p-6\">\n          {insightTraceId !== undefined && (\n            <TraceInsightView traceId={insightTraceId} onBack={() => setInsightTraceId(undefined)} />\n          )}\n          {insightTraceId === undefined && (\n            <>\n              {detailQuery.isPending && <Txt tone=\"muted\">Loading theme details…</Txt>}\n              {detailQuery.isError && <Txt className=\"text-destructive-foreground\">Unable to load theme details.</Txt>}\n              {detailQuery.data && !detailQuery.data.theme && (\n                <section>\n                  <Txt as=\"h2\" variant=\"subheading\" tone=\"ink\">\n                    Not present in this snapshot\n                  </Txt>\n                  <Txt tone=\"muted\" className=\"mt-2\">\n                    This theme has no data in the selected snapshot.\n                  </Txt>\n                </section>\n              )}\n              {detailQuery.data?.theme && (\n                <>\n                  <section aria-labelledby=\"theme-summary-heading\">\n                    <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"theme-summary-heading\">\n                      Summary\n                    </Txt>\n                    <Txt tone=\"ink\" className=\"mt-3\">\n                      {detailQuery.data.theme.description ?? 'No description available.'}\n                    </Txt>\n                    <Txt tone=\"ink\" className=\"mt-3 tabular-nums\">\n                      {shareSentence(\n                        filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,\n                        filteredStats?.stageShare ?? detailQuery.data.theme.coverage,\n                      )}\n                    </Txt>\n                  </section>\n\n                  <section aria-labelledby=\"theme-examples-heading\">\n                    <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"theme-examples-heading\">\n                      Examples\n                    </Txt>\n                    {examplesQuery.isPending && (\n                      <Txt tone=\"muted\" className=\"mt-3\">\n                        Loading examples…\n                      </Txt>\n                    )}\n                    {examplesQuery.isError && (\n                      <Txt className=\"mt-3 text-destructive-foreground\">Unable to load examples.</Txt>\n                    )}\n                    {examplesQuery.data && (\n                      <>\n                        {examplesQuery.data.examples.length === 0 ? (\n                          <Txt tone=\"muted\" className=\"mt-3\">\n                            No examples in this snapshot.\n                          </Txt>\n                        ) : (\n                          <ul className=\"mt-3 space-y-3\">\n                            {examplesQuery.data.examples.map(example => (\n                              <li key={example.traceId}>\n                                <button\n                                  type=\"button\"\n                                  aria-label={`View trace insight for ${example.signalText}`}\n                                  onClick={() => setInsightTraceId(example.traceId)}\n                                  className={cn(\n                                    'text-foreground',\n                                    raisedSurfaceStyle,\n                                    'state-layer w-full cursor-pointer rounded-md p-3 text-left',\n                                  )}\n                                >\n                                  <Txt as=\"span\" variant=\"body\" className=\"block\">\n                                    {example.signalText}\n                                  </Txt>\n                                </button>\n                              </li>\n                            ))}\n                          </ul>\n                        )}\n                        <ExamplesPager\n                          traceCount={filteredStats?.traceCount ?? detailQuery.data.theme.traceCount}\n                          offset={examplesOffset}\n                          onOffsetChange={offset => setExamplesPage({ contextKey: examplesContextKey, offset })}\n                        />\n                      </>\n                    )}\n                  </section>\n\n                  {snapshotTotal > 1 && (\n                    <section aria-labelledby=\"theme-trend-heading\">\n                      <Txt as=\"h2\" variant=\"eyebrow\" tone=\"muted\" id=\"theme-trend-heading\">\n                        Trend\n                      </Txt>\n                      {historyQuery.isPending && (\n                        <Txt tone=\"muted\" className=\"mt-3\">\n                          Loading trend…\n                        </Txt>\n                      )}\n                      {historyQuery.isError && (\n                        <Txt className=\"mt-3 text-destructive-foreground\">Unable to load the trend.</Txt>\n                      )}\n                      {oldestHistoryPoint !== undefined && (\n                        <>\n                          <Txt tone=\"ink\" className=\"mt-3\">\n                            {/* A nextCursor means older points exist beyond the fetched window,\n                                so the oldest loaded point is a lower bound, not the true origin. */}\n                            {historyQuery.data?.nextCursor\n                              ? `Active since at least ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length}+ snapshots`\n                              : `First seen ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length} ${historyPoints.length === 1 ? 'snapshot' : 'snapshots'}`}{' '}\n                            · {themeTrendDirection(historyPoints)}\n                          </Txt>\n                          {historyPoints.length >= 2 && (\n                            <ThemeTrendChart points={historyPoints} signalName={signalName ?? 'goal'} />\n                          )}\n                        </>\n                      )}\n                    </section>\n                  )}\n                </>\n              )}\n            </>\n          )}\n        </DrawerBody>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n"],"names":["useTraceIntelligence","useState","useThemeDetail","useThemeExamples","EXAMPLES_PAGE_SIZE","useThemeHistory","signalLabel","signalDescription","chronologicalHistoryPoints","jsx","Drawer","DrawerContent","jsxs","DrawerHeader","Txt","getSignalColor","Tooltip","TooltipTrigger","TooltipContent","DrawerTitle","DrawerDescription","DrawerBody","TraceInsightView","Fragment","shareSentence","cn","raisedSurfaceStyle","ExamplesPager","formatSnapshotDate","themeTrendDirection","ThemeTrendChart"],"mappings":"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"}