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/signal-delta-column.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signal-delta-column.cjs.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data';\nimport { ThemeCompareSparkline } from './theme-compare-sparkline';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeFlowResponse, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nfunction percent(share: number) {\n return `${Math.round(share * 100)}%`;\n}\n\nfunction deltaLabel(delta: number) {\n const points = Math.round(delta * 100);\n return `${points >= 0 ? '+' : ''}${points}%`;\n}\n\nexport function SignalDeltaColumn({\n signalName,\n fromFlow,\n toFlow,\n flows,\n positions,\n fromIndex,\n toIndex,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n fromFlow: ThemeFlowResponse;\n toFlow: ThemeFlowResponse;\n flows: Array<ThemeFlowResponse \| undefined>;\n positions: number[];\n fromIndex: number;\n toIndex: number;\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const label = signalLabel(signalCatalog, signalName);\n const deltas = computeThemeShareDeltas(fromFlow, toFlow, signalName);\n const detailIndexFor = (delta: { toShare: number }) => (delta.toShare > 0 ? toIndex : fromIndex);\n\n return (\n <section aria-label={`${label} changes`} className=\"min-w-0\">\n <h3\n className=\"text-column ~~font-mono~~ tracking-widest uppercase\"\n style={{ color: nodeColor(getSignalHue(signalName)) }}\n >\n <Tooltip>\n <TooltipTrigger aria-label={signalName} className=\"cursor-default uppercase\">\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n <ul className=\"mt-2 space-y-1.5\">\n {deltas.length === 0 ? (\n <li className=\"text-muted-foreground ~~text-caption~~\">No themes in either snapshot.</li>\n ) : null}\n {deltas.map(delta => {\n const themeId = delta.themeId;\n const card = (\n <>\n <div className=\"flex items-baseline justify-between gap-2\">\n <span className=\"text-~~foreground~~ text-~~column truncate~~\" title={delta.label}>\n {delta.label}\n </span>\n <span className=\"~~text~~-~~foreground~~ text-column ~~shrink~~-0 ~~font-mono~~ tabular-nums\">\n {deltaLabel(delta.delta)}\n </span>\n </div>\n <p className=\"~~text~~-~~muted-foreground~~ text-caption ~~font~~-~~mono~~ tabular-nums\">\n {percent(delta.fromShare)} → {percent(delta.toShare)}\n </p>\n <ThemeCompareSparkline\n series={themeShareSeries(flows, signalName, delta.label)}\n positions={positions}\n markerIndexes={[fromIndex, toIndex]}\n />\n </>\n );\n return (\n <li\n key={delta.label}\n className={`~~border-border~~ rounded-lg border ${\n delta.delta > 0 ? 'bg-green-500/5' : delta.delta < 0 ? 'bg-red-500/5' : 'bg-card'\n }`}\n >\n {themeId === undefined ? (\n <div className=\"px-2.5 py-2\">{card}</div>\n ) : (\n <button\n aria-label={`View theme details for ${delta.label}`}\n className=\"~~hover:border-border-strong~~ block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:bg-white/[0.03]\"\n onClick={() =>\n onThemeSelect({ kind: 'theme', signalName, themeId, label: delta.label }, detailIndexFor(delta))\n }\n type=\"button\"\n >\n {card}\n </button>\n )}\n </li>\n );\n })}\n </ul>\n </section>\n );\n}\n"],"names":["useTraceIntelligence","signalLabel","computeThemeShareDeltas","jsx","nodeColor","getSignalHue","Tooltip","TooltipTrigger","TooltipContent","signalDescription","jsxs","Fragment","ThemeCompareSparkline","themeShareSeries"],"mappings":"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"}
1	+ {"version":3,"file":"signal-delta-column.cjs.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data';\nimport { ThemeCompareSparkline } from './theme-compare-sparkline';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeFlowResponse, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nfunction percent(share: number) {\n return `${Math.round(share * 100)}%`;\n}\n\nfunction deltaLabel(delta: number) {\n const points = Math.round(delta * 100);\n return `${points >= 0 ? '+' : ''}${points}%`;\n}\n\nexport function SignalDeltaColumn({\n signalName,\n fromFlow,\n toFlow,\n flows,\n positions,\n fromIndex,\n toIndex,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n fromFlow: ThemeFlowResponse;\n toFlow: ThemeFlowResponse;\n flows: Array<ThemeFlowResponse \| undefined>;\n positions: number[];\n fromIndex: number;\n toIndex: number;\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const label = signalLabel(signalCatalog, signalName);\n const deltas = computeThemeShareDeltas(fromFlow, toFlow, signalName);\n const detailIndexFor = (delta: { toShare: number }) => (delta.toShare > 0 ? toIndex : fromIndex);\n\n return (\n <section aria-label={`${label} changes`} className=\"min-w-0\">\n <h3\n className=\"font-mono text-column tracking-widest uppercase\"\n style={{ color: nodeColor(getSignalHue(signalName)) }}\n >\n <Tooltip>\n <TooltipTrigger aria-label={signalName} className=\"cursor-default uppercase\">\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n <ul className=\"mt-2 space-y-1.5\">\n {deltas.length === 0 ? (\n <li className=\"text-caption text-muted-foreground\">No themes in either snapshot.</li>\n ) : null}\n {deltas.map(delta => {\n const themeId = delta.themeId;\n const card = (\n <>\n <div className=\"flex items-baseline justify-between gap-2\">\n <span className=\"truncate text-column text-foreground\" title={delta.label}>\n {delta.label}\n </span>\n <span className=\"shrink-0 font-mono text-column text-foreground tabular-nums\">\n {deltaLabel(delta.delta)}\n </span>\n </div>\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n {percent(delta.fromShare)} → {percent(delta.toShare)}\n </p>\n <ThemeCompareSparkline\n series={themeShareSeries(flows, signalName, delta.label)}\n positions={positions}\n markerIndexes={[fromIndex, toIndex]}\n />\n </>\n );\n return (\n <li\n key={delta.label}\n className={`rounded-lg border border-border ${\n delta.delta > 0 ? 'bg-green-500/5' : delta.delta < 0 ? 'bg-red-500/5' : 'bg-card'\n }`}\n >\n {themeId === undefined ? (\n <div className=\"px-2.5 py-2\">{card}</div>\n ) : (\n <button\n aria-label={`View theme details for ${delta.label}`}\n className=\"block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:border-border-strong hover:bg-white/[0.03]\"\n onClick={() =>\n onThemeSelect({ kind: 'theme', signalName, themeId, label: delta.label }, detailIndexFor(delta))\n }\n type=\"button\"\n >\n {card}\n </button>\n )}\n </li>\n );\n })}\n </ul>\n </section>\n );\n}\n"],"names":["useTraceIntelligence","signalLabel","computeThemeShareDeltas","jsx","nodeColor","getSignalHue","Tooltip","TooltipTrigger","TooltipContent","signalDescription","jsxs","Fragment","ThemeCompareSparkline","themeShareSeries"],"mappings":";;;;;;;;;;;;;AAUA,SAAS,QAAQ,KAAA,EAAe;AAC9B,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,KAAA,GAAQ,GAAG,CAAC,CAAA,CAAA,CAAA;AACnC;AAEA,SAAS,WAAW,KAAA,EAAe;AACjC,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,KAAA,GAAQ,GAAG,CAAA;AACrC,EAAA,OAAO,GAAG,MAAA,IAAU,CAAA,GAAI,GAAA,GAAM,EAAE,GAAG,MAAM,CAAA,CAAA,CAAA;AAC3C;AAEO,SAAS,iBAAA,CAAkB;AAAA,EAChC,UAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EASG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAIA,oDAAA,EAAqB;AAC/C,EAAA,MAAM,KAAA,GAAQC,uCAAA,CAAY,aAAA,EAAe,UAAU,CAAA;AACnD,EAAA,MAAM,MAAA,GAASC,mDAAA,CAAwB,QAAA,EAAU,MAAA,EAAQ,UAAU,CAAA;AACnE,EAAA,MAAM,iBAAiB,CAAC,KAAA,KAAgC,KAAA,CAAM,OAAA,GAAU,IAAI,OAAA,GAAU,SAAA;AAEtF,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAY,GAAG,KAAK,CAAA,QAAA,CAAA,EAAY,WAAU,SAAA,EACjD,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iDAAA;AAAA,QACV,OAAO,EAAE,KAAA,EAAOC,sBAAUC,oCAAA,CAAa,UAAU,CAAC,CAAA,EAAE;AAAA,QAEpD,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,YAAA,EAAY,UAAA,EAAY,SAAA,EAAU,4BAC/C,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,0BACAJ,cAAA,CAACK,sBAAA,EAAA,EAAgB,QAAA,EAAAC,6CAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,SAAA,EAChE;AAAA;AAAA,KACF;AAAA,oBACAC,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,kBAAA,EACX,QAAA,EAAA;AAAA,MAAA,MAAA,CAAO,WAAW,CAAA,mBACjBP,cAAA,CAAC,QAAG,SAAA,EAAU,oCAAA,EAAqC,2CAA6B,CAAA,GAC9E,IAAA;AAAA,MACH,MAAA,CAAO,IAAI,CAAA,KAAA,KAAS;AACnB,QAAA,MAAM,UAAU,KAAA,CAAM,OAAA;AACtB,QAAA,MAAM,uBACJO,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACb,QAAA,EAAA;AAAA,4BAAAP,cAAA,CAAC,UAAK,SAAA,EAAU,sCAAA,EAAuC,OAAO,KAAA,CAAM,KAAA,EACjE,gBAAM,KAAA,EACT,CAAA;AAAA,2CACC,MAAA,EAAA,EAAK,SAAA,EAAU,+DACb,QAAA,EAAA,UAAA,CAAW,KAAA,CAAM,KAAK,CAAA,EACzB;AAAA,WAAA,EACF,CAAA;AAAA,0BACAO,eAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2DAAA,EACV,QAAA,EAAA;AAAA,YAAA,OAAA,CAAQ,MAAM,SAAS,CAAA;AAAA,YAAE,KAAA;AAAA,YAAI,OAAA,CAAQ,MAAM,OAAO;AAAA,WAAA,EACrD,CAAA;AAAA,0BACAP,cAAA;AAAA,YAACS,sDAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAQC,4CAAA,CAAiB,KAAA,EAAO,UAAA,EAAY,MAAM,KAAK,CAAA;AAAA,cACvD,SAAA;AAAA,cACA,aAAA,EAAe,CAAC,SAAA,EAAW,OAAO;AAAA;AAAA;AACpC,SAAA,EACF,CAAA;AAEF,QAAA,uBACEV,cAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAW,CAAA,gCAAA,EACT,KAAA,CAAM,KAAA,GAAQ,CAAA,GAAI,mBAAmB,KAAA,CAAM,KAAA,GAAQ,CAAA,GAAI,cAAA,GAAiB,SAC1E,CAAA,CAAA;AAAA,YAEC,sBAAY,MAAA,mBACXA,cAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EAAe,gBAAK,CAAA,mBAEnCA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,YAAA,EAAY,CAAA,uBAAA,EAA0B,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,gBACjD,SAAA,EAAU,+GAAA;AAAA,gBACV,OAAA,EAAS,MACP,aAAA,CAAc,EAAE,MAAM,OAAA,EAAS,UAAA,EAAY,OAAA,EAAS,KAAA,EAAO,KAAA,CAAM,KAAA,EAAM,EAAG,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,gBAEjG,IAAA,EAAK,QAAA;AAAA,gBAEJ,QAAA,EAAA;AAAA;AAAA;AACH,WAAA;AAAA,UAjBG,KAAA,CAAM;AAAA,SAmBb;AAAA,MAEJ,CAAC;AAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signal-delta-column.es.js CHANGED Viewed

