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/theme-detail-panel.es.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { signalLabel, signalDescription, shareSentence, formatSnapshotDate } fro
 import { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend.es.js';
 import { ThemeTrendChart } from './theme-trend-chart.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-Bv2DRY8E.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DnfOugYZ.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
@@ -77,11 +77,11 @@ function ThemeDetailPanel({
       side: "right",
       variant: "floating",
       children: /* @__PURE__ */ jsxs(DrawerContent, { children: [
-        /* @__PURE__ */ jsxs(DrawerHeader, { className: "border-border border-b", children: [
+        /* @__PURE__ */ jsxs(DrawerHeader, { className: "border-b border-border", children: [
           signalName !== void 0 && /* @__PURE__ */ jsx(
             "span",
             {
-              className: "text-column font-mono tracking-widest",
+              className: "font-mono text-column tracking-widest",
               style: { color: nodeColor(getSignalHue(signalName)) },
               children: signalDisplayDescription ? /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { "aria-label": signalDisplayLabel, className: "cursor-default uppercase", children: signalDisplayLabel }),
@@ -100,11 +100,11 @@ function ThemeDetailPanel({
         /* @__PURE__ */ jsxs(DrawerBody, { className: "grid content-start gap-6 overflow-y-auto p-6", children: [
           insightTraceId !== void 0 && /* @__PURE__ */ jsx(TraceInsightView, { traceId: insightTraceId, onBack: () => setInsightTraceId(void 0) }),
           insightTraceId === void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            detailQuery.isPending && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-body", children: "Loading theme details…" }),
+            detailQuery.isPending && /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: "Loading theme details…" }),
             detailQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-body text-red-500", children: "Unable to load theme details." }),
             detailQuery.data && !detailQuery.data.theme && /* @__PURE__ */ jsxs("section", { children: [
-              /* @__PURE__ */ jsx("h2", { className: "text-foreground text-subheading", children: "Not present in this snapshot" }),
-              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-body mt-2", children: "This theme has no data in the selected snapshot." })
+              /* @__PURE__ */ jsx("h2", { className: "text-subheading text-foreground", children: "Not present in this snapshot" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-body text-muted-foreground", children: "This theme has no data in the selected snapshot." })
             ] }),
             detailQuery.data?.theme && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("section", { "aria-labelledby": "theme-summary-heading", children: [
@@ -112,12 +112,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__ */ jsx("p", { className: "text-foreground text-body mt-3", children: detailQuery.data.theme.description ?? "No description available." }),
-                /* @__PURE__ */ jsx("p", { className: "text-foreground text-body mt-3 font-mono tabular-nums", children: shareSentence(
+                /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-foreground", children: detailQuery.data.theme.description ?? "No description available." }),
+                /* @__PURE__ */ jsx("p", { className: "mt-3 font-mono text-body text-foreground tabular-nums", children: shareSentence(
                   filteredStats?.traceCount ?? detailQuery.data.theme.traceCount,
                   filteredStats?.stageShare ?? detailQuery.data.theme.coverage
                 ) })
@@ -127,21 +127,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__ */ jsx("p", { className: "text-muted-foreground text-body mt-3", children: "Loading examples…" }),
-                examplesQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-body mt-3 text-red-500", children: "Unable to load examples." }),
+                examplesQuery.isPending && /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "Loading examples…" }),
+                examplesQuery.isError && /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-red-500", children: "Unable to load examples." }),
                 examplesQuery.data && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  examplesQuery.data.examples.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-body mt-3", children: "No examples in this snapshot." }) : /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: examplesQuery.data.examples.map((example) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  examplesQuery.data.examples.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "No examples in this snapshot." }) : /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-3", children: examplesQuery.data.examples.map((example) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
                       "aria-label": `View trace insight for ${example.signalText}`,
                       className: cn(
                         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
@@ -162,14 +162,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__ */ jsx("p", { className: "text-muted-foreground text-body mt-3", children: "Loading trend…" }),
-                historyQuery.isError && /* @__PURE__ */ jsx("p", { className: "text-body mt-3 text-red-500", children: "Unable to load the trend." }),
+                historyQuery.isPending && /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-muted-foreground", children: "Loading trend…" }),
+                historyQuery.isError && /* @__PURE__ */ jsx("p", { className: "mt-3 text-body text-red-500", children: "Unable to load the trend." }),
                 oldestHistoryPoint !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs("p", { className: "text-foreground text-body mt-3", children: [
+                  /* @__PURE__ */ jsxs("p", { className: "mt-3 text-body text-foreground", children: [
                     historyQuery.data?.nextCursor ? `Active since at least ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length}+ snapshots` : `First seen ${formatSnapshotDate(oldestHistoryPoint.startedAt)} · in ${historyPoints.length} ${historyPoints.length === 1 ? "snapshot" : "snapshots"}`,
                     " ",
                     "· ",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-detail-panel.es.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":[],"mappings":"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"}
1	+ {"version":3,"file":"theme-detail-panel.es.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":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
-const Button = require('../../Button-CVewl8nT.cjs');
+const Button = require('../../Button-C0DBEBcJ.cjs');
 const sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
 function selectionLabel(catalog, selection) {
@@ -57,7 +57,7 @@ function ThemeFilterBanner({
             "button",
             {
               "aria-label": selections.length === 1 ? `Clear ${selection.kind} filter` : `Clear filter ${selectionLabel(signalCatalog, selection)}`,
-              className: "state-layer border-border bg-background text-column text-foreground flex items-center gap-1.5 rounded-full border py-1 pr-2 pl-2.5",
+              className: "state-layer flex items-center gap-1.5 rounded-full border border-border bg-background py-1 pr-2 pl-2.5 text-column text-foreground",
               onClick: () => onRemove(selection.signalName),
               type: "button",
               children: [

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

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

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

@@ -3,7 +3,7 @@ import { X, Eye } from 'lucide-react';
 import { getSignalHue } from './signal-colors.es.js';
 import { signalLabel } from './signal-formatting.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
-import { B as Button } from '../../Button-cWcBEd-G.js';
+import { B as Button } from '../../Button-C9cvaVFG.js';
 import { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
 function selectionLabel(catalog, selection) {
@@ -53,7 +53,7 @@ function ThemeFilterBanner({
             "button",
             {
               "aria-label": selections.length === 1 ? `Clear ${selection.kind} filter` : `Clear filter ${selectionLabel(signalCatalog, selection)}`,
-              className: "state-layer border-border bg-background text-column text-foreground flex items-center gap-1.5 rounded-full border py-1 pr-2 pl-2.5",
+              className: "state-layer flex items-center gap-1.5 rounded-full border border-border bg-background py-1 pr-2 pl-2.5 text-column text-foreground",
               onClick: () => onRemove(selection.signalName),
               type: "button",
               children: [

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-filter-banner.es.js","sources":["../../../src/ee/signals/theme-filter-banner.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { X, Eye } from 'lucide-react';\nimport { getSignalHue } from './signal-colors';\nimport { signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { nodeColor } from '@/ds/components/SankeyChart';\n\nfunction selectionLabel(catalog: readonly SignalCatalogEntry[], selection: ThemeSelection) {\n return `${signalLabel(catalog, selection.signalName)} · ${selection.kind === 'theme' ? selection.label : 'Noise'}`;\n}\n\nfunction filterSummary({\n selections,\n filteredTraceCount,\n totalTraceCount,\n isUnavailable,\n}: {\n selections: ThemeSelection[];\n filteredTraceCount?: number;\n totalTraceCount: number;\n isUnavailable?: boolean;\n}) {\n if (isUnavailable) return 'Filters unavailable for this snapshot';\n if (filteredTraceCount === undefined) return 'Loading matching traces…';\n const onlySelection = selections.length === 1 ? selections[0] : undefined;\n if (onlySelection?.kind === 'noise') {\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces assigned to Noise`;\n }\n if (onlySelection) {\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that flow through this theme`;\n }\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that match these filters`;\n}\n\nexport function ThemeFilterBanner({\n selections,\n filteredTraceCount,\n totalTraceCount,\n isUnavailable,\n onViewDetails,\n onRemove,\n onClear,\n}: {\n selections: ThemeSelection[];\n filteredTraceCount?: number;\n totalTraceCount: number;\n isUnavailable?: boolean;\n onViewDetails: (selection: ThemeSelection) => void;\n onRemove: (signalName: ThemeSelection['signalName']) => void;\n onClear: () => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const colors = selections.map(selection => nodeColor(getSignalHue(selection.signalName)));\n const latestSelection = selections.at(-1);\n const backgroundGradient = `linear-gradient(90deg, ${colors\n .map(color => `color-mix(in srgb, ${color} 8%, transparent)`)\n .join(', ')})`;\n const borderGradient = `linear-gradient(90deg, ${colors\n .map(color => `color-mix(in srgb, ${color} 35%, transparent)`)\n .join(', ')})`;\n\n return (\n <section\n aria-label=\"Active theme drill-in\"\n className=\"relative flex flex-wrap items-center gap-x-4 gap-y-2 rounded-lg border border-transparent px-3 py-2\"\n style={{ backgroundImage: `${backgroundGradient}, ${borderGradient}`, backgroundClip: 'padding-box, border-box' }}\n >\n {selections.map((selection, index) => {\n const color = colors[index];\n return (\n <button\n key={selection.signalName}\n aria-label={\n selections.length === 1\n ? `Clear ${selection.kind} filter`\n : `Clear filter ${selectionLabel(signalCatalog, selection)}`\n }\n className=\"state-layer ~~border-border bg-background text-column text-foreground~~ flex items-center gap-1.5 rounded-full border py-1 pr-2 pl-2.5\"\n onClick={() => onRemove(selection.signalName)}\n type=\"button\"\n >\n <span aria-hidden=\"true\" className=\"rounded-0.5 size-2\" style={{ backgroundColor: color }} />\n {selectionLabel(signalCatalog, selection)}\n <X aria-hidden=\"true\" className=\"size-3.5\" />\n </button>\n );\n })}\n <span className=\"text-caption text-muted-foreground\">\n {filterSummary({ selections, filteredTraceCount, totalTraceCount, isUnavailable })}\n </span>\n {!isUnavailable && filteredTraceCount !== undefined && latestSelection ? (\n <Button\n icon={<Eye />}\n aria-label={\n latestSelection.kind === 'theme'\n ? `View theme details for ${latestSelection.label}`\n : `View noise details for ${signalLabel(signalCatalog, latestSelection.signalName)}`\n }\n onClick={() => onViewDetails(latestSelection)}\n size=\"sm\"\n type=\"button\"\n variant=\"ghost\"\n >\n Details →\n </Button>\n ) : null}\n {selections.length > 1 ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear all\n </Button>\n ) : null}\n </section>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"theme-filter-banner.es.js","sources":["../../../src/ee/signals/theme-filter-banner.tsx"],"sourcesContent":["import type { SignalCatalogEntry } from '@mastra/client-js';\nimport { X, Eye } from 'lucide-react';\nimport { getSignalHue } from './signal-colors';\nimport { signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { Button } from '@/ds/components/Button';\nimport { nodeColor } from '@/ds/components/SankeyChart';\n\nfunction selectionLabel(catalog: readonly SignalCatalogEntry[], selection: ThemeSelection) {\n return `${signalLabel(catalog, selection.signalName)} · ${selection.kind === 'theme' ? selection.label : 'Noise'}`;\n}\n\nfunction filterSummary({\n selections,\n filteredTraceCount,\n totalTraceCount,\n isUnavailable,\n}: {\n selections: ThemeSelection[];\n filteredTraceCount?: number;\n totalTraceCount: number;\n isUnavailable?: boolean;\n}) {\n if (isUnavailable) return 'Filters unavailable for this snapshot';\n if (filteredTraceCount === undefined) return 'Loading matching traces…';\n const onlySelection = selections.length === 1 ? selections[0] : undefined;\n if (onlySelection?.kind === 'noise') {\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces assigned to Noise`;\n }\n if (onlySelection) {\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that flow through this theme`;\n }\n return `Showing the ${filteredTraceCount} of ${totalTraceCount} traces that match these filters`;\n}\n\nexport function ThemeFilterBanner({\n selections,\n filteredTraceCount,\n totalTraceCount,\n isUnavailable,\n onViewDetails,\n onRemove,\n onClear,\n}: {\n selections: ThemeSelection[];\n filteredTraceCount?: number;\n totalTraceCount: number;\n isUnavailable?: boolean;\n onViewDetails: (selection: ThemeSelection) => void;\n onRemove: (signalName: ThemeSelection['signalName']) => void;\n onClear: () => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const colors = selections.map(selection => nodeColor(getSignalHue(selection.signalName)));\n const latestSelection = selections.at(-1);\n const backgroundGradient = `linear-gradient(90deg, ${colors\n .map(color => `color-mix(in srgb, ${color} 8%, transparent)`)\n .join(', ')})`;\n const borderGradient = `linear-gradient(90deg, ${colors\n .map(color => `color-mix(in srgb, ${color} 35%, transparent)`)\n .join(', ')})`;\n\n return (\n <section\n aria-label=\"Active theme drill-in\"\n className=\"relative flex flex-wrap items-center gap-x-4 gap-y-2 rounded-lg border border-transparent px-3 py-2\"\n style={{ backgroundImage: `${backgroundGradient}, ${borderGradient}`, backgroundClip: 'padding-box, border-box' }}\n >\n {selections.map((selection, index) => {\n const color = colors[index];\n return (\n <button\n key={selection.signalName}\n aria-label={\n selections.length === 1\n ? `Clear ${selection.kind} filter`\n : `Clear filter ${selectionLabel(signalCatalog, selection)}`\n }\n className=\"state-layer flex items-center gap-1.5 rounded-full border border-border bg-background py-1 pr-2 pl-2.5 text-column text-foreground\"\n onClick={() => onRemove(selection.signalName)}\n type=\"button\"\n >\n <span aria-hidden=\"true\" className=\"rounded-0.5 size-2\" style={{ backgroundColor: color }} />\n {selectionLabel(signalCatalog, selection)}\n <X aria-hidden=\"true\" className=\"size-3.5\" />\n </button>\n );\n })}\n <span className=\"text-caption text-muted-foreground\">\n {filterSummary({ selections, filteredTraceCount, totalTraceCount, isUnavailable })}\n </span>\n {!isUnavailable && filteredTraceCount !== undefined && latestSelection ? (\n <Button\n icon={<Eye />}\n aria-label={\n latestSelection.kind === 'theme'\n ? `View theme details for ${latestSelection.label}`\n : `View noise details for ${signalLabel(signalCatalog, latestSelection.signalName)}`\n }\n onClick={() => onViewDetails(latestSelection)}\n size=\"sm\"\n type=\"button\"\n variant=\"ghost\"\n >\n Details →\n </Button>\n ) : null}\n {selections.length > 1 ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear all\n </Button>\n ) : null}\n </section>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,SAAS,cAAA,CAAe,SAAwC,SAAA,EAA2B;AACzF,EAAA,OAAO,CAAA,EAAG,WAAA,CAAY,OAAA,EAAS,SAAA,CAAU,UAAU,CAAC,CAAA,GAAA,EAAM,SAAA,CAAU,IAAA,KAAS,OAAA,GAAU,SAAA,CAAU,KAAA,GAAQ,OAAO,CAAA,CAAA;AAClH;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,IAAI,eAAe,OAAO,uCAAA;AAC1B,EAAA,IAAI,kBAAA,KAAuB,QAAW,OAAO,0BAAA;AAC7C,EAAA,MAAM,gBAAgB,UAAA,CAAW,MAAA,KAAW,CAAA,GAAI,UAAA,CAAW,CAAC,CAAA,GAAI,MAAA;AAChE,EAAA,IAAI,aAAA,EAAe,SAAS,OAAA,EAAS;AACnC,IAAA,OAAO,CAAA,YAAA,EAAe,kBAAkB,CAAA,IAAA,EAAO,eAAe,CAAA,yBAAA,CAAA;AAAA,EAChE;AACA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,CAAA,YAAA,EAAe,kBAAkB,CAAA,IAAA,EAAO,eAAe,CAAA,oCAAA,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,CAAA,YAAA,EAAe,kBAAkB,CAAA,IAAA,EAAO,eAAe,CAAA,gCAAA,CAAA;AAChE;AAEO,SAAS,iBAAA,CAAkB;AAAA,EAChC,UAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAQG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,oBAAA,EAAqB;AAC/C,EAAA,MAAM,MAAA,GAAS,WAAW,GAAA,CAAI,CAAA,SAAA,KAAa,UAAU,YAAA,CAAa,SAAA,CAAU,UAAU,CAAC,CAAC,CAAA;AACxF,EAAA,MAAM,eAAA,GAAkB,UAAA,CAAW,EAAA,CAAG,EAAE,CAAA;AACxC,EAAA,MAAM,kBAAA,GAAqB,CAAA,uBAAA,EAA0B,MAAA,CAClD,GAAA,CAAI,CAAA,KAAA,KAAS,CAAA,mBAAA,EAAsB,KAAK,CAAA,iBAAA,CAAmB,CAAA,CAC3D,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA;AACb,EAAA,MAAM,cAAA,GAAiB,CAAA,uBAAA,EAA0B,MAAA,CAC9C,GAAA,CAAI,CAAA,KAAA,KAAS,CAAA,mBAAA,EAAsB,KAAK,CAAA,kBAAA,CAAoB,CAAA,CAC5D,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA;AAEb,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,uBAAA;AAAA,MACX,SAAA,EAAU,qGAAA;AAAA,MACV,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,EAAG,kBAAkB,CAAA,EAAA,EAAK,cAAc,CAAA,CAAA,EAAI,cAAA,EAAgB,yBAAA,EAA0B;AAAA,MAE/G,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,GAAA,CAAI,CAAC,SAAA,EAAW,KAAA,KAAU;AACpC,UAAA,MAAM,KAAA,GAAQ,OAAO,KAAK,CAAA;AAC1B,UAAA,uBACE,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,YAAA,EACE,UAAA,CAAW,MAAA,KAAW,CAAA,GAClB,CAAA,MAAA,EAAS,SAAA,CAAU,IAAI,CAAA,OAAA,CAAA,GACvB,CAAA,aAAA,EAAgB,cAAA,CAAe,aAAA,EAAe,SAAS,CAAC,CAAA,CAAA;AAAA,cAE9D,SAAA,EAAU,oIAAA;AAAA,cACV,OAAA,EAAS,MAAM,QAAA,CAAS,SAAA,CAAU,UAAU,CAAA;AAAA,cAC5C,IAAA,EAAK,QAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,sBAAqB,KAAA,EAAO,EAAE,eAAA,EAAiB,KAAA,EAAM,EAAG,CAAA;AAAA,gBAC1F,cAAA,CAAe,eAAe,SAAS,CAAA;AAAA,gCACxC,GAAA,CAAC,CAAA,EAAA,EAAE,aAAA,EAAY,MAAA,EAAO,WAAU,UAAA,EAAW;AAAA;AAAA,aAAA;AAAA,YAZtC,SAAA,CAAU;AAAA,WAajB;AAAA,QAEJ,CAAC,CAAA;AAAA,wBACD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA,aAAA,CAAc,EAAE,UAAA,EAAY,kBAAA,EAAoB,eAAA,EAAiB,aAAA,EAAe,CAAA,EACnF,CAAA;AAAA,QACC,CAAC,aAAA,IAAiB,kBAAA,KAAuB,MAAA,IAAa,eAAA,mBACrD,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,sBAAO,GAAA,EAAA,EAAI,CAAA;AAAA,YACX,YAAA,EACE,eAAA,CAAgB,IAAA,KAAS,OAAA,GACrB,CAAA,uBAAA,EAA0B,eAAA,CAAgB,KAAK,CAAA,CAAA,GAC/C,CAAA,uBAAA,EAA0B,WAAA,CAAY,aAAA,EAAe,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAAA,YAEtF,OAAA,EAAS,MAAM,aAAA,CAAc,eAAe,CAAA;AAAA,YAC5C,IAAA,EAAK,IAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACT,QAAA,EAAA;AAAA;AAAA,SAED,GACE,IAAA;AAAA,QACH,WAAW,MAAA,GAAS,CAAA,uBAClB,MAAA,EAAA,EAAO,IAAA,sBAAO,CAAA,EAAA,EAAE,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,MAAK,IAAA,EAAK,IAAA,EAAK,UAAS,OAAA,EAAQ,OAAA,EAAQ,uBAE/E,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;;;"}

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

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

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

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

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

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

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

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

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

@@ -72,7 +72,7 @@ function ThemeTrendChart({ points, color }) {
         ] }, point.snapshotId);
       })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground text-caption mt-1 flex justify-between font-mono", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex justify-between font-mono text-caption text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(firstPoint.startedAt) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: ee_signals_signalFormatting.formatSnapshotDate(lastPoint.startedAt) })
     ] })

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

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

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

@@ -68,7 +68,7 @@ function ThemeTrendChart({ points, color }) {
         ] }, point.snapshotId);
       })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-caption mt-1 flex justify-between font-mono", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex justify-between font-mono text-caption text-muted-foreground", children: [
       /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(firstPoint.startedAt) }),
       /* @__PURE__ */ jsx("span", { children: formatSnapshotDate(lastPoint.startedAt) })
     ] })

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

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

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

@@ -8,7 +8,7 @@ require('@tanstack/react-query');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const ee_signals_hooks_useTraceInsight = require('./hooks/use-trace-insight.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
-const Button = require('../../Button-CVewl8nT.cjs');
+const Button = require('../../Button-C0DBEBcJ.cjs');
 const icons_TraceIcon = require('../../icons/TraceIcon.cjs.js');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');
@@ -55,8 +55,8 @@ const OBSERVATION_SEVERITY_CARD = {
 };
 function ObservationItem({ observation }) {
   const { severity, kind, text } = parseTraceObservation(observation);
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `text-body rounded-md p-3 ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
-    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-meta text-muted-foreground font-mono tracking-wider uppercase", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `rounded-md p-3 text-body ${OBSERVATION_SEVERITY_CARD[severity ?? "info"]}`, children: [
+    kind !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-mono text-meta tracking-wider text-muted-foreground uppercase", children: [
       severity === "problem" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-400", children: "problem" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " · " })
@@ -74,22 +74,22 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-summary-heading",
-          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
+          className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
           children: "Trace summary"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-foreground mt-3", children: insight.summary.summary }),
-      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "text-body mt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-body text-foreground", children: insight.summary.summary }),
+      insight.summary.currentTask !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4 text-body", children: [
         /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Current task" }),
-        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground mt-1", children: insight.summary.currentTask })
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-1 text-foreground", children: insight.summary.currentTask })
       ] }),
-      insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body mt-4 text-red-500", children: "This trace was flagged as degenerate or looping." }),
+      insight.summary.degenerate === true && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-body text-red-500", children: "This trace was flagged as degenerate or looping." }),
       insight.summary.observations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "h3",
           {
             id: "trace-insight-observations-heading",
-            className: "text-caption text-muted-foreground mt-4 font-mono tracking-wider uppercase",
+            className: "mt-4 font-mono text-caption tracking-wider text-muted-foreground uppercase",
             children: "Observations"
           }
         ),
@@ -101,13 +101,13 @@ function TraceInsightBody({ insight }) {
         "h2",
         {
           id: "trace-insight-signals-heading",
-          className: "text-caption text-muted-foreground font-mono tracking-wider uppercase",
+          className: "font-mono text-caption tracking-wider text-muted-foreground uppercase",
           children: "Trace signal summaries"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "text-body rounded-md p-3"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-3", children: insight.signals.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn(primitives_raisedSurface.raisedSurfaceStyle, "rounded-md p-3 text-body"), children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: ee_signals_signalFormatting.signalLabel(signalCatalog, signal.signalName) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground mt-1", children: signal.signalText })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-foreground", children: signal.signalText })
       ] }, signal.signalName)) })
     ] })
   ] });