npm - @mastra/playground-ui - Versions diffs - 56.0.0 → 57.0.0-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1044) hide show

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

	@@ -1 +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 { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\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=\"text-column cursor-default font-mono tracking-wider\"\n data-testid=\"signal-column-header\"\n style={{ color: nodeColor(getSignalHue(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","nodeColor","getSignalHue","TooltipContent","signalDescription","cn","quietTextHover","controlStateColorTransition","GripVertical"],"mappings":"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"}
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 { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\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: nodeColor(getSignalHue(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","nodeColor","getSignalHue","TooltipContent","signalDescription","cn","quietTextHover","controlStateColorTransition","GripVertical"],"mappings":"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"}

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

@@ -107,7 +107,7 @@ function SortableSignalHeaders({
                               /* @__PURE__ */ jsx(
                                 TooltipTrigger,
                                 {
-                                  className: "text-column cursor-default font-mono tracking-wider",
+                                  className: "cursor-default font-mono text-column tracking-wider",
                                   "data-testid": "signal-column-header",
                                   style: { color: nodeColor(getSignalHue(signalName)) },
                                   children: label.toUpperCase()

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

	@@ -1 +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 { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\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=\"text-column cursor-default font-mono tracking-wider\"\n data-testid=\"signal-column-header\"\n style={{ color: nodeColor(getSignalHue(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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"}
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 { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\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: nodeColor(getSignalHue(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-sparkline.cjs.js CHANGED Viewed

@@ -43,7 +43,7 @@ function ThemeCompareSparkline({
         children: polylines.map((points) => /* @__PURE__ */ jsxRuntime.jsx(
           "polyline",
           {
-            className: "stroke-muted-foreground fill-none",
+            className: "fill-none stroke-muted-foreground",
             points,
             strokeWidth: "1",
             vectorEffect: "non-scaling-stroke"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-compare-sparkline.cjs.js","sources":["../../../src/ee/signals/theme-compare-sparkline.tsx"],"sourcesContent":["const SPARKLINE_WIDTH = 100;\nconst SPARKLINE_HEIGHT = 20;\n\nexport function ThemeCompareSparkline({\n series,\n positions,\n markerIndexes,\n}: {\n series: Array<number \| undefined>;\n positions: number[];\n markerIndexes: number[];\n}) {\n const loaded = series.flatMap((share, index) => (share === undefined ? [] : [{ share, index }]));\n if (loaded.length < 2) return null;\n\n const maxShare = Math.max(...loaded.map(point => point.share), 0.01);\n const pointFor = (point: { share: number; index: number }) => ({\n x: ((positions[point.index] ?? 0) / 100) * SPARKLINE_WIDTH,\n y: SPARKLINE_HEIGHT - 2 - (point.share / maxShare) * (SPARKLINE_HEIGHT - 4),\n });\n const segments: Array<Array<{ share: number; index: number }>> = [];\n for (const point of loaded) {\n const currentSegment = segments.at(-1);\n const previousPoint = currentSegment?.at(-1);\n if (!currentSegment \|\| !previousPoint \|\| point.index !== previousPoint.index + 1) {\n segments.push([point]);\n } else {\n currentSegment.push(point);\n }\n }\n const polylines = segments\n .filter(segment => segment.length > 1)\n .map(segment => segment.map(point => `${pointFor(point).x.toFixed(1)},${pointFor(point).y.toFixed(1)}`).join(' '));\n const markers = markerIndexes.flatMap(markerIndex => {\n const point = loaded.find(candidate => candidate.index === markerIndex);\n return point ? [point] : [];\n });\n\n return (\n <div aria-hidden=\"true\" className=\"relative mt-1.5 h-5 w-full\">\n <svg\n className=\"absolute inset-0 size-full\"\n preserveAspectRatio=\"none\"\n viewBox={`0 0 ${SPARKLINE_WIDTH} ${SPARKLINE_HEIGHT}`}\n >\n {polylines.map(points => (\n <polyline\n key={points}\n className=\"stroke-muted-foreground ~~fill-none~~\"\n points={points}\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n ))}\n </svg>\n {markers.map(point => (\n <span\n key={point.index}\n className=\"absolute size-2 -translate-1/2 rounded-full bg-green-400\"\n style={{ left: `${positions[point.index]}%`, top: `${pointFor(point).y}px` }}\n />\n ))}\n </div>\n );\n}\n"],"names":["jsxs","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"theme-compare-sparkline.cjs.js","sources":["../../../src/ee/signals/theme-compare-sparkline.tsx"],"sourcesContent":["const SPARKLINE_WIDTH = 100;\nconst SPARKLINE_HEIGHT = 20;\n\nexport function ThemeCompareSparkline({\n series,\n positions,\n markerIndexes,\n}: {\n series: Array<number \| undefined>;\n positions: number[];\n markerIndexes: number[];\n}) {\n const loaded = series.flatMap((share, index) => (share === undefined ? [] : [{ share, index }]));\n if (loaded.length < 2) return null;\n\n const maxShare = Math.max(...loaded.map(point => point.share), 0.01);\n const pointFor = (point: { share: number; index: number }) => ({\n x: ((positions[point.index] ?? 0) / 100) * SPARKLINE_WIDTH,\n y: SPARKLINE_HEIGHT - 2 - (point.share / maxShare) * (SPARKLINE_HEIGHT - 4),\n });\n const segments: Array<Array<{ share: number; index: number }>> = [];\n for (const point of loaded) {\n const currentSegment = segments.at(-1);\n const previousPoint = currentSegment?.at(-1);\n if (!currentSegment \|\| !previousPoint \|\| point.index !== previousPoint.index + 1) {\n segments.push([point]);\n } else {\n currentSegment.push(point);\n }\n }\n const polylines = segments\n .filter(segment => segment.length > 1)\n .map(segment => segment.map(point => `${pointFor(point).x.toFixed(1)},${pointFor(point).y.toFixed(1)}`).join(' '));\n const markers = markerIndexes.flatMap(markerIndex => {\n const point = loaded.find(candidate => candidate.index === markerIndex);\n return point ? [point] : [];\n });\n\n return (\n <div aria-hidden=\"true\" className=\"relative mt-1.5 h-5 w-full\">\n <svg\n className=\"absolute inset-0 size-full\"\n preserveAspectRatio=\"none\"\n viewBox={`0 0 ${SPARKLINE_WIDTH} ${SPARKLINE_HEIGHT}`}\n >\n {polylines.map(points => (\n <polyline\n key={points}\n className=\"fill-none stroke-muted-foreground\"\n points={points}\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n ))}\n </svg>\n {markers.map(point => (\n <span\n key={point.index}\n className=\"absolute size-2 -translate-1/2 rounded-full bg-green-400\"\n style={{ left: `${positions[point.index]}%`, top: `${pointFor(point).y}px` }}\n />\n ))}\n </div>\n );\n}\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAAA,MAAM,eAAA,GAAkB,GAAA;AACxB,MAAM,gBAAA,GAAmB,EAAA;AAElB,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,OAAA,CAAQ,CAAC,OAAO,KAAA,KAAW,KAAA,KAAU,MAAA,GAAY,KAAK,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,CAAE,CAAA;AAC/F,EAAA,IAAI,MAAA,CAAO,MAAA,GAAS,CAAA,EAAG,OAAO,IAAA;AAE9B,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,GAAG,MAAA,CAAO,IAAI,CAAA,KAAA,KAAS,KAAA,CAAM,KAAK,CAAA,EAAG,IAAI,CAAA;AACnE,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,MAA6C;AAAA,IAC7D,IAAK,SAAA,CAAU,KAAA,CAAM,KAAK,CAAA,IAAK,KAAK,GAAA,GAAO,eAAA;AAAA,IAC3C,GAAG,gBAAA,GAAmB,CAAA,GAAK,KAAA,CAAM,KAAA,GAAQ,YAAa,gBAAA,GAAmB,CAAA;AAAA,GAC3E,CAAA;AACA,EAAA,MAAM,WAA2D,EAAC;AAClE,EAAA,KAAA,MAAW,SAAS,MAAA,EAAQ;AAC1B,IAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,EAAA,CAAG,EAAE,CAAA;AACrC,IAAA,MAAM,aAAA,GAAgB,cAAA,EAAgB,EAAA,CAAG,EAAE,CAAA;AAC3C,IAAA,IAAI,CAAC,kBAAkB,CAAC,aAAA,IAAiB,MAAM,KAAA,KAAU,aAAA,CAAc,QAAQ,CAAA,EAAG;AAChF,MAAA,QAAA,CAAS,IAAA,CAAK,CAAC,KAAK,CAAC,CAAA;AAAA,IACvB,CAAA,MAAO;AACL,MAAA,cAAA,CAAe,KAAK,KAAK,CAAA;AAAA,IAC3B;AAAA,EACF;AACA,EAAA,MAAM,SAAA,GAAY,QAAA,CACf,MAAA,CAAO,CAAA,OAAA,KAAW,QAAQ,MAAA,GAAS,CAAC,CAAA,CACpC,GAAA,CAAI,CAAA,OAAA,KAAW,OAAA,CAAQ,GAAA,CAAI,CAAA,KAAA,KAAS,GAAG,QAAA,CAAS,KAAK,CAAA,CAAE,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,EAAI,SAAS,KAAK,CAAA,CAAE,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAE,CAAA,CAAE,IAAA,CAAK,GAAG,CAAC,CAAA;AACnH,EAAA,MAAM,OAAA,GAAU,aAAA,CAAc,OAAA,CAAQ,CAAA,WAAA,KAAe;AACnD,IAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,CAAA,SAAA,KAAa,SAAA,CAAU,UAAU,WAAW,CAAA;AACtE,IAAA,OAAO,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,EAAC;AAAA,EAC5B,CAAC,CAAA;AAED,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAU,4BAAA,EAChC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,4BAAA;AAAA,QACV,mBAAA,EAAoB,MAAA;AAAA,QACpB,OAAA,EAAS,CAAA,IAAA,EAAO,eAAe,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAA;AAAA,QAElD,QAAA,EAAA,SAAA,CAAU,IAAI,CAAA,MAAA,qBACbA,cAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,mCAAA;AAAA,YACV,MAAA;AAAA,YACA,WAAA,EAAY,GAAA;AAAA,YACZ,YAAA,EAAa;AAAA,WAAA;AAAA,UAJR;AAAA,SAMR;AAAA;AAAA,KACH;AAAA,IACC,OAAA,CAAQ,IAAI,CAAA,KAAA,qBACXA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,0DAAA;AAAA,QACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,UAAU,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA,CAAA,EAAK,KAAK,CAAA,EAAG,QAAA,CAAS,KAAK,CAAA,CAAE,CAAC,CAAA,EAAA,CAAA;AAAK,OAAA;AAAA,MAFtE,KAAA,CAAM;AAAA,KAId;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/ee/signals/theme-compare-sparkline.es.js CHANGED Viewed

@@ -39,7 +39,7 @@ function ThemeCompareSparkline({
         children: polylines.map((points) => /* @__PURE__ */ jsx(
           "polyline",
           {
-            className: "stroke-muted-foreground fill-none",
+            className: "fill-none stroke-muted-foreground",
             points,
             strokeWidth: "1",
             vectorEffect: "non-scaling-stroke"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-compare-sparkline.es.js","sources":["../../../src/ee/signals/theme-compare-sparkline.tsx"],"sourcesContent":["const SPARKLINE_WIDTH = 100;\nconst SPARKLINE_HEIGHT = 20;\n\nexport function ThemeCompareSparkline({\n series,\n positions,\n markerIndexes,\n}: {\n series: Array<number \| undefined>;\n positions: number[];\n markerIndexes: number[];\n}) {\n const loaded = series.flatMap((share, index) => (share === undefined ? [] : [{ share, index }]));\n if (loaded.length < 2) return null;\n\n const maxShare = Math.max(...loaded.map(point => point.share), 0.01);\n const pointFor = (point: { share: number; index: number }) => ({\n x: ((positions[point.index] ?? 0) / 100) * SPARKLINE_WIDTH,\n y: SPARKLINE_HEIGHT - 2 - (point.share / maxShare) * (SPARKLINE_HEIGHT - 4),\n });\n const segments: Array<Array<{ share: number; index: number }>> = [];\n for (const point of loaded) {\n const currentSegment = segments.at(-1);\n const previousPoint = currentSegment?.at(-1);\n if (!currentSegment \|\| !previousPoint \|\| point.index !== previousPoint.index + 1) {\n segments.push([point]);\n } else {\n currentSegment.push(point);\n }\n }\n const polylines = segments\n .filter(segment => segment.length > 1)\n .map(segment => segment.map(point => `${pointFor(point).x.toFixed(1)},${pointFor(point).y.toFixed(1)}`).join(' '));\n const markers = markerIndexes.flatMap(markerIndex => {\n const point = loaded.find(candidate => candidate.index === markerIndex);\n return point ? [point] : [];\n });\n\n return (\n <div aria-hidden=\"true\" className=\"relative mt-1.5 h-5 w-full\">\n <svg\n className=\"absolute inset-0 size-full\"\n preserveAspectRatio=\"none\"\n viewBox={`0 0 ${SPARKLINE_WIDTH} ${SPARKLINE_HEIGHT}`}\n >\n {polylines.map(points => (\n <polyline\n key={points}\n className=\"stroke-muted-foreground ~~fill-none~~\"\n points={points}\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n ))}\n </svg>\n {markers.map(point => (\n <span\n key={point.index}\n className=\"absolute size-2 -translate-1/2 rounded-full bg-green-400\"\n style={{ left: `${positions[point.index]}%`, top: `${pointFor(point).y}px` }}\n />\n ))}\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"theme-compare-sparkline.es.js","sources":["../../../src/ee/signals/theme-compare-sparkline.tsx"],"sourcesContent":["const SPARKLINE_WIDTH = 100;\nconst SPARKLINE_HEIGHT = 20;\n\nexport function ThemeCompareSparkline({\n series,\n positions,\n markerIndexes,\n}: {\n series: Array<number \| undefined>;\n positions: number[];\n markerIndexes: number[];\n}) {\n const loaded = series.flatMap((share, index) => (share === undefined ? [] : [{ share, index }]));\n if (loaded.length < 2) return null;\n\n const maxShare = Math.max(...loaded.map(point => point.share), 0.01);\n const pointFor = (point: { share: number; index: number }) => ({\n x: ((positions[point.index] ?? 0) / 100) * SPARKLINE_WIDTH,\n y: SPARKLINE_HEIGHT - 2 - (point.share / maxShare) * (SPARKLINE_HEIGHT - 4),\n });\n const segments: Array<Array<{ share: number; index: number }>> = [];\n for (const point of loaded) {\n const currentSegment = segments.at(-1);\n const previousPoint = currentSegment?.at(-1);\n if (!currentSegment \|\| !previousPoint \|\| point.index !== previousPoint.index + 1) {\n segments.push([point]);\n } else {\n currentSegment.push(point);\n }\n }\n const polylines = segments\n .filter(segment => segment.length > 1)\n .map(segment => segment.map(point => `${pointFor(point).x.toFixed(1)},${pointFor(point).y.toFixed(1)}`).join(' '));\n const markers = markerIndexes.flatMap(markerIndex => {\n const point = loaded.find(candidate => candidate.index === markerIndex);\n return point ? [point] : [];\n });\n\n return (\n <div aria-hidden=\"true\" className=\"relative mt-1.5 h-5 w-full\">\n <svg\n className=\"absolute inset-0 size-full\"\n preserveAspectRatio=\"none\"\n viewBox={`0 0 ${SPARKLINE_WIDTH} ${SPARKLINE_HEIGHT}`}\n >\n {polylines.map(points => (\n <polyline\n key={points}\n className=\"fill-none stroke-muted-foreground\"\n points={points}\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n ))}\n </svg>\n {markers.map(point => (\n <span\n key={point.index}\n className=\"absolute size-2 -translate-1/2 rounded-full bg-green-400\"\n style={{ left: `${positions[point.index]}%`, top: `${pointFor(point).y}px` }}\n />\n ))}\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

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

@@ -77,12 +77,12 @@ function ThemeCompare({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border text-muted-foreground text-caption rounded-md border px-2 py-1 font-mono tabular-nums", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(fromSnapshot, flows[fromIndex]) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-muted-foreground text-caption", children: "→" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border text-muted-foreground text-caption rounded-md border px-2 py-1 font-mono tabular-nums", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(toSnapshot, flows[toIndex]) }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption", children: grabbedPoint === void 0 ? "Click a landmark to move the nearest point · click a point to grab it." : "Point grabbed — click a landmark to place it." })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(fromSnapshot, flows[fromIndex]) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-caption text-muted-foreground", children: "→" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums", children: ee_signals_sankeySignalsData.snapshotSummaryLabel(toSnapshot, flows[toIndex]) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground", children: grabbedPoint === void 0 ? "Click a landmark to move the nearest point · click a point to grab it." : "Point grabbed — click a landmark to place it." })
     ] }),
-    fromIndex === toIndex ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border bg-background text-muted-foreground text-body rounded-lg border p-6", children: "Pick two different landmarks on the timeline to compare them." }) : !fromFlow || !toFlow ? /* @__PURE__ */ jsxRuntime.jsx(ee_signals_signalsLoadingSkeleton.SignalsFrameLoadingSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: signalNames.map((signalName) => /* @__PURE__ */ jsxRuntime.jsx(
+    fromIndex === toIndex ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg border border-border bg-background p-6 text-body text-muted-foreground", children: "Pick two different landmarks on the timeline to compare them." }) : !fromFlow || !toFlow ? /* @__PURE__ */ jsxRuntime.jsx(ee_signals_signalsLoadingSkeleton.SignalsFrameLoadingSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: signalNames.map((signalName) => /* @__PURE__ */ jsxRuntime.jsx(
       ee_signals_signalDeltaColumn.SignalDeltaColumn,
       {
         signalName,

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

	@@ -1 +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';\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 <p className=\"~~border-border text-muted-foreground text-caption~~ rounded-md border px-2 py-1 font-mono tabular-nums\">\n {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n </p>\n <span aria-hidden=\"true\" className=\"text-muted-foreground ~~text-caption~~\">\n →\n </span>\n <p className=\"~~border-border text-muted-foreground text-caption~~ rounded-md border px-2 py-1 font-mono tabular-nums\">\n {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n </p>\n <p className=\"text-muted-foreground ~~text-caption~~\">\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 </p>\n </div>\n {fromIndex === toIndex ? (\n <p className=\"border-border bg-background ~~text~~-~~muted-foreground~~ text-body ~~rounded~~-~~lg border p~~-6\">\n Pick two different landmarks on the timeline to compare them.\n </p>\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","snapshotSummaryLabel","SignalsFrameLoadingSkeleton","SignalDeltaColumn"],"mappings":"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"}
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';\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 <p className=\"rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums\">\n {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n </p>\n <span aria-hidden=\"true\" className=\"text-caption text-muted-foreground\">\n →\n </span>\n <p className=\"rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums\">\n {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n </p>\n <p className=\"text-caption text-muted-foreground\">\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 </p>\n </div>\n {fromIndex === toIndex ? (\n <p className=\"rounded-lg border border-border bg-background p-6 text-body text-muted-foreground\">\n Pick two different landmarks on the timeline to compare them.\n </p>\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","snapshotSummaryLabel","SignalsFrameLoadingSkeleton","SignalDeltaColumn"],"mappings":";;;;;;;;;;;;;AAmBO,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,CAAC,GAAA,EAAA,EAAE,WAAU,qGAAA,EACV,QAAA,EAAAE,iDAAA,CAAqB,cAAc,KAAA,CAAM,SAAS,CAAC,CAAA,EACtD,CAAA;AAAA,qCACC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,sCAAqC,QAAA,EAAA,GAAA,EAExE,CAAA;AAAA,sBACAF,cAAA,CAAC,OAAE,SAAA,EAAU,qGAAA,EACV,4DAAqB,UAAA,EAAY,KAAA,CAAM,OAAO,CAAC,CAAA,EAClD,CAAA;AAAA,qCACC,GAAA,EAAA,EAAE,SAAA,EAAU,sCACV,QAAA,EAAA,YAAA,KAAiB,MAAA,GACd,2EACA,+CAAA,EACN;AAAA,KAAA,EACF,CAAA;AAAA,IACC,SAAA,KAAc,0BACbA,cAAA,CAAC,GAAA,EAAA,EAAE,WAAU,mFAAA,EAAoF,QAAA,EAAA,+DAAA,EAEjG,IACE,CAAC,QAAA,IAAY,CAAC,MAAA,mBAChBA,cAAA,CAACG,iEAA4B,CAAA,mBAE7BH,cAAA,CAAC,SAAI,SAAA,EAAU,sDAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAA,UAAA,qBACfA,cAAA;AAAA,MAACI,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 CHANGED Viewed

@@ -73,12 +73,12 @@ function ThemeCompare({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5", children: [
-      /* @__PURE__ */ jsx("p", { className: "border-border text-muted-foreground text-caption rounded-md border px-2 py-1 font-mono tabular-nums", children: snapshotSummaryLabel(fromSnapshot, flows[fromIndex]) }),
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-muted-foreground text-caption", children: "→" }),
-      /* @__PURE__ */ jsx("p", { className: "border-border text-muted-foreground text-caption rounded-md border px-2 py-1 font-mono tabular-nums", children: snapshotSummaryLabel(toSnapshot, flows[toIndex]) }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption", children: grabbedPoint === void 0 ? "Click a landmark to move the nearest point · click a point to grab it." : "Point grabbed — click a landmark to place it." })
+      /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums", children: snapshotSummaryLabel(fromSnapshot, flows[fromIndex]) }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-caption text-muted-foreground", children: "→" }),
+      /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums", children: snapshotSummaryLabel(toSnapshot, flows[toIndex]) }),
+      /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: grabbedPoint === void 0 ? "Click a landmark to move the nearest point · click a point to grab it." : "Point grabbed — click a landmark to place it." })
     ] }),
-    fromIndex === toIndex ? /* @__PURE__ */ jsx("p", { className: "border-border bg-background text-muted-foreground text-body rounded-lg border p-6", children: "Pick two different landmarks on the timeline to compare them." }) : !fromFlow || !toFlow ? /* @__PURE__ */ jsx(SignalsFrameLoadingSkeleton, {}) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: signalNames.map((signalName) => /* @__PURE__ */ jsx(
+    fromIndex === toIndex ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-border bg-background p-6 text-body text-muted-foreground", children: "Pick two different landmarks on the timeline to compare them." }) : !fromFlow || !toFlow ? /* @__PURE__ */ jsx(SignalsFrameLoadingSkeleton, {}) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: signalNames.map((signalName) => /* @__PURE__ */ jsx(
       SignalDeltaColumn,
       {
         signalName,

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

	@@ -1 +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';\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 <p className=\"~~border-border text-muted-foreground text-caption~~ rounded-md border px-2 py-1 font-mono tabular-nums\">\n {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n </p>\n <span aria-hidden=\"true\" className=\"text-muted-foreground ~~text-caption~~\">\n →\n </span>\n <p className=\"~~border-border text-muted-foreground text-caption~~ rounded-md border px-2 py-1 font-mono tabular-nums\">\n {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n </p>\n <p className=\"text-muted-foreground ~~text-caption~~\">\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 </p>\n </div>\n {fromIndex === toIndex ? (\n <p className=\"border-border bg-background ~~text~~-~~muted-foreground~~ text-body ~~rounded~~-~~lg border p~~-6\">\n Pick two different landmarks on the timeline to compare them.\n </p>\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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"}
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';\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 <p className=\"rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums\">\n {snapshotSummaryLabel(fromSnapshot, flows[fromIndex])}\n </p>\n <span aria-hidden=\"true\" className=\"text-caption text-muted-foreground\">\n →\n </span>\n <p className=\"rounded-md border border-border px-2 py-1 font-mono text-caption text-muted-foreground tabular-nums\">\n {snapshotSummaryLabel(toSnapshot, flows[toIndex])}\n </p>\n <p className=\"text-caption text-muted-foreground\">\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 </p>\n </div>\n {fromIndex === toIndex ? (\n <p className=\"rounded-lg border border-border bg-background p-6 text-body text-muted-foreground\">\n Pick two different landmarks on the timeline to compare them.\n </p>\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":";;;;;;;;;AAmBO,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,GAAI,QAAA,EAA2B;AACnE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,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,GAAc,aAAA;AAAA,IAClB,QAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,CAAU,GAAA,CAAI,CAAA,QAAA,KAAY,QAAA,CAAS,UAAU;AAAA,GAC/C;AACA,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,GAAA,CAAI,CAAA,KAAA,KAAS,MAAM,IAAI,CAAA;AACjD,EAAA,MAAM,QAAA,GAAW,MAAM,SAAS,CAAA;AAChC,EAAA,MAAM,MAAA,GAAS,MAAM,OAAO,CAAA;AAC5B,EAAA,MAAM,SAAA,GAAY,sBAAsB,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,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,qBAAA,EAAsB,WAAU,WAAA,EAClD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uDAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,aAAA;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,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,qGAAA,EACV,QAAA,EAAA,oBAAA,CAAqB,cAAc,KAAA,CAAM,SAAS,CAAC,CAAA,EACtD,CAAA;AAAA,0BACC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,sCAAqC,QAAA,EAAA,GAAA,EAExE,CAAA;AAAA,sBACA,GAAA,CAAC,OAAE,SAAA,EAAU,qGAAA,EACV,+BAAqB,UAAA,EAAY,KAAA,CAAM,OAAO,CAAC,CAAA,EAClD,CAAA;AAAA,0BACC,GAAA,EAAA,EAAE,SAAA,EAAU,sCACV,QAAA,EAAA,YAAA,KAAiB,MAAA,GACd,2EACA,+CAAA,EACN;AAAA,KAAA,EACF,CAAA;AAAA,IACC,SAAA,KAAc,0BACb,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,mFAAA,EAAoF,QAAA,EAAA,+DAAA,EAEjG,IACE,CAAC,QAAA,IAAY,CAAC,MAAA,mBAChB,GAAA,CAAC,+BAA4B,CAAA,mBAE7B,GAAA,CAAC,SAAI,SAAA,EAAU,sDAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAA,UAAA,qBACf,GAAA;AAAA,MAAC,iBAAA;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-detail-panel.cjs.js CHANGED Viewed

@@ -15,7 +15,7 @@ const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_themeTrend = require('./theme-trend.cjs.js');
 const ee_signals_themeTrendChart = require('./theme-trend-chart.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-BL5shtHH.cjs');
+const drawer = require('../../drawer-9eoZbmRK.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 const tooltip = require('../../tooltip-FvWL16Xn.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
@@ -81,11 +81,11 @@ function ThemeDetailPanel({
       side: "right",
       variant: "floating",
       children: /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerContent, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerHeader, { className: "border-border border-b", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerHeader, { className: "border-b border-border", children: [
           signalName !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: "text-column font-mono tracking-widest",
+              className: "font-mono text-column tracking-widest",
               style: { color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
               children: signalDisplayDescription ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { "aria-label": signalDisplayLabel, className: "cursor-default uppercase", children: signalDisplayLabel }),
@@ -104,11 +104,11 @@ function ThemeDetailPanel({
         /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerBody, { className: "grid content-start gap-6 overflow-y-auto p-6", children: [
           insightTraceId !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(ee_signals_traceInsightView.TraceInsightView, { traceId: insightTraceId, onBack: () => setInsightTraceId(void 0) }),
           insightTraceId === void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            detailQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-body", children: "Loading theme details…" }),
+            detailQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground", children: "Loading theme details…" }),
             detailQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-red-500", children: "Unable to load theme details." }),
             detailQuery.data && !detailQuery.data.theme && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-foreground text-subheading", children: "Not present in this snapshot" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-body mt-2", children: "This theme has no data in the selected snapshot." })
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-subheading text-foreground", children: "Not present in this snapshot" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-body text-muted-foreground", children: "This theme has no data in the selected snapshot." })
             ] }),
             detailQuery.data?.theme && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-labelledby": "theme-summary-heading", children: [
@@ -116,12 +116,12 @@ function ThemeDetailPanel({
                   "h2",
                   {
                     id: "theme-summary-heading",
-                    className: "text-muted-foreground text-caption font-mono tracking-wider uppercase",
+                    className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
                     children: "Summary"
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-body mt-3", children: detailQuery.data.theme.description ?? "No description available." }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-body mt-3 font-mono tabular-nums", children: ee_signals_signalFormatting.shareSentence(
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-foreground", children: detailQuery.data.theme.description ?? "No description available." }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 font-mono text-body text-foreground tabular-nums", children: ee_signals_signalFormatting.shareSentence(
                   filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,
                   filteredStats?.stageShare ?? detailQuery.data.theme.coverage
                 ) })
@@ -131,21 +131,21 @@ function ThemeDetailPanel({
                   "h2",
                   {
                     id: "theme-examples-heading",
-                    className: "text-muted-foreground text-caption font-mono tracking-wider uppercase",
+                    className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
                     children: "Examples"
                   }
                 ),
-                examplesQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-body mt-3", children: "Loading examples…" }),
-                examplesQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body mt-3 text-red-500", children: "Unable to load examples." }),
+                examplesQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "Loading examples…" }),
+                examplesQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-red-500", children: "Unable to load examples." }),
                 examplesQuery.data && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  examplesQuery.data.examples.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-body mt-3", children: "No examples in this snapshot." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: examplesQuery.data.examples.map((example) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  examplesQuery.data.examples.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "No examples in this snapshot." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: examplesQuery.data.examples.map((example) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
                       type: "button",
                       "aria-label": `View trace insight for ${example.signalText}`,
                       className: utils_cn.cn(
                         primitives_raisedSurface.raisedSurfaceStyle,
-                        "state-layer text-foreground text-body w-full cursor-pointer rounded-md p-3 text-left"
+                        "state-layer w-full cursor-pointer rounded-md p-3 text-left text-body text-foreground"
                       ),
                       onClick: () => setInsightTraceId(example.traceId),
                       children: example.signalText
@@ -166,14 +166,14 @@ function ThemeDetailPanel({
                   "h2",
                   {
                     id: "theme-trend-heading",
-                    className: "text-muted-foreground text-caption font-mono tracking-wider uppercase",
+                    className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
                     children: "Trend"
                   }
                 ),
-                historyQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-body mt-3", children: "Loading trend…" }),
-                historyQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body mt-3 text-red-500", children: "Unable to load the trend." }),
+                historyQuery.isPending && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "Loading trend…" }),
+                historyQuery.isError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-red-500", children: "Unable to load the trend." }),
                 oldestHistoryPoint !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-foreground text-body mt-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-3 text-body text-foreground", children: [
                     historyQuery.data?.nextCursor ? `Active since at least ${ee_signals_signalFormatting.formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length}+ snapshots` : `First seen ${ee_signals_signalFormatting.formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length} ${historyPoints.length === 1 ? "snapshot" : "snapshots"}`,
                     " ",
                     "· ",

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

	@@ -1 +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 { getSignalHue } 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 { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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-border border-b\">\n {signalName !== undefined && (\n <span\n className=\"text-column font-mono tracking-widest\"\n style={{ color: nodeColor(getSignalHue(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 </span>\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 && <p className=\"text-muted-foreground text-body\">Loading theme details…</p>}\n {detailQuery.isError && <p className=\"text-body text-red-500\">Unable to load theme details.</p>}\n {detailQuery.data && !detailQuery.data.theme && (\n <section>\n <h2 className=\"text-foreground text-subheading\">Not present in this snapshot</h2>\n <p className=\"text-muted-foreground text-body mt-2\">\n This theme has no data in the selected snapshot.\n </p>\n </section>\n )}\n {detailQuery.data?.theme && (\n <>\n <section aria-labelledby=\"theme-summary-heading\">\n <h2\n id=\"theme-summary-heading\"\n className=\"text-muted-foreground text-caption font-mono tracking-wider uppercase\"\n >\n Summary\n </h2>\n <p className=\"text-foreground text-body mt-3\">\n {detailQuery.data.theme.description ?? 'No description available.'}\n </p>\n <p className=\"text-foreground text-body mt-3 font-mono tabular-nums\">\n {shareSentence(\n filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,\n filteredStats?.stageShare ?? detailQuery.data.theme.coverage,\n )}\n </p>\n </section>\n\n <section aria-labelledby=\"theme-examples-heading\">\n <h2\n id=\"theme-examples-heading\"\n className=\"text-muted-foreground text-caption font-mono tracking-wider uppercase\"\n >\n Examples\n </h2>\n {examplesQuery.isPending && (\n <p className=\"text-muted-foreground text-body mt-3\">Loading examples…</p>\n )}\n {examplesQuery.isError && <p className=\"text-body mt-3 text-red-500\">Unable to load examples.</p>}\n {examplesQuery.data && (\n <>\n {examplesQuery.data.examples.length === 0 ? (\n <p className=\"text-muted-foreground text-body mt-3\">No examples in this snapshot.</p>\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 text-foreground text-body w-full cursor-pointer rounded-md p-3 text-left',\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 <h2\n id=\"theme-trend-heading\"\n className=\"text-muted-foreground text-caption font-mono tracking-wider uppercase\"\n >\n Trend\n </h2>\n {historyQuery.isPending && <p className=\"text-muted-foreground text-body mt-3\">Loading trend…</p>}\n {historyQuery.isError && <p className=\"text-body mt-3 text-red-500\">Unable to load the trend.</p>}\n {oldestHistoryPoint !== undefined && (\n <>\n <p className=\"text-foreground text-body 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 </p>\n {historyPoints.length >= 2 && (\n <ThemeTrendChart\n points={historyPoints}\n color={nodeColor(getSignalHue(signalName ?? 'goal'))}\n />\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","nodeColor","getSignalHue","Tooltip","TooltipTrigger","TooltipContent","DrawerTitle","DrawerDescription","DrawerBody","TraceInsightView","Fragment","shareSentence","cn","raisedSurfaceStyle","ExamplesPager","formatSnapshotDate","themeTrendDirection","ThemeTrendChart"],"mappings":"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"}
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 { getSignalHue } 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 { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\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 <span\n className=\"font-mono text-column tracking-widest\"\n style={{ color: nodeColor(getSignalHue(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 </span>\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 && <p className=\"text-body text-muted-foreground\">Loading theme details…</p>}\n {detailQuery.isError && <p className=\"text-body text-red-500\">Unable to load theme details.</p>}\n {detailQuery.data && !detailQuery.data.theme && (\n <section>\n <h2 className=\"text-subheading text-foreground\">Not present in this snapshot</h2>\n <p className=\"mt-2 text-body text-muted-foreground\">\n This theme has no data in the selected snapshot.\n </p>\n </section>\n )}\n {detailQuery.data?.theme && (\n <>\n <section aria-labelledby=\"theme-summary-heading\">\n <h2\n id=\"theme-summary-heading\"\n className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Summary\n </h2>\n <p className=\"mt-3 text-body text-foreground\">\n {detailQuery.data.theme.description ?? 'No description available.'}\n </p>\n <p className=\"mt-3 font-mono text-body text-foreground tabular-nums\">\n {shareSentence(\n filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,\n filteredStats?.stageShare ?? detailQuery.data.theme.coverage,\n )}\n </p>\n </section>\n\n <section aria-labelledby=\"theme-examples-heading\">\n <h2\n id=\"theme-examples-heading\"\n className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Examples\n </h2>\n {examplesQuery.isPending && (\n <p className=\"mt-3 text-body text-muted-foreground\">Loading examples…</p>\n )}\n {examplesQuery.isError && <p className=\"mt-3 text-body text-red-500\">Unable to load examples.</p>}\n {examplesQuery.data && (\n <>\n {examplesQuery.data.examples.length === 0 ? (\n <p className=\"mt-3 text-body text-muted-foreground\">No examples in this snapshot.</p>\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 <h2\n id=\"theme-trend-heading\"\n className=\"font-mono text-caption tracking-wider text-muted-foreground uppercase\"\n >\n Trend\n </h2>\n {historyQuery.isPending && <p className=\"mt-3 text-body text-muted-foreground\">Loading trend…</p>}\n {historyQuery.isError && <p className=\"mt-3 text-body text-red-500\">Unable to load the trend.</p>}\n {oldestHistoryPoint !== undefined && (\n <>\n <p className=\"mt-3 text-body text-foreground\">\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 </p>\n {historyPoints.length >= 2 && (\n <ThemeTrendChart\n points={historyPoints}\n color={nodeColor(getSignalHue(signalName ?? 'goal'))}\n />\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","nodeColor","getSignalHue","Tooltip","TooltipTrigger","TooltipContent","DrawerTitle","DrawerDescription","DrawerBody","TraceInsightView","Fragment","shareSentence","cn","raisedSurfaceStyle","ExamplesPager","formatSnapshotDate","themeTrendDirection","ThemeTrendChart"],"mappings":"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"}