@@ -32,7 +32,7 @@ function SignalDeltaColumn({
     /* @__PURE__ */ jsx(
       "h3",
       {
-        className: "text-column font-mono tracking-widest uppercase",
+        className: "font-mono text-column tracking-widest uppercase",
         style: { color: nodeColor(getSignalHue(signalName)) },
         children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { "aria-label": signalName, className: "cursor-default uppercase", children: label }),
@@ -41,15 +41,15 @@ function SignalDeltaColumn({
       }
     ),
     /* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-1.5", children: [
-      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-muted-foreground text-caption", children: "No themes in either snapshot." }) : null,
+      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-caption text-muted-foreground", children: "No themes in either snapshot." }) : null,
       deltas.map((delta) => {
         const themeId = delta.themeId;
         const card = /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-foreground text-column truncate", title: delta.label, children: delta.label }),
-            /* @__PURE__ */ jsx("span", { className: "text-foreground text-column shrink-0 font-mono tabular-nums", children: deltaLabel(delta.delta) })
+            /* @__PURE__ */ jsx("span", { className: "truncate text-column text-foreground", title: delta.label, children: delta.label }),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-column text-foreground tabular-nums", children: deltaLabel(delta.delta) })
           ] }),
-          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-caption font-mono tabular-nums", children: [
+          /* @__PURE__ */ jsxs("p", { className: "font-mono text-caption text-muted-foreground tabular-nums", children: [
             percent(delta.fromShare),
             " → ",
             percent(delta.toShare)
@@ -66,12 +66,12 @@ function SignalDeltaColumn({
         return /* @__PURE__ */ jsx(
           "li",
           {
-            className: `border-border rounded-lg border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-card"}`,
+            className: `rounded-lg border border-border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-card"}`,
             children: themeId === void 0 ? /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2", children: card }) : /* @__PURE__ */ jsx(
               "button",
               {
                 "aria-label": `View theme details for ${delta.label}`,
-                className: "hover:border-border-strong block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:bg-white/[0.03]",
+                className: "block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:border-border-strong hover:bg-white/[0.03]",
                 onClick: () => onThemeSelect({ kind: "theme", signalName, themeId, label: delta.label }, detailIndexFor(delta)),
                 type: "button",
                 children: card

package/dist/ee/signals/signal-delta-column.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signal-delta-column.es.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data';\nimport { ThemeCompareSparkline } from './theme-compare-sparkline';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeFlowResponse, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nfunction percent(share: number) {\n return `${Math.round(share * 100)}%`;\n}\n\nfunction deltaLabel(delta: number) {\n const points = Math.round(delta * 100);\n return `${points >= 0 ? '+' : ''}${points}%`;\n}\n\nexport function SignalDeltaColumn({\n signalName,\n fromFlow,\n toFlow,\n flows,\n positions,\n fromIndex,\n toIndex,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n fromFlow: ThemeFlowResponse;\n toFlow: ThemeFlowResponse;\n flows: Array<ThemeFlowResponse \| undefined>;\n positions: number[];\n fromIndex: number;\n toIndex: number;\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const label = signalLabel(signalCatalog, signalName);\n const deltas = computeThemeShareDeltas(fromFlow, toFlow, signalName);\n const detailIndexFor = (delta: { toShare: number }) => (delta.toShare > 0 ? toIndex : fromIndex);\n\n return (\n <section aria-label={`${label} changes`} className=\"min-w-0\">\n <h3\n className=\"text-column ~~font-mono~~ tracking-widest uppercase\"\n style={{ color: nodeColor(getSignalHue(signalName)) }}\n >\n <Tooltip>\n <TooltipTrigger aria-label={signalName} className=\"cursor-default uppercase\">\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n <ul className=\"mt-2 space-y-1.5\">\n {deltas.length === 0 ? (\n <li className=\"text-muted-foreground ~~text-caption~~\">No themes in either snapshot.</li>\n ) : null}\n {deltas.map(delta => {\n const themeId = delta.themeId;\n const card = (\n <>\n <div className=\"flex items-baseline justify-between gap-2\">\n <span className=\"text-~~foreground~~ text-~~column truncate~~\" title={delta.label}>\n {delta.label}\n </span>\n <span className=\"~~text~~-~~foreground~~ text-column ~~shrink~~-0 ~~font-mono~~ tabular-nums\">\n {deltaLabel(delta.delta)}\n </span>\n </div>\n <p className=\"~~text~~-~~muted-foreground~~ text-caption ~~font~~-~~mono~~ tabular-nums\">\n {percent(delta.fromShare)} → {percent(delta.toShare)}\n </p>\n <ThemeCompareSparkline\n series={themeShareSeries(flows, signalName, delta.label)}\n positions={positions}\n markerIndexes={[fromIndex, toIndex]}\n />\n </>\n );\n return (\n <li\n key={delta.label}\n className={`~~border-border~~ rounded-lg border ${\n delta.delta > 0 ? 'bg-green-500/5' : delta.delta < 0 ? 'bg-red-500/5' : 'bg-card'\n }`}\n >\n {themeId === undefined ? (\n <div className=\"px-2.5 py-2\">{card}</div>\n ) : (\n <button\n aria-label={`View theme details for ${delta.label}`}\n className=\"~~hover:border-border-strong~~ block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:bg-white/[0.03]\"\n onClick={() =>\n onThemeSelect({ kind: 'theme', signalName, themeId, label: delta.label }, detailIndexFor(delta))\n }\n type=\"button\"\n >\n {card}\n </button>\n )}\n </li>\n );\n })}\n </ul>\n </section>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"signal-delta-column.es.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data';\nimport { ThemeCompareSparkline } from './theme-compare-sparkline';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport type { ThemeFlowResponse, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nfunction percent(share: number) {\n return `${Math.round(share * 100)}%`;\n}\n\nfunction deltaLabel(delta: number) {\n const points = Math.round(delta * 100);\n return `${points >= 0 ? '+' : ''}${points}%`;\n}\n\nexport function SignalDeltaColumn({\n signalName,\n fromFlow,\n toFlow,\n flows,\n positions,\n fromIndex,\n toIndex,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n fromFlow: ThemeFlowResponse;\n toFlow: ThemeFlowResponse;\n flows: Array<ThemeFlowResponse \| undefined>;\n positions: number[];\n fromIndex: number;\n toIndex: number;\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const label = signalLabel(signalCatalog, signalName);\n const deltas = computeThemeShareDeltas(fromFlow, toFlow, signalName);\n const detailIndexFor = (delta: { toShare: number }) => (delta.toShare > 0 ? toIndex : fromIndex);\n\n return (\n <section aria-label={`${label} changes`} className=\"min-w-0\">\n <h3\n className=\"font-mono text-column tracking-widest uppercase\"\n style={{ color: nodeColor(getSignalHue(signalName)) }}\n >\n <Tooltip>\n <TooltipTrigger aria-label={signalName} className=\"cursor-default uppercase\">\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n <ul className=\"mt-2 space-y-1.5\">\n {deltas.length === 0 ? (\n <li className=\"text-caption text-muted-foreground\">No themes in either snapshot.</li>\n ) : null}\n {deltas.map(delta => {\n const themeId = delta.themeId;\n const card = (\n <>\n <div className=\"flex items-baseline justify-between gap-2\">\n <span className=\"truncate text-column text-foreground\" title={delta.label}>\n {delta.label}\n </span>\n <span className=\"shrink-0 font-mono text-column text-foreground tabular-nums\">\n {deltaLabel(delta.delta)}\n </span>\n </div>\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n {percent(delta.fromShare)} → {percent(delta.toShare)}\n </p>\n <ThemeCompareSparkline\n series={themeShareSeries(flows, signalName, delta.label)}\n positions={positions}\n markerIndexes={[fromIndex, toIndex]}\n />\n </>\n );\n return (\n <li\n key={delta.label}\n className={`rounded-lg border border-border ${\n delta.delta > 0 ? 'bg-green-500/5' : delta.delta < 0 ? 'bg-red-500/5' : 'bg-card'\n }`}\n >\n {themeId === undefined ? (\n <div className=\"px-2.5 py-2\">{card}</div>\n ) : (\n <button\n aria-label={`View theme details for ${delta.label}`}\n className=\"block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:border-border-strong hover:bg-white/[0.03]\"\n onClick={() =>\n onThemeSelect({ kind: 'theme', signalName, themeId, label: delta.label }, detailIndexFor(delta))\n }\n type=\"button\"\n >\n {card}\n </button>\n )}\n </li>\n );\n })}\n </ul>\n </section>\n );\n}\n"],"names":[],"mappings":"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"}

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

@@ -26,7 +26,7 @@ function SignalLifelines({
   const hue = ee_signals_signalColors.getSignalHue(signalName);
   const label = ee_signals_signalFormatting.signalLabel(signalCatalog, signalName);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": `${label} lifelines`, className: "min-w-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-column font-mono tracking-widest uppercase", style: { color: sankeyColor.nodeColor(hue) }, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-mono text-column tracking-widest uppercase", style: { color: sankeyColor.nodeColor(hue) }, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         tooltip.TooltipTrigger,
         {
@@ -54,7 +54,7 @@ function SignalLifelines({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: ee_signals_signalFormatting.signalDescription(signalCatalog, signalName) })
     ] }) }),
-    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-caption mt-2", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-caption text-muted-foreground", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
       ee_signals_lifelineRow.LifelineRow,
       {
         row,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"signal-lifelines.cjs.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n signalName,\n flows,\n snapshots,\n positions,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n flows: Array<ThemeFlowResponse \| undefined>;\n snapshots: ThemeSnapshot[];\n positions: number[];\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const [isCollapsed, setIsCollapsed] = useState(false);\n const rows = buildThemeLifelines(flows, signalName);\n const hue = getSignalHue(signalName);\n const label = signalLabel(signalCatalog, signalName);\n\n return (\n <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n <h3 className=\"text-column ~~font-mono~~ tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n aria-expanded={!isCollapsed}\n aria-label={label}\n className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n onClick={() => setIsCollapsed(previous => !previous)}\n type=\"button\"\n />\n }\n >\n <ChevronDown\n aria-hidden=\"true\"\n className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n />\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n {isCollapsed ? undefined : rows.length === 0 ? (\n <p className=\"~~text~~-~~muted-foreground~~ text-caption mt-2\">No themes in these landmarks.</p>\n ) : (\n <ul className=\"mt-2 space-y-0.5\">\n {rows.map(row => (\n <LifelineRow\n key={row.label}\n row={row}\n signalName={signalName}\n snapshots={snapshots}\n positions={positions}\n hue={hue}\n onThemeSelect={onThemeSelect}\n />\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"names":["useTraceIntelligence","useState","buildThemeLifelines","getSignalHue","signalLabel","jsx","nodeColor","jsxs","Tooltip","TooltipTrigger","ChevronDown","TooltipContent","signalDescription","LifelineRow"],"mappings":";;;;;;;;;;;;;;;AAaO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAIA,oDAAA,EAAqB;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAOC,iDAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAMC,qCAAa,UAAU,CAAA;AACnC,EAAA,MAAM,KAAA,GAAQC,uCAAA,CAAY,aAAA,EAAe,UAAU,CAAA;AAEnD,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAY,GAAG,KAAK,CAAA,UAAA,CAAA,EAAc,WAAU,SAAA,EACnD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAAO,EAAE,KAAA,EAAOC,qBAAA,CAAU,GAAG,CAAA,EAAE,EAC7F,QAAA,kBAAAC,eAAA,CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,eAAA;AAAA,QAACE,sBAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACEJ,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,YAAA,EAAY,KAAA;AAAA,cACZ,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAAA,cAAA;AAAA,cAACK,uBAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACAL,cAAA,CAACM,sBAAA,EAAA,EAAgB,QAAA,EAAAC,6CAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,kCACxC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,+BAAA,EAA6B,oBAEpFP,cAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACRA,cAAA;AAAA,MAACQ,kCAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"signal-lifelines.cjs.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n signalName,\n flows,\n snapshots,\n positions,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n flows: Array<ThemeFlowResponse \| undefined>;\n snapshots: ThemeSnapshot[];\n positions: number[];\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const [isCollapsed, setIsCollapsed] = useState(false);\n const rows = buildThemeLifelines(flows, signalName);\n const hue = getSignalHue(signalName);\n const label = signalLabel(signalCatalog, signalName);\n\n return (\n <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n <h3 className=\"font-mono text-column tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n aria-expanded={!isCollapsed}\n aria-label={label}\n className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n onClick={() => setIsCollapsed(previous => !previous)}\n type=\"button\"\n />\n }\n >\n <ChevronDown\n aria-hidden=\"true\"\n className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n />\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n {isCollapsed ? undefined : rows.length === 0 ? (\n <p className=\"mt-2 text-caption text-muted-foreground\">No themes in these landmarks.</p>\n ) : (\n <ul className=\"mt-2 space-y-0.5\">\n {rows.map(row => (\n <LifelineRow\n key={row.label}\n row={row}\n signalName={signalName}\n snapshots={snapshots}\n positions={positions}\n hue={hue}\n onThemeSelect={onThemeSelect}\n />\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"names":["useTraceIntelligence","useState","buildThemeLifelines","getSignalHue","signalLabel","jsx","nodeColor","jsxs","Tooltip","TooltipTrigger","ChevronDown","TooltipContent","signalDescription","LifelineRow"],"mappings":";;;;;;;;;;;;;;;AAaO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAIA,oDAAA,EAAqB;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAOC,iDAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAMC,qCAAa,UAAU,CAAA;AACnC,EAAA,MAAM,KAAA,GAAQC,uCAAA,CAAY,aAAA,EAAe,UAAU,CAAA;AAEnD,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAY,GAAG,KAAK,CAAA,UAAA,CAAA,EAAc,WAAU,SAAA,EACnD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAAO,EAAE,KAAA,EAAOC,qBAAA,CAAU,GAAG,CAAA,EAAE,EAC7F,QAAA,kBAAAC,eAAA,CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAD,eAAA;AAAA,QAACE,sBAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACEJ,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,YAAA,EAAY,KAAA;AAAA,cACZ,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAAA,cAAA;AAAA,cAACK,uBAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACAL,cAAA,CAACM,sBAAA,EAAA,EAAgB,QAAA,EAAAC,6CAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,kCACxC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,+BAAA,EAA6B,oBAEpFP,cAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACRA,cAAA;AAAA,MAACQ,kCAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -22,7 +22,7 @@ function SignalLifelines({
   const hue = getSignalHue(signalName);
   const label = signalLabel(signalCatalog, signalName);
   return /* @__PURE__ */ jsxs("section", { "aria-label": `${label} lifelines`, className: "min-w-0", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-column font-mono tracking-widest uppercase", style: { color: nodeColor(hue) }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-mono text-column tracking-widest uppercase", style: { color: nodeColor(hue) }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxs(
         TooltipTrigger,
         {
@@ -50,7 +50,7 @@ function SignalLifelines({
       ),
       /* @__PURE__ */ jsx(TooltipContent, { children: signalDescription(signalCatalog, signalName) })
     ] }) }),
-    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption mt-2", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(
+    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-caption text-muted-foreground", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(
       LifelineRow,
       {
         row,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"signal-lifelines.es.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n signalName,\n flows,\n snapshots,\n positions,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n flows: Array<ThemeFlowResponse \| undefined>;\n snapshots: ThemeSnapshot[];\n positions: number[];\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const [isCollapsed, setIsCollapsed] = useState(false);\n const rows = buildThemeLifelines(flows, signalName);\n const hue = getSignalHue(signalName);\n const label = signalLabel(signalCatalog, signalName);\n\n return (\n <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n <h3 className=\"text-column ~~font-mono~~ tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n aria-expanded={!isCollapsed}\n aria-label={label}\n className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n onClick={() => setIsCollapsed(previous => !previous)}\n type=\"button\"\n />\n }\n >\n <ChevronDown\n aria-hidden=\"true\"\n className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n />\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n {isCollapsed ? undefined : rows.length === 0 ? (\n <p className=\"~~text~~-~~muted-foreground~~ text-caption mt-2\">No themes in these landmarks.</p>\n ) : (\n <ul className=\"mt-2 space-y-0.5\">\n {rows.map(row => (\n <LifelineRow\n key={row.label}\n row={row}\n signalName={signalName}\n snapshots={snapshots}\n positions={positions}\n hue={hue}\n onThemeSelect={onThemeSelect}\n />\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,oBAAA,EAAqB;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAO,mBAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAM,aAAa,UAAU,CAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,aAAA,EAAe,UAAU,CAAA;AAEnD,EAAA,4BACG,SAAA,EAAA,EAAQ,YAAA,EAAY,GAAG,KAAK,CAAA,UAAA,CAAA,EAAc,WAAU,SAAA,EACnD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,CAAU,GAAG,CAAA,EAAE,EAC7F,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,YAAA,EAAY,KAAA;AAAA,cACZ,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,iBAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,uBACxC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,+BAAA,EAA6B,oBAEpF,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACR,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"signal-lifelines.es.js","sources":["../../../src/ee/signals/signal-lifelines.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LifelineRow } from './lifeline-row';\nimport { getSignalHue } from './signal-colors';\nimport { signalDescription, signalLabel } from './signal-formatting';\nimport type { ThemeSelection } from './theme-drilldown-data';\nimport { buildThemeLifelines } from './theme-lifelines-data';\nimport type { ThemeFlowResponse, ThemeSnapshot, TraceSignalName } from './types';\nimport { useTraceIntelligence } from './use-trace-intelligence';\nimport { nodeColor } from '@/ds/components/SankeyChart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nexport function SignalLifelines({\n signalName,\n flows,\n snapshots,\n positions,\n onThemeSelect,\n}: {\n signalName: TraceSignalName;\n flows: Array<ThemeFlowResponse \| undefined>;\n snapshots: ThemeSnapshot[];\n positions: number[];\n onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;\n}) {\n const { signalCatalog } = useTraceIntelligence();\n const [isCollapsed, setIsCollapsed] = useState(false);\n const rows = buildThemeLifelines(flows, signalName);\n const hue = getSignalHue(signalName);\n const label = signalLabel(signalCatalog, signalName);\n\n return (\n <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n <h3 className=\"font-mono text-column tracking-widest uppercase\" style={{ color: nodeColor(hue) }}>\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n aria-expanded={!isCollapsed}\n aria-label={label}\n className=\"flex items-center gap-1.5 transition-opacity hover:opacity-80\"\n onClick={() => setIsCollapsed(previous => !previous)}\n type=\"button\"\n />\n }\n >\n <ChevronDown\n aria-hidden=\"true\"\n className={`size-3.5 transition-transform ${isCollapsed ? '-rotate-90' : ''}`}\n />\n {label}\n </TooltipTrigger>\n <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n </Tooltip>\n </h3>\n {isCollapsed ? undefined : rows.length === 0 ? (\n <p className=\"mt-2 text-caption text-muted-foreground\">No themes in these landmarks.</p>\n ) : (\n <ul className=\"mt-2 space-y-0.5\">\n {rows.map(row => (\n <LifelineRow\n key={row.label}\n row={row}\n signalName={signalName}\n snapshots={snapshots}\n positions={positions}\n hue={hue}\n onThemeSelect={onThemeSelect}\n />\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,SAAS,eAAA,CAAgB;AAAA,EAC9B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,oBAAA,EAAqB;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAA,GAAO,mBAAA,CAAoB,KAAA,EAAO,UAAU,CAAA;AAClD,EAAA,MAAM,GAAA,GAAM,aAAa,UAAU,CAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,WAAA,CAAY,aAAA,EAAe,UAAU,CAAA;AAEnD,EAAA,4BACG,SAAA,EAAA,EAAQ,YAAA,EAAY,GAAG,KAAK,CAAA,UAAA,CAAA,EAAc,WAAU,SAAA,EACnD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,CAAU,GAAG,CAAA,EAAE,EAC7F,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,iBAAe,CAAC,WAAA;AAAA,cAChB,YAAA,EAAY,KAAA;AAAA,cACZ,SAAA,EAAU,+DAAA;AAAA,cACV,OAAA,EAAS,MAAM,cAAA,CAAe,CAAA,QAAA,KAAY,CAAC,QAAQ,CAAA;AAAA,cACnD,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,UAGF,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,CAAA,8BAAA,EAAiC,WAAA,GAAc,YAAA,GAAe,EAAE,CAAA;AAAA;AAAA,aAC7E;AAAA,YACC;AAAA;AAAA;AAAA,OACH;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,iBAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,cAAc,MAAA,GAAY,IAAA,CAAK,MAAA,KAAW,CAAA,uBACxC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,+BAAA,EAA6B,oBAEpF,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACR,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MANK,GAAA,CAAI;AAAA,KAQZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-error-state.cjs.js CHANGED Viewed

@@ -4,18 +4,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../Button-CVewl8nT.cjs');
+const Button = require('../../Button-C0DBEBcJ.cjs');
 function SignalsErrorState({
   message,
   onRetry,
   onClear
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "border-border bg-background m-4 rounded-lg border p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "m-4 rounded-lg border border-border bg-background p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0 text-red-500" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-subheading text-foreground", children: message }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground mt-1", children: "Check the connection and try again." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Check the connection and try again." }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
         onClear ? /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null

package/dist/ee/signals/signals-error-state.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-error-state.cjs.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert, X, RotateCcw } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n message,\n onRetry,\n onClear,\n}: {\n message: string;\n onRetry: () => void;\n onClear?: () => void;\n}) {\n return (\n <section className=\"~~border-border bg-background~~ m-4 rounded-lg border p-6 lg:m-6\" role=\"alert\">\n <div className=\"flex items-start gap-3\">\n <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n <div>\n <h1 className=\"text-subheading text-foreground\">{message}</h1>\n <p className=\"text-caption text-muted-foreground ~~mt-1~~\">Check the connection and try again.</p>\n <div className=\"mt-4 flex flex-wrap gap-2\">\n <Button icon={<RotateCcw />} onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n Retry\n </Button>\n {onClear ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear filter\n </Button>\n ) : null}\n </div>\n </div>\n </div>\n </section>\n );\n}\n"],"names":["jsx","jsxs","TriangleAlert","Button","RotateCcw","X"],"mappings":";;;;;;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,aAAQ,SAAA,EAAU,8DAAA,EAA+D,MAAK,OAAA,EACrF,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACE,yBAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,oCACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACzDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC1FC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,kBAAMH,cAAA,CAACI,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,WAAU,QAAA,EAAA,OAAA,EAEzF,CAAA;AAAA,QACC,0BACCJ,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,kBAAMH,cAAA,CAACK,iBAAE,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,0BAE/E,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"signals-error-state.cjs.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert, X, RotateCcw } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n message,\n onRetry,\n onClear,\n}: {\n message: string;\n onRetry: () => void;\n onClear?: () => void;\n}) {\n return (\n <section className=\"m-4 rounded-lg border border-border bg-background p-6 lg:m-6\" role=\"alert\">\n <div className=\"flex items-start gap-3\">\n <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n <div>\n <h1 className=\"text-subheading text-foreground\">{message}</h1>\n <p className=\"mt-1 text-caption text-muted-foreground\">Check the connection and try again.</p>\n <div className=\"mt-4 flex flex-wrap gap-2\">\n <Button icon={<RotateCcw />} onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n Retry\n </Button>\n {onClear ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear filter\n </Button>\n ) : null}\n </div>\n </div>\n </div>\n </section>\n );\n}\n"],"names":["jsx","jsxs","TriangleAlert","Button","RotateCcw","X"],"mappings":";;;;;;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,cAAA,CAAC,aAAQ,SAAA,EAAU,8DAAA,EAA+D,MAAK,OAAA,EACrF,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACE,yBAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,oCACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACzDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC1FC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,kBAAMH,cAAA,CAACI,qBAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,WAAU,QAAA,EAAA,OAAA,EAEzF,CAAA;AAAA,QACC,0BACCJ,cAAA,CAACG,aAAA,EAAA,EAAO,IAAA,kBAAMH,cAAA,CAACK,iBAAE,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,0BAE/E,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-error-state.es.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { TriangleAlert, RotateCcw, X } from 'lucide-react';
-import { B as Button } from '../../Button-cWcBEd-G.js';
+import { B as Button } from '../../Button-C9cvaVFG.js';
 function SignalsErrorState({
   message,
   onRetry,
   onClear
 }) {
-  return /* @__PURE__ */ jsx("section", { className: "border-border bg-background m-4 rounded-lg border p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+  return /* @__PURE__ */ jsx("section", { className: "m-4 rounded-lg border border-border bg-background p-6 lg:m-6", role: "alert", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0 text-red-500" }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h1", { className: "text-subheading text-foreground", children: message }),
-      /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-1", children: "Check the connection and try again." }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Check the connection and try again." }),
       /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
         /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
         onClear ? /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null

package/dist/ee/signals/signals-error-state.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-error-state.es.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert, X, RotateCcw } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n message,\n onRetry,\n onClear,\n}: {\n message: string;\n onRetry: () => void;\n onClear?: () => void;\n}) {\n return (\n <section className=\"~~border-border bg-background~~ m-4 rounded-lg border p-6 lg:m-6\" role=\"alert\">\n <div className=\"flex items-start gap-3\">\n <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n <div>\n <h1 className=\"text-subheading text-foreground\">{message}</h1>\n <p className=\"text-caption text-muted-foreground ~~mt-1~~\">Check the connection and try again.</p>\n <div className=\"mt-4 flex flex-wrap gap-2\">\n <Button icon={<RotateCcw />} onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n Retry\n </Button>\n {onClear ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear filter\n </Button>\n ) : null}\n </div>\n </div>\n </div>\n </section>\n );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,aAAQ,SAAA,EAAU,8DAAA,EAA+D,MAAK,OAAA,EACrF,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,yBACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACzD,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC1F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,WAAU,QAAA,EAAA,OAAA,EAEzF,CAAA;AAAA,QACC,0BACC,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,KAAE,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,0BAE/E,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"signals-error-state.es.js","sources":["../../../src/ee/signals/signals-error-state.tsx"],"sourcesContent":["import { TriangleAlert, X, RotateCcw } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport function SignalsErrorState({\n message,\n onRetry,\n onClear,\n}: {\n message: string;\n onRetry: () => void;\n onClear?: () => void;\n}) {\n return (\n <section className=\"m-4 rounded-lg border border-border bg-background p-6 lg:m-6\" role=\"alert\">\n <div className=\"flex items-start gap-3\">\n <TriangleAlert aria-hidden=\"true\" className=\"mt-0.5 size-5 shrink-0 text-red-500\" />\n <div>\n <h1 className=\"text-subheading text-foreground\">{message}</h1>\n <p className=\"mt-1 text-caption text-muted-foreground\">Check the connection and try again.</p>\n <div className=\"mt-4 flex flex-wrap gap-2\">\n <Button icon={<RotateCcw />} onClick={onRetry} size=\"sm\" type=\"button\" variant=\"outline\">\n Retry\n </Button>\n {onClear ? (\n <Button icon={<X />} onClick={onClear} size=\"sm\" type=\"button\" variant=\"ghost\">\n Clear filter\n </Button>\n ) : null}\n </div>\n </div>\n </div>\n </section>\n );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,aAAQ,SAAA,EAAU,8DAAA,EAA+D,MAAK,OAAA,EACrF,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,qCAAA,EAAsC,CAAA;AAAA,yBACjF,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iCAAA,EAAmC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACzD,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,qCAAA,EAAmC,CAAA;AAAA,sBAC1F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,IAAA,EAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,WAAU,QAAA,EAAA,OAAA,EAEzF,CAAA;AAAA,QACC,0BACC,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,kBAAM,GAAA,CAAC,KAAE,CAAA,EAAI,OAAA,EAAS,OAAA,EAAS,IAAA,EAAK,MAAK,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,0BAE/E,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/signals-loading-skeleton.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const skeleton = require('../../skeleton-cXUjPrq9.cjs');
 function DistributionSkeleton() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background space-y-3 rounded-lg border p-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-lg border border-border bg-background p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-20" }),
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-2 w-full" }),
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-4/5" }),

package/dist/ee/signals/signals-loading-skeleton.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-loading-skeleton.cjs.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n return (\n <div className=\"~~border-border bg-background~~ space-y-3 rounded-lg border p-4\">\n <Skeleton className=\"h-3 w-20\" />\n <Skeleton className=\"h-2 w-full\" />\n <Skeleton className=\"h-3 w-4/5\" />\n <Skeleton className=\"h-3 w-3/5\" />\n </div>\n );\n}\n\nfunction AnalysisSkeletons() {\n return (\n <>\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n </div>\n <Skeleton className=\"h-80 w-full\" />\n </>\n );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n return (\n <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n <span className=\"sr-only\">Loading snapshot flow</span>\n <AnalysisSkeletons />\n </section>\n );\n}\n\nexport function SignalsLoadingSkeleton() {\n return (\n <div\n aria-label=\"Loading trace intelligence\"\n className=\"space-y-5 p-4 lg:p-6\"\n data-testid=\"signals-loading-skeleton\"\n role=\"status\"\n >\n <span className=\"sr-only\">Loading trace intelligence</span>\n <div className=\"space-y-3\">\n <Skeleton className=\"h-5 w-24\" />\n <Skeleton className=\"h-7 w-96 max-w-full\" />\n <Skeleton className=\"h-4 w-xl max-w-full\" />\n </div>\n <Skeleton className=\"h-14 w-full\" />\n <AnalysisSkeletons />\n </div>\n );\n}\n"],"names":["jsxs","jsx","Skeleton","Fragment"],"mappings":";;;;;;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACAA,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,mCAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACED,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpDD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1CD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACAD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,uCACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;;"}
1	+ {"version":3,"file":"signals-loading-skeleton.cjs.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n return (\n <div className=\"space-y-3 rounded-lg border border-border bg-background p-4\">\n <Skeleton className=\"h-3 w-20\" />\n <Skeleton className=\"h-2 w-full\" />\n <Skeleton className=\"h-3 w-4/5\" />\n <Skeleton className=\"h-3 w-3/5\" />\n </div>\n );\n}\n\nfunction AnalysisSkeletons() {\n return (\n <>\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n </div>\n <Skeleton className=\"h-80 w-full\" />\n </>\n );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n return (\n <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n <span className=\"sr-only\">Loading snapshot flow</span>\n <AnalysisSkeletons />\n </section>\n );\n}\n\nexport function SignalsLoadingSkeleton() {\n return (\n <div\n aria-label=\"Loading trace intelligence\"\n className=\"space-y-5 p-4 lg:p-6\"\n data-testid=\"signals-loading-skeleton\"\n role=\"status\"\n >\n <span className=\"sr-only\">Loading trace intelligence</span>\n <div className=\"space-y-3\">\n <Skeleton className=\"h-5 w-24\" />\n <Skeleton className=\"h-7 w-96 max-w-full\" />\n <Skeleton className=\"h-4 w-xl max-w-full\" />\n </div>\n <Skeleton className=\"h-14 w-full\" />\n <AnalysisSkeletons />\n </div>\n );\n}\n"],"names":["jsxs","jsx","Skeleton","Fragment"],"mappings":";;;;;;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChCD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,qCACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACAA,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,uCACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,mCAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACED,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpDD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/BD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1CD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACAD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,uCACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;;"}

package/dist/ee/signals/signals-loading-skeleton.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { S as Skeleton } from '../../skeleton-BsRAXyh5.js';
 function DistributionSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "border-border bg-background space-y-3 rounded-lg border p-4", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border bg-background p-4", children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
     /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-full" }),
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-4/5" }),

package/dist/ee/signals/signals-loading-skeleton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signals-loading-skeleton.es.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n return (\n <div className=\"~~border-border bg-background~~ space-y-3 rounded-lg border p-4\">\n <Skeleton className=\"h-3 w-20\" />\n <Skeleton className=\"h-2 w-full\" />\n <Skeleton className=\"h-3 w-4/5\" />\n <Skeleton className=\"h-3 w-3/5\" />\n </div>\n );\n}\n\nfunction AnalysisSkeletons() {\n return (\n <>\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n </div>\n <Skeleton className=\"h-80 w-full\" />\n </>\n );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n return (\n <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n <span className=\"sr-only\">Loading snapshot flow</span>\n <AnalysisSkeletons />\n </section>\n );\n}\n\nexport function SignalsLoadingSkeleton() {\n return (\n <div\n aria-label=\"Loading trace intelligence\"\n className=\"space-y-5 p-4 lg:p-6\"\n data-testid=\"signals-loading-skeleton\"\n role=\"status\"\n >\n <span className=\"sr-only\">Loading trace intelligence</span>\n <div className=\"space-y-3\">\n <Skeleton className=\"h-5 w-24\" />\n <Skeleton className=\"h-7 w-96 max-w-full\" />\n <Skeleton className=\"h-4 w-xl max-w-full\" />\n </div>\n <Skeleton className=\"h-14 w-full\" />\n <AnalysisSkeletons />\n </div>\n );\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,4BACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,wBAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1C,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,4BACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;"}
1	+ {"version":3,"file":"signals-loading-skeleton.es.js","sources":["../../../src/ee/signals/signals-loading-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\n\nfunction DistributionSkeleton() {\n return (\n <div className=\"space-y-3 rounded-lg border border-border bg-background p-4\">\n <Skeleton className=\"h-3 w-20\" />\n <Skeleton className=\"h-2 w-full\" />\n <Skeleton className=\"h-3 w-4/5\" />\n <Skeleton className=\"h-3 w-3/5\" />\n </div>\n );\n}\n\nfunction AnalysisSkeletons() {\n return (\n <>\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n <DistributionSkeleton />\n </div>\n <Skeleton className=\"h-80 w-full\" />\n </>\n );\n}\n\nexport function SignalsFrameLoadingSkeleton() {\n return (\n <section aria-label=\"Loading snapshot flow\" className=\"space-y-5\" role=\"status\">\n <span className=\"sr-only\">Loading snapshot flow</span>\n <AnalysisSkeletons />\n </section>\n );\n}\n\nexport function SignalsLoadingSkeleton() {\n return (\n <div\n aria-label=\"Loading trace intelligence\"\n className=\"space-y-5 p-4 lg:p-6\"\n data-testid=\"signals-loading-skeleton\"\n role=\"status\"\n >\n <span className=\"sr-only\">Loading trace intelligence</span>\n <div className=\"space-y-3\">\n <Skeleton className=\"h-5 w-24\" />\n <Skeleton className=\"h-7 w-96 max-w-full\" />\n <Skeleton className=\"h-4 w-xl max-w-full\" />\n </div>\n <Skeleton className=\"h-14 w-full\" />\n <AnalysisSkeletons />\n </div>\n );\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,oBAAA,GAAuB;AAC9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,oBAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY;AAAA,GAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB,CAAA;AAAA,0BACrB,oBAAA,EAAA,EAAqB;AAAA,KAAA,EACxB,CAAA;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc;AAAA,GAAA,EACpC,CAAA;AAEJ;AAEO,SAAS,2BAAA,GAA8B;AAC5C,EAAA,4BACG,SAAA,EAAA,EAAQ,YAAA,EAAW,yBAAwB,SAAA,EAAU,WAAA,EAAY,MAAK,QAAA,EACrE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,wBAC9C,iBAAA,EAAA,EAAkB;AAAA,GAAA,EACrB,CAAA;AAEJ;AAEO,SAAS,sBAAA,GAAyB;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAW,4BAAA;AAAA,MACX,SAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAY,0BAAA;AAAA,MACZ,IAAA,EAAK,QAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,4BAAA,EAA0B,CAAA;AAAA,wBACpD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,UAAA,EAAW,CAAA;AAAA,0BAC/B,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB,CAAA;AAAA,0BAC1C,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAA,EAAsB;AAAA,SAAA,EAC5C,CAAA;AAAA,wBACA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,4BACjC,iBAAA,EAAA,EAAkB;AAAA;AAAA;AAAA,GACrB;AAEJ;;;;"}

package/dist/ee/signals/snapshot-timeline.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
-const Button = require('../../Button-CVewl8nT.cjs');
+const Button = require('../../Button-C0DBEBcJ.cjs');
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",
@@ -22,7 +22,7 @@ function TimelineTrack({
   const positions = ee_signals_snapshotTimelineData.timelineTickPositions(snapshots);
   const dayLabels = ee_signals_snapshotTimelineData.timelineDayLabels(snapshots);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-label": "Snapshot landmarks", className: "relative mx-2 h-12 min-w-40 flex-1", role: "group", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "bg-border absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border" }),
     snapshots.map((snapshot, index) => {
       const marker = markers.get(index);
       const grabbed = marker === "compare-point" && index === grabbedIndex;
@@ -32,7 +32,7 @@ function TimelineTrack({
           "aria-current": marker === "selected" ? "true" : void 0,
           "aria-label": ee_signals_snapshotTimelineData.snapshotTickLabel(snapshot, totalCount),
           "aria-pressed": marker === "compare-point" ? grabbed : void 0,
-          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-accent1/60"} ${grabbed ? "ring-accent1/70 ring-2" : ""}`,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-accent1/60"} ${grabbed ? "ring-2 ring-accent1/70" : ""}`,
           "data-marker": marker,
           onClick: () => onTickSelect(index),
           style: { left: `${positions[index]}%` },
@@ -46,7 +46,7 @@ function TimelineTrack({
         "span",
         {
           "aria-hidden": "true",
-          className: "text-meta text-muted-foreground absolute top-7 -translate-x-1/2 font-mono tabular-nums",
+          className: "absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums",
           style: { left: `${positions[index]}%` },
           children: dayLabels[index]
         },
@@ -96,7 +96,7 @@ function SnapshotTimeline({
           children: isPlaying ? "Pause" : "Play"
         }
       ) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground font-mono tabular-nums", "data-testid": "snapshot-summary", children: summary })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-caption text-muted-foreground tabular-nums", "data-testid": "snapshot-summary", children: summary })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { "aria-live": "polite", className: "sr-only", children: statusParts.join(" · ") })
   ] });

package/dist/ee/signals/snapshot-timeline.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"~~bg-border~~ absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-accent1/70 ~~ring-2~~' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"~~text-meta text-muted-foreground~~ absolute top-7 -translate-x-1/2 font-mono tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n variant=\"outline\"\n icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"text-caption text-muted-foreground ~~font-mono~~ tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":"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"}
1	+ {"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-2 ring-accent1/70' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n variant=\"outline\"\n icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":"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"}

package/dist/ee/signals/snapshot-timeline.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Play } from 'lucide-react';
 import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting.es.js';
 import { timelineTickPositions, timelineDayLabels, snapshotTickLabel } from './snapshot-timeline-data.es.js';
-import { B as Button } from '../../Button-cWcBEd-G.js';
+import { B as Button } from '../../Button-C9cvaVFG.js';
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",
@@ -18,7 +18,7 @@ function TimelineTrack({
   const positions = timelineTickPositions(snapshots);
   const dayLabels = timelineDayLabels(snapshots);
   return /* @__PURE__ */ jsxs("div", { "aria-label": "Snapshot landmarks", className: "relative mx-2 h-12 min-w-40 flex-1", role: "group", children: [
-    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "bg-border absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full" }),
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border" }),
     snapshots.map((snapshot, index) => {
       const marker = markers.get(index);
       const grabbed = marker === "compare-point" && index === grabbedIndex;
@@ -28,7 +28,7 @@ function TimelineTrack({
           "aria-current": marker === "selected" ? "true" : void 0,
           "aria-label": snapshotTickLabel(snapshot, totalCount),
           "aria-pressed": marker === "compare-point" ? grabbed : void 0,
-          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-accent1/60"} ${grabbed ? "ring-accent1/70 ring-2" : ""}`,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-accent1/60"} ${grabbed ? "ring-2 ring-accent1/70" : ""}`,
           "data-marker": marker,
           onClick: () => onTickSelect(index),
           style: { left: `${positions[index]}%` },
@@ -42,7 +42,7 @@ function TimelineTrack({
         "span",
         {
           "aria-hidden": "true",
-          className: "text-meta text-muted-foreground absolute top-7 -translate-x-1/2 font-mono tabular-nums",
+          className: "absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums",
           style: { left: `${positions[index]}%` },
           children: dayLabels[index]
         },
@@ -92,7 +92,7 @@ function SnapshotTimeline({
           children: isPlaying ? "Pause" : "Play"
         }
       ) : null,
-      /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground font-mono tabular-nums", "data-testid": "snapshot-summary", children: summary })
+      /* @__PURE__ */ jsx("p", { className: "font-mono text-caption text-muted-foreground tabular-nums", "data-testid": "snapshot-summary", children: summary })
     ] }),
     /* @__PURE__ */ jsx("p", { "aria-live": "polite", className: "sr-only", children: statusParts.join(" · ") })
   ] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"snapshot-timeline.es.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"~~bg-border~~ absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-accent1/70 ~~ring-2~~' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"~~text-meta text-muted-foreground~~ absolute top-7 -translate-x-1/2 font-mono tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n variant=\"outline\"\n icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"text-caption text-muted-foreground ~~font-mono~~ tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"snapshot-timeline.es.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-2 ring-accent1/70' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n variant=\"outline\"\n icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":[],"mappings":"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"}

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

@@ -111,7 +111,7 @@ function SortableSignalHeaders({
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 tooltip.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: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
                                   children: label.toUpperCase()