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

package/dist/ee/signals/settings/trace-signal-settings.es.js

@@ -7,10 +7,10 @@ import { useSignalManagementList, useSignalManagementMutations } from './use-sig
 import { B as Badge } from '../../../Badge-DId-8rYY.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
-import { N as Notice } from '../../../Notice-D4gMAkVI.js';
+import { N as Notice } from '../../../Notice-CmFkTliT.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { S as Switch } from '../../../switch-MZ1oHrmp.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 
 function TraceSignalSettingsButton({ open, onClick }) {
   const { signalManagement } = useTraceIntelligence();
@@ -33,7 +33,7 @@ function TraceSignalSettingsButton({ open, onClick }) {
 function TraceSignalSettingsPanel({ onClose }) {
   return /* @__PURE__ */ jsx("aside", { id: "trace-signal-settings", "aria-label": "Trace signal settings", className: "min-h-0", children: /* @__PURE__ */ jsxs(DataDetailsPanel, { children: [
     /* @__PURE__ */ jsxs(DataDetailsPanel.Header, { children: [
-      /* @__PURE__ */ jsxs(DataDetailsPanel.Heading, { className: "items-center font-medium text-foreground", children: [
+      /* @__PURE__ */ jsxs(DataDetailsPanel.Heading, { className: "items-center text-subheading text-foreground", children: [
         /* @__PURE__ */ jsx(Settings, { "aria-hidden": "true" }),
         " Trace signal settings"
       ] }),
@@ -165,11 +165,11 @@ function TraceSignalSettingsContent() {
       active.length === 0 ? /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "py-3", children: "No custom signals yet." }) : null
     ] }),
     archived.length > 0 ? /* @__PURE__ */ jsxs("details", { children: [
-      /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer text-caption text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-muted-foreground", children: /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "caption", className: "block", children: [
         "Archived definitions (",
         archived.length,
         ")"
-      ] }),
+      ] }) }),
       /* @__PURE__ */ jsx("div", { className: "mt-2 divide-y divide-border", children: archived.map((definition) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-12 items-center justify-between gap-3 py-2", children: [
         /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", children: definition.displayLabel }),
         /* @__PURE__ */ jsx(

package/dist/ee/signals/settings/trace-signal-settings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-signal-settings.es.js","sources":["../../../../src/ee/signals/settings/trace-signal-settings.tsx"],"sourcesContent":["import type { TraceSignalDefinition } from '@mastra/client-js';\nimport { Settings, ArchiveRestore, Archive, Pencil, LayoutGrid } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { SignalDefinitionFormDialog } from './signal-definition-form-dialog';\nimport { useSignalManagementList, useSignalManagementMutations } from './use-signal-management';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Switch } from '@/ds/components/Switch';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function TraceSignalSettingsButton({ open, onClick }: { open: boolean; onClick: () => void }) {\n  const { signalManagement } = useTraceIntelligence();\n  if (!signalManagement) return null;\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"Signal settings\"\n      aria-label=\"Signal settings\"\n      aria-controls=\"trace-signal-settings\"\n      aria-expanded={open}\n      onClick={onClick}\n    >\n      <Settings aria-hidden=\"true\" />\n    </Button>\n  );\n}\n\nexport function TraceSignalSettingsPanel({ onClose }: { onClose: () => void }) {\n  return (\n    <aside id=\"trace-signal-settings\" aria-label=\"Trace signal settings\" className=\"min-h-0\">\n      <DataDetailsPanel>\n        <DataDetailsPanel.Header>\n          <DataDetailsPanel.Heading className=\"items-center font-medium text-foreground\">\n            <Settings aria-hidden=\"true\" /> Trace signal settings\n          </DataDetailsPanel.Heading>\n          <DataDetailsPanel.CloseButton onClick={onClose} tooltip=\"Close settings\" />\n        </DataDetailsPanel.Header>\n        <DataDetailsPanel.Content>\n          <TraceSignalSettingsContent />\n        </DataDetailsPanel.Content>\n      </DataDetailsPanel>\n    </aside>\n  );\n}\n\nfunction TraceSignalSettingsContent() {\n  const { signalManagement } = useTraceIntelligence();\n  const query = useSignalManagementList();\n  const mutations = useSignalManagementMutations();\n  const [creating, setCreating] = useState(false);\n  const [editing, setEditing] = useState<TraceSignalDefinition>();\n  const [actionError, setActionError] = useState<string>();\n  const canManage = signalManagement?.canManage ?? false;\n\n  if (query.isPending) {\n    return (\n      <div className=\"space-y-3\" role=\"status\" aria-label=\"Loading signal settings\">\n        <Skeleton className=\"h-5 w-40\" />\n        <Skeleton className=\"h-16 w-full\" />\n        <Skeleton className=\"h-16 w-full\" />\n      </div>\n    );\n  }\n  if (query.error || !query.data) {\n    return (\n      <Notice variant=\"destructive\">\n        <Notice.Message>{query.error?.message ?? 'Failed to load signal settings'}</Notice.Message>\n      </Notice>\n    );\n  }\n\n  const active = query.data.definitions.filter(definition => definition.status === 'active');\n  const archived = query.data.definitions.filter(definition => definition.status === 'archived');\n  const limit = query.data.limits.maxDefinitionsPerOrganization;\n  const atLimit = active.length >= limit;\n  const mutationPending = creating ? mutations.create.isPending : mutations.update.isPending;\n  const formError = creating ? mutations.create.error?.message : editing ? mutations.update.error?.message : undefined;\n  const openCreateForm = () => {\n    mutations.create.reset();\n    setCreating(true);\n  };\n  const setCreateFormOpen = (open: boolean) => {\n    if (!open) mutations.create.reset();\n    setCreating(open);\n  };\n  const openEditForm = (definition: TraceSignalDefinition) => {\n    mutations.update.reset();\n    setEditing(definition);\n  };\n  const closeEditForm = () => {\n    mutations.update.reset();\n    setEditing(undefined);\n  };\n\n  const runAction = async (action: () => Promise<unknown>) => {\n    setActionError(undefined);\n    try {\n      await action();\n    } catch (error) {\n      setActionError(error instanceof Error ? error.message : 'Failed to update signal settings');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {!canManage ? (\n        <Notice variant=\"info\">\n          <Notice.Message>You have read-only access. An organization admin can change these settings.</Notice.Message>\n        </Notice>\n      ) : null}\n      {actionError ? (\n        <Notice variant=\"destructive\">\n          <Notice.Message>{actionError}</Notice.Message>\n        </Notice>\n      ) : null}\n\n      <section aria-labelledby=\"custom-signals-heading\">\n        <div className=\"mb-2 flex flex-wrap items-center justify-between gap-3\">\n          <div>\n            <Txt as=\"h3\" variant=\"subheading\" tone=\"muted\" id=\"custom-signals-heading\">\n              Custom signals\n            </Txt>\n            <Txt variant=\"meta\" tone=\"muted\">\n              {active.length} of {limit} active organization definitions\n            </Txt>\n          </div>\n          <Button\n            icon={<LayoutGrid />}\n            size=\"sm\"\n            variant=\"primary\"\n            disabled={!canManage || atLimit}\n            onClick={openCreateForm}\n          >\n            Create signal\n          </Button>\n        </div>\n        {atLimit ? (\n          <Notice variant=\"info\">\n            <Notice.Message>Archive an active definition before creating or restoring another.</Notice.Message>\n          </Notice>\n        ) : null}\n        <div className=\"divide-y divide-border\">\n          {active.map(definition => (\n            <div key={definition.id} className=\"flex min-h-16 items-center justify-between gap-4 py-2\">\n              <div className=\"min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"truncate\">\n                    {definition.displayLabel}\n                  </Txt>\n                  <Badge variant=\"neutral\" size=\"sm\">\n                    v{definition.version}\n                  </Badge>\n                </div>\n                <Txt variant=\"meta\" tone=\"muted\" className=\"truncate\">\n                  {definition.description || definition.name}\n                </Txt>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <Button\n                  icon={<Pencil />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={!canManage}\n                  onClick={() => openEditForm(definition)}\n                >\n                  Edit\n                </Button>\n                <Button\n                  icon={<Archive />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={\n                    !canManage || (mutations.archive.isPending && mutations.archive.variables === definition.id)\n                  }\n                  onClick={() => void runAction(() => mutations.archive.mutateAsync(definition.id))}\n                >\n                  Archive\n                </Button>\n                <Switch\n                  aria-label={`Enable ${definition.displayLabel}`}\n                  checked={definition.enabled ?? false}\n                  disabled={\n                    !canManage ||\n                    (mutations.setProjectEnabled.isPending &&\n                      mutations.setProjectEnabled.variables?.id === definition.id)\n                  }\n                  onCheckedChange={enabled =>\n                    void runAction(() => mutations.setProjectEnabled.mutateAsync({ id: definition.id, enabled }))\n                  }\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n        {active.length === 0 ? (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"py-3\">\n            No custom signals yet.\n          </Txt>\n        ) : null}\n      </section>\n\n      {archived.length > 0 ? (\n        <details>\n          <summary className=\"cursor-pointer text-caption text-muted-foreground\">\n            Archived definitions ({archived.length})\n          </summary>\n          <div className=\"mt-2 divide-y divide-border\">\n            {archived.map(definition => (\n              <div key={definition.id} className=\"flex min-h-12 items-center justify-between gap-3 py-2\">\n                <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                  {definition.displayLabel}\n                </Txt>\n                <Button\n                  icon={<ArchiveRestore />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={\n                    !canManage ||\n                    atLimit ||\n                    (mutations.restore.isPending && mutations.restore.variables === definition.id)\n                  }\n                  onClick={() => void runAction(() => mutations.restore.mutateAsync(definition.id))}\n                >\n                  Restore\n                </Button>\n              </div>\n            ))}\n          </div>\n        </details>\n      ) : null}\n\n      <Txt variant=\"meta\" tone=\"muted\">\n        Enabling a signal starts collection for new traces. Entity status shows when enough generated data has been\n        processed and clustered.\n      </Txt>\n\n      {creating ? (\n        <SignalDefinitionFormDialog\n          open\n          onOpenChange={setCreateFormOpen}\n          pending={mutationPending}\n          error={formError}\n          onCreate={async input => {\n            await mutations.create.mutateAsync(input);\n          }}\n          onUpdate={async () => undefined}\n        />\n      ) : null}\n      {editing ? (\n        <SignalDefinitionFormDialog\n          open\n          definition={editing}\n          onOpenChange={open => {\n            if (!open) closeEditForm();\n          }}\n          pending={mutationPending}\n          error={formError}\n          onCreate={async () => undefined}\n          onUpdate={async (id, input) => {\n            await mutations.update.mutateAsync({ id, input });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-signal-settings.es.js","sources":["../../../../src/ee/signals/settings/trace-signal-settings.tsx"],"sourcesContent":["import type { TraceSignalDefinition } from '@mastra/client-js';\nimport { Settings, ArchiveRestore, Archive, Pencil, LayoutGrid } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { SignalDefinitionFormDialog } from './signal-definition-form-dialog';\nimport { useSignalManagementList, useSignalManagementMutations } from './use-signal-management';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { DataDetailsPanel } from '@/ds/components/DataDetailsPanel';\nimport { Notice } from '@/ds/components/Notice';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Switch } from '@/ds/components/Switch';\nimport { Txt } from '@/ds/components/Txt';\n\nexport function TraceSignalSettingsButton({ open, onClick }: { open: boolean; onClick: () => void }) {\n  const { signalManagement } = useTraceIntelligence();\n  if (!signalManagement) return null;\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"Signal settings\"\n      aria-label=\"Signal settings\"\n      aria-controls=\"trace-signal-settings\"\n      aria-expanded={open}\n      onClick={onClick}\n    >\n      <Settings aria-hidden=\"true\" />\n    </Button>\n  );\n}\n\nexport function TraceSignalSettingsPanel({ onClose }: { onClose: () => void }) {\n  return (\n    <aside id=\"trace-signal-settings\" aria-label=\"Trace signal settings\" className=\"min-h-0\">\n      <DataDetailsPanel>\n        <DataDetailsPanel.Header>\n          <DataDetailsPanel.Heading className=\"items-center text-subheading text-foreground\">\n            <Settings aria-hidden=\"true\" /> Trace signal settings\n          </DataDetailsPanel.Heading>\n          <DataDetailsPanel.CloseButton onClick={onClose} tooltip=\"Close settings\" />\n        </DataDetailsPanel.Header>\n        <DataDetailsPanel.Content>\n          <TraceSignalSettingsContent />\n        </DataDetailsPanel.Content>\n      </DataDetailsPanel>\n    </aside>\n  );\n}\n\nfunction TraceSignalSettingsContent() {\n  const { signalManagement } = useTraceIntelligence();\n  const query = useSignalManagementList();\n  const mutations = useSignalManagementMutations();\n  const [creating, setCreating] = useState(false);\n  const [editing, setEditing] = useState<TraceSignalDefinition>();\n  const [actionError, setActionError] = useState<string>();\n  const canManage = signalManagement?.canManage ?? false;\n\n  if (query.isPending) {\n    return (\n      <div className=\"space-y-3\" role=\"status\" aria-label=\"Loading signal settings\">\n        <Skeleton className=\"h-5 w-40\" />\n        <Skeleton className=\"h-16 w-full\" />\n        <Skeleton className=\"h-16 w-full\" />\n      </div>\n    );\n  }\n  if (query.error || !query.data) {\n    return (\n      <Notice variant=\"destructive\">\n        <Notice.Message>{query.error?.message ?? 'Failed to load signal settings'}</Notice.Message>\n      </Notice>\n    );\n  }\n\n  const active = query.data.definitions.filter(definition => definition.status === 'active');\n  const archived = query.data.definitions.filter(definition => definition.status === 'archived');\n  const limit = query.data.limits.maxDefinitionsPerOrganization;\n  const atLimit = active.length >= limit;\n  const mutationPending = creating ? mutations.create.isPending : mutations.update.isPending;\n  const formError = creating ? mutations.create.error?.message : editing ? mutations.update.error?.message : undefined;\n  const openCreateForm = () => {\n    mutations.create.reset();\n    setCreating(true);\n  };\n  const setCreateFormOpen = (open: boolean) => {\n    if (!open) mutations.create.reset();\n    setCreating(open);\n  };\n  const openEditForm = (definition: TraceSignalDefinition) => {\n    mutations.update.reset();\n    setEditing(definition);\n  };\n  const closeEditForm = () => {\n    mutations.update.reset();\n    setEditing(undefined);\n  };\n\n  const runAction = async (action: () => Promise<unknown>) => {\n    setActionError(undefined);\n    try {\n      await action();\n    } catch (error) {\n      setActionError(error instanceof Error ? error.message : 'Failed to update signal settings');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {!canManage ? (\n        <Notice variant=\"info\">\n          <Notice.Message>You have read-only access. An organization admin can change these settings.</Notice.Message>\n        </Notice>\n      ) : null}\n      {actionError ? (\n        <Notice variant=\"destructive\">\n          <Notice.Message>{actionError}</Notice.Message>\n        </Notice>\n      ) : null}\n\n      <section aria-labelledby=\"custom-signals-heading\">\n        <div className=\"mb-2 flex flex-wrap items-center justify-between gap-3\">\n          <div>\n            <Txt as=\"h3\" variant=\"subheading\" tone=\"muted\" id=\"custom-signals-heading\">\n              Custom signals\n            </Txt>\n            <Txt variant=\"meta\" tone=\"muted\">\n              {active.length} of {limit} active organization definitions\n            </Txt>\n          </div>\n          <Button\n            icon={<LayoutGrid />}\n            size=\"sm\"\n            variant=\"primary\"\n            disabled={!canManage || atLimit}\n            onClick={openCreateForm}\n          >\n            Create signal\n          </Button>\n        </div>\n        {atLimit ? (\n          <Notice variant=\"info\">\n            <Notice.Message>Archive an active definition before creating or restoring another.</Notice.Message>\n          </Notice>\n        ) : null}\n        <div className=\"divide-y divide-border\">\n          {active.map(definition => (\n            <div key={definition.id} className=\"flex min-h-16 items-center justify-between gap-4 py-2\">\n              <div className=\"min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"truncate\">\n                    {definition.displayLabel}\n                  </Txt>\n                  <Badge variant=\"neutral\" size=\"sm\">\n                    v{definition.version}\n                  </Badge>\n                </div>\n                <Txt variant=\"meta\" tone=\"muted\" className=\"truncate\">\n                  {definition.description || definition.name}\n                </Txt>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <Button\n                  icon={<Pencil />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={!canManage}\n                  onClick={() => openEditForm(definition)}\n                >\n                  Edit\n                </Button>\n                <Button\n                  icon={<Archive />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={\n                    !canManage || (mutations.archive.isPending && mutations.archive.variables === definition.id)\n                  }\n                  onClick={() => void runAction(() => mutations.archive.mutateAsync(definition.id))}\n                >\n                  Archive\n                </Button>\n                <Switch\n                  aria-label={`Enable ${definition.displayLabel}`}\n                  checked={definition.enabled ?? false}\n                  disabled={\n                    !canManage ||\n                    (mutations.setProjectEnabled.isPending &&\n                      mutations.setProjectEnabled.variables?.id === definition.id)\n                  }\n                  onCheckedChange={enabled =>\n                    void runAction(() => mutations.setProjectEnabled.mutateAsync({ id: definition.id, enabled }))\n                  }\n                />\n              </div>\n            </div>\n          ))}\n        </div>\n        {active.length === 0 ? (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"py-3\">\n            No custom signals yet.\n          </Txt>\n        ) : null}\n      </section>\n\n      {archived.length > 0 ? (\n        <details>\n          <summary className=\"cursor-pointer text-muted-foreground\">\n            <Txt as=\"span\" variant=\"caption\" className=\"block\">\n              Archived definitions ({archived.length})\n            </Txt>\n          </summary>\n          <div className=\"mt-2 divide-y divide-border\">\n            {archived.map(definition => (\n              <div key={definition.id} className=\"flex min-h-12 items-center justify-between gap-3 py-2\">\n                <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                  {definition.displayLabel}\n                </Txt>\n                <Button\n                  icon={<ArchiveRestore />}\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  disabled={\n                    !canManage ||\n                    atLimit ||\n                    (mutations.restore.isPending && mutations.restore.variables === definition.id)\n                  }\n                  onClick={() => void runAction(() => mutations.restore.mutateAsync(definition.id))}\n                >\n                  Restore\n                </Button>\n              </div>\n            ))}\n          </div>\n        </details>\n      ) : null}\n\n      <Txt variant=\"meta\" tone=\"muted\">\n        Enabling a signal starts collection for new traces. Entity status shows when enough generated data has been\n        processed and clustered.\n      </Txt>\n\n      {creating ? (\n        <SignalDefinitionFormDialog\n          open\n          onOpenChange={setCreateFormOpen}\n          pending={mutationPending}\n          error={formError}\n          onCreate={async input => {\n            await mutations.create.mutateAsync(input);\n          }}\n          onUpdate={async () => undefined}\n        />\n      ) : null}\n      {editing ? (\n        <SignalDefinitionFormDialog\n          open\n          definition={editing}\n          onOpenChange={open => {\n            if (!open) closeEditForm();\n          }}\n          pending={mutationPending}\n          error={formError}\n          onCreate={async () => undefined}\n          onUpdate={async (id, input) => {\n            await mutations.update.mutateAsync({ id, input });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/signal-delta-column.cjs.js

@@ -9,7 +9,7 @@ const ee_signals_themeCompareData = require('./theme-compare-data.cjs.js');
 const ee_signals_themeCompareSparkline = require('./theme-compare-sparkline.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 
 function percent(share) {
   return `${Math.round(share * 100)}%`;
@@ -37,9 +37,7 @@ function SignalDeltaColumn({
       Txt.Txt,
       {
         as: "h3",
-        variant: "column",
-        font: "mono",
-        className: "tracking-widest uppercase",
+        variant: "eyebrow",
         style: { color: ee_signals_signalColors.getSignalColor(signalName) },
         children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { "aria-label": signalName, className: "cursor-default uppercase", children: label }),
@@ -48,15 +46,15 @@ function SignalDeltaColumn({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "mt-2 space-y-1.5", children: [
-      deltas.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-caption text-muted-foreground", children: "No themes in either snapshot." }) : null,
+      deltas.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", className: "block", children: "No themes in either snapshot." }) }) : null,
       deltas.map((delta) => {
         const themeId = delta.themeId;
         const card = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "ink", className: "truncate", title: delta.label, children: delta.label }),
-            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "ink", font: "mono", className: "shrink-0 tabular-nums", children: deltaLabel(delta.delta) })
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "ink", className: "shrink-0 tabular-nums", children: deltaLabel(delta.delta) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", font: "mono", className: "tabular-nums", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { variant: "caption", tone: "muted", className: "tabular-nums", children: [
             percent(delta.fromShare),
             " → ",
             percent(delta.toShare)

package/dist/ee/signals/signal-delta-column.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal-delta-column.cjs.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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      <Txt\n        as=\"h3\"\n        variant=\"column\"\n        font=\"mono\"\n        className=\"tracking-widest uppercase\"\n        style={{ color: getSignalColor(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      </Txt>\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                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"truncate\" title={delta.label}>\n                  {delta.label}\n                </Txt>\n                <Txt as=\"span\" variant=\"column\" tone=\"ink\" font=\"mono\" className=\"shrink-0 tabular-nums\">\n                  {deltaLabel(delta.delta)}\n                </Txt>\n              </div>\n              <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\">\n                {percent(delta.fromShare)} → {percent(delta.toShare)}\n              </Txt>\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-success-subtle' : delta.delta < 0 ? 'bg-destructive-subtle' : '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","Txt","getSignalColor","Tooltip","TooltipTrigger","TooltipContent","signalDescription","jsxs","Fragment","ThemeCompareSparkline","themeShareSeries"],"mappings":"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"}
+{"version":3,"file":"signal-delta-column.cjs.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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      <Txt\n        as=\"h3\"\n        variant=\"eyebrow\"\n\n        style={{ color: getSignalColor(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      </Txt>\n      <ul className=\"mt-2 space-y-1.5\">\n        {deltas.length === 0 ? (\n          <li className=\"text-muted-foreground\">\n            <Txt as=\"span\" variant=\"caption\" className=\"block\">\n              No themes in either snapshot.\n            </Txt>\n          </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                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"truncate\" title={delta.label}>\n                  {delta.label}\n                </Txt>\n                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                  {deltaLabel(delta.delta)}\n                </Txt>\n              </div>\n              <Txt variant=\"caption\" tone=\"muted\" className=\"tabular-nums\">\n                {percent(delta.fromShare)} → {percent(delta.toShare)}\n              </Txt>\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-success-subtle' : delta.delta < 0 ? 'bg-destructive-subtle' : '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","Txt","getSignalColor","Tooltip","TooltipTrigger","TooltipContent","signalDescription","jsxs","Fragment","ThemeCompareSparkline","themeShareSeries"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { computeThemeShareDeltas, themeShareSeries } from './theme-compare-data.
 import { ThemeCompareSparkline } from './theme-compare-sparkline.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 
 function percent(share) {
   return `${Math.round(share * 100)}%`;
@@ -33,9 +33,7 @@ function SignalDeltaColumn({
       Txt,
       {
         as: "h3",
-        variant: "column",
-        font: "mono",
-        className: "tracking-widest uppercase",
+        variant: "eyebrow",
         style: { color: getSignalColor(signalName) },
         children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { "aria-label": signalName, className: "cursor-default uppercase", children: label }),
@@ -44,15 +42,15 @@ function SignalDeltaColumn({
       }
     ),
     /* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-1.5", children: [
-      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-caption text-muted-foreground", children: "No themes in either snapshot." }) : null,
+      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", className: "block", 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(Txt, { as: "span", variant: "column", tone: "ink", className: "truncate", title: delta.label, children: delta.label }),
-            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "ink", font: "mono", className: "shrink-0 tabular-nums", children: deltaLabel(delta.delta) })
+            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "ink", className: "shrink-0 tabular-nums", children: deltaLabel(delta.delta) })
           ] }),
-          /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", font: "mono", className: "tabular-nums", children: [
+          /* @__PURE__ */ jsxs(Txt, { variant: "caption", tone: "muted", className: "tabular-nums", children: [
             percent(delta.fromShare),
             " → ",
             percent(delta.toShare)

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

@@ -1 +1 @@
-{"version":3,"file":"signal-delta-column.es.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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      <Txt\n        as=\"h3\"\n        variant=\"column\"\n        font=\"mono\"\n        className=\"tracking-widest uppercase\"\n        style={{ color: getSignalColor(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      </Txt>\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                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"truncate\" title={delta.label}>\n                  {delta.label}\n                </Txt>\n                <Txt as=\"span\" variant=\"column\" tone=\"ink\" font=\"mono\" className=\"shrink-0 tabular-nums\">\n                  {deltaLabel(delta.delta)}\n                </Txt>\n              </div>\n              <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\">\n                {percent(delta.fromShare)} → {percent(delta.toShare)}\n              </Txt>\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-success-subtle' : delta.delta < 0 ? 'bg-destructive-subtle' : '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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"}
+{"version":3,"file":"signal-delta-column.es.js","sources":["../../../src/ee/signals/signal-delta-column.tsx"],"sourcesContent":["import { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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      <Txt\n        as=\"h3\"\n        variant=\"eyebrow\"\n\n        style={{ color: getSignalColor(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      </Txt>\n      <ul className=\"mt-2 space-y-1.5\">\n        {deltas.length === 0 ? (\n          <li className=\"text-muted-foreground\">\n            <Txt as=\"span\" variant=\"caption\" className=\"block\">\n              No themes in either snapshot.\n            </Txt>\n          </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                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"truncate\" title={delta.label}>\n                  {delta.label}\n                </Txt>\n                <Txt as=\"span\" variant=\"column\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                  {deltaLabel(delta.delta)}\n                </Txt>\n              </div>\n              <Txt variant=\"caption\" tone=\"muted\" className=\"tabular-nums\">\n                {percent(delta.fromShare)} → {percent(delta.toShare)}\n              </Txt>\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-success-subtle' : delta.delta < 0 ? 'bg-destructive-subtle' : '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

@@ -11,7 +11,7 @@ const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_themeLifelinesData = require('./theme-lifelines-data.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 
 function SignalLifelines({
   signalName,
@@ -26,7 +26,7 @@ function SignalLifelines({
   const color = ee_signals_signalColors.getSignalColor(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(Txt.Txt, { as: "h3", variant: "column", font: "mono", className: "tracking-widest uppercase", style: { color }, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "flex", style: { color }, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         tooltip.TooltipTrigger,
         {
@@ -48,7 +48,7 @@ function SignalLifelines({
                 className: `size-3.5 transition-transform ${isCollapsed ? "-rotate-90" : ""}`
               }
             ),
-            label
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "eyebrow", children: label })
           ]
         }
       ),

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

@@ -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 { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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 color = getSignalColor(signalName);\n  const label = signalLabel(signalCatalog, signalName);\n\n  return (\n    <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n      <Txt as=\"h3\" variant=\"column\" font=\"mono\" className=\"tracking-widest uppercase\" style={{ color }}>\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      </Txt>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-2\">\n          No themes in these landmarks.\n        </Txt>\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              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"names":["useTraceIntelligence","useState","buildThemeLifelines","getSignalColor","signalLabel","jsx","Txt","Tooltip","jsxs","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,KAAA,GAAQC,uCAAe,UAAU,CAAA;AACvC,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,CAACC,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,UAAS,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,2BAAA,EAA4B,KAAA,EAAO,EAAE,KAAA,EAAM,EAC7F,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,eAAA;AAAA,QAACC,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,WAAA,GAAc,SAAY,IAAA,CAAK,MAAA,KAAW,oBACzCP,cAAA,CAACC,OAAA,EAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,SAAA,EAAU,MAAA,EAAO,2CAErD,CAAA,mBAEAD,cAAA,CAAC,QAAG,SAAA,EAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,qBACRA,cAAA;AAAA,MAACQ,kCAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK,GAAA,CAAI;AAAA,KAOZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"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 { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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 color = getSignalColor(signalName);\n  const label = signalLabel(signalCatalog, signalName);\n\n  return (\n    <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n      <h3 className=\"flex\" style={{ color }}>\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            <Txt as=\"span\" variant=\"eyebrow\">\n              {label}\n            </Txt>\n          </TooltipTrigger>\n          <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n        </Tooltip>\n      </h3>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-2\">\n          No themes in these landmarks.\n        </Txt>\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              onThemeSelect={onThemeSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"names":["useTraceIntelligence","useState","buildThemeLifelines","getSignalColor","signalLabel","jsx","Tooltip","jsxs","TooltipTrigger","ChevronDown","Txt","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,KAAA,GAAQC,uCAAe,UAAU,CAAA;AACvC,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,WAAU,MAAA,EAAO,KAAA,EAAO,EAAE,KAAA,EAAM,EAClC,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,eAAA;AAAA,QAACC,sBAAA;AAAA,QAAA;AAAA,UACC,MAAA,kBACEH,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,cAACI,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,2CACCC,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WACpB,QAAA,EAAA,KAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,sBACAL,cAAA,CAACM,sBAAA,EAAA,EAAgB,QAAA,EAAAC,6CAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,WAAA,GAAc,SAAY,IAAA,CAAK,MAAA,KAAW,oBACzCP,cAAA,CAACK,OAAA,EAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,SAAA,EAAU,MAAA,EAAO,2CAErD,CAAA,mBAEAL,cAAA,CAAC,QAAG,SAAA,EAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,qBACRA,cAAA;AAAA,MAACQ,kCAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK,GAAA,CAAI;AAAA,KAOZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -7,7 +7,7 @@ import { signalLabel, signalDescription } from './signal-formatting.es.js';
 import { buildThemeLifelines } from './theme-lifelines-data.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 
 function SignalLifelines({
   signalName,
@@ -22,7 +22,7 @@ function SignalLifelines({
   const color = getSignalColor(signalName);
   const label = signalLabel(signalCatalog, signalName);
   return /* @__PURE__ */ jsxs("section", { "aria-label": `${label} lifelines`, className: "min-w-0", children: [
-    /* @__PURE__ */ jsx(Txt, { as: "h3", variant: "column", font: "mono", className: "tracking-widest uppercase", style: { color }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "flex", style: { color }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxs(
         TooltipTrigger,
         {
@@ -44,7 +44,7 @@ function SignalLifelines({
                 className: `size-3.5 transition-transform ${isCollapsed ? "-rotate-90" : ""}`
               }
             ),
-            label
+            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "eyebrow", children: label })
           ]
         }
       ),

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

@@ -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 { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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 color = getSignalColor(signalName);\n  const label = signalLabel(signalCatalog, signalName);\n\n  return (\n    <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n      <Txt as=\"h3\" variant=\"column\" font=\"mono\" className=\"tracking-widest uppercase\" style={{ color }}>\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      </Txt>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-2\">\n          No themes in these landmarks.\n        </Txt>\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              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,KAAA,GAAQ,eAAe,UAAU,CAAA;AACvC,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,GAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,UAAS,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,2BAAA,EAA4B,KAAA,EAAO,EAAE,KAAA,EAAM,EAC7F,+BAAC,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,WAAA,GAAc,SAAY,IAAA,CAAK,MAAA,KAAW,oBACzC,GAAA,CAAC,GAAA,EAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,SAAA,EAAU,MAAA,EAAO,2CAErD,CAAA,mBAEA,GAAA,CAAC,QAAG,SAAA,EAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,qBACR,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK,GAAA,CAAI;AAAA,KAOZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"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 { getSignalColor } 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 { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\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 color = getSignalColor(signalName);\n  const label = signalLabel(signalCatalog, signalName);\n\n  return (\n    <section aria-label={`${label} lifelines`} className=\"min-w-0\">\n      <h3 className=\"flex\" style={{ color }}>\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            <Txt as=\"span\" variant=\"eyebrow\">\n              {label}\n            </Txt>\n          </TooltipTrigger>\n          <TooltipContent>{signalDescription(signalCatalog, signalName)}</TooltipContent>\n        </Tooltip>\n      </h3>\n      {isCollapsed ? undefined : rows.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\" className=\"mt-2\">\n          No themes in these landmarks.\n        </Txt>\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              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,KAAA,GAAQ,eAAe,UAAU,CAAA;AACvC,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,WAAU,MAAA,EAAO,KAAA,EAAO,EAAE,KAAA,EAAM,EAClC,+BAAC,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,gCACC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,WACpB,QAAA,EAAA,KAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,iBAAA,CAAkB,aAAA,EAAe,UAAU,CAAA,EAAE;AAAA,KAAA,EAChE,CAAA,EACF,CAAA;AAAA,IACC,WAAA,GAAc,SAAY,IAAA,CAAK,MAAA,KAAW,oBACzC,GAAA,CAAC,GAAA,EAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,SAAA,EAAU,MAAA,EAAO,2CAErD,CAAA,mBAEA,GAAA,CAAC,QAAG,SAAA,EAAU,kBAAA,EACX,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,qBACR,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA;AAAA,QACA;AAAA,OAAA;AAAA,MALK,GAAA,CAAI;AAAA,KAOZ,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const Button = require('../../Button-CXhSUBxN.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 
 function SignalsErrorState({
   message,

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { TriangleAlert, RotateCcw, X } from 'lucide-react';
 import { B as Button } from '../../Button-D43ghVKt.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 
 function SignalsErrorState({
   message,

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

@@ -7,7 +7,7 @@ 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-CXhSUBxN.cjs');
-const Txt = require('../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../Txt-DFPibRb3.cjs');
 
 const MARKER_TICK_CLASSES = {
   selected: "bg-foreground border-border-strong",
@@ -49,7 +49,6 @@ function TimelineTrack({
           as: "span",
           variant: "meta",
           tone: "muted",
-          font: "mono",
           "aria-hidden": "true",
           className: "absolute top-7 -translate-x-1/2 tabular-nums",
           style: { left: `${positions[index]}%` },
@@ -100,7 +99,7 @@ function SnapshotTimeline({
           children: isPlaying ? "Pause" : "Play"
         }
       ) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", font: "mono", className: "tabular-nums", "data-testid": "snapshot-summary", children: summary })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "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

@@ -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';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\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-muted-foreground'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\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          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n            font=\"mono\"\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\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","Txt","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":"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"}
+{"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';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\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-muted-foreground'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\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          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\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","Txt","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":";;;;;;;;;;;AAUA,MAAM,mBAAA,GAA0D;AAAA,EAC9D,QAAA,EAAU,oCAAA;AAAA,EACV,eAAA,EAAiB;AACnB,CAAA;AAQO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,SAAA,GAAYA,sDAAsB,SAAS,CAAA;AACjD,EAAA,MAAM,SAAA,GAAYC,kDAAkB,SAAS,CAAA;AAE7C,EAAA,uCACG,KAAA,EAAA,EAAI,YAAA,EAAW,sBAAqB,SAAA,EAAU,oCAAA,EAAqC,MAAK,OAAA,EACvF,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,wEAAA,EAAyE,CAAA;AAAA,IAC1G,SAAA,CAAU,GAAA,CAAI,CAAC,QAAA,EAAU,KAAA,KAAU;AAClC,MAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA;AAChC,MAAA,MAAM,OAAA,GAAU,MAAA,KAAW,eAAA,IAAmB,KAAA,KAAU,YAAA;AACxD,MAAA,uBACEA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAc,MAAA,KAAW,UAAA,GAAa,MAAA,GAAS,MAAA;AAAA,UAC/C,YAAA,EAAYC,iDAAA,CAAkB,QAAA,EAAU,UAAU,CAAA;AAAA,UAClD,cAAA,EAAc,MAAA,KAAW,eAAA,GAAkB,OAAA,GAAU,MAAA;AAAA,UACrD,SAAA,EAAW,CAAA,6DAAA,EACT,MAAA,GAAS,mBAAA,CAAoB,MAAM,IAAI,sDACzC,CAAA,CAAA,EAAI,OAAA,GAAU,wBAAA,GAA2B,EAAE,CAAA,CAAA;AAAA,UAC3C,aAAA,EAAa,MAAA;AAAA,UACb,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,UACjC,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UACtC,IAAA,EAAK;AAAA,SAAA;AAAA,QAVA,QAAA,CAAS;AAAA,OAWhB;AAAA,IAEJ,CAAC,CAAA;AAAA,IACA,SAAA,CAAU,GAAA;AAAA,MAAI,CAAC,QAAA,EAAU,KAAA,KACxB,SAAA,CAAU,KAAK,CAAA,mBACbD,cAAA;AAAA,QAACE,OAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,MAAA;AAAA,UACH,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,OAAA;AAAA,UAGL,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,8CAAA;AAAA,UACV,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UAErC,oBAAU,KAAK;AAAA,SAAA;AAAA,QALX,CAAA,IAAA,EAAO,SAAS,UAAU,CAAA;AAAA,OAMjC,GACE;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAQG;AACD,EAAA,MAAM,QAAA,GAAW,UAAU,aAAa,CAAA;AAExC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,UAAA,GAAa,kBAAkB,QAAA,CAAS,KAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,QAAA,GAC1BC,gDAAA,CAAqB,QAAA,CAAS,QAAQ,CAAA,GACtCC,gDAAA,CAAqB,QAAA,CAAS,SAAA,EAAW,QAAA,CAAS,OAAO,CAAA;AAC7D,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,CAAA,SAAA,EAAY,QAAA,CAAS,OAAO,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,IAC1C,GAAI,QAAA,CAAS,QAAA,GACT,CAAC,CAAA,MAAA,EAAS,YAAY,CAAA,CAAA,EAAI,CAAA,OAAA,EAAUA,gDAAA,CAAqB,QAAA,CAAS,WAAW,QAAA,CAAS,OAAO,CAAC,CAAA,CAAE,CAAA,GAChG,CAAC,YAAY,CAAA;AAAA,IACjBC,sCAAA,CAAW,SAAS,UAAU;AAAA,GAChC;AAEA,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,mBAAA,EAAoB,WAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,SAAA,CAAU,MAAA,GAAS,CAAA,mBAClBN,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA,sBAAa,GAAA,CAAgC,CAAC,CAAC,aAAA,EAAe,UAAU,CAAC,CAAC,CAAA;AAAA,QAC1E,YAAA,EAAc;AAAA;AAAA,OAElB,CAAA,GACE,IAAA;AAAA,oBACJM,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,SAAS,CAAA,mBAClBN,cAAA;AAAA,QAACO,aAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,YAAY,iBAAA,GAAoB,gBAAA;AAAA,UAC5C,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,SAAS,CAAA;AAAA,UACzC,IAAA,EAAK,IAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAM,SAAA,mBAAYP,cAAA,CAACQ,iBAAA,EAAA,EAAM,aAAA,EAAY,QAAO,CAAA,mBAAKR,cAAA,CAACS,gBAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAEzE,sBAAY,OAAA,GAAU;AAAA;AAAA,OACzB,GACE,IAAA;AAAA,sBACJT,cAAA,CAACE,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,SAAQ,SAAA,EAAU,cAAA,EAAe,aAAA,EAAY,kBAAA,EACtE,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAF,cAAA,CAAC,OAAE,WAAA,EAAU,QAAA,EAAS,WAAU,SAAA,EAC7B,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA,EACzB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}

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

@@ -3,7 +3,7 @@ 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-D43ghVKt.js';
-import { T as Txt } from '../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../Txt-CuuPO9Ho.js';
 
 const MARKER_TICK_CLASSES = {
   selected: "bg-foreground border-border-strong",
@@ -45,7 +45,6 @@ function TimelineTrack({
           as: "span",
           variant: "meta",
           tone: "muted",
-          font: "mono",
           "aria-hidden": "true",
           className: "absolute top-7 -translate-x-1/2 tabular-nums",
           style: { left: `${positions[index]}%` },
@@ -96,7 +95,7 @@ function SnapshotTimeline({
           children: isPlaying ? "Pause" : "Play"
         }
       ) : null,
-      /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", font: "mono", className: "tabular-nums", "data-testid": "snapshot-summary", children: summary })
+      /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "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

@@ -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';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\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-muted-foreground'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\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          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n            font=\"mono\"\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\n      </div>\n      {/* Keep the global ordinal and range-scoped position available to assistive tech. */}\n      <p aria-live=\"polite\" className=\"sr-only\">\n        {statusParts.join(' · ')}\n      </p>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"snapshot-timeline.es.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\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-muted-foreground'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\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          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\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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"}