@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

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';\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=\"text-neutral5 items-center font-medium\">\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            <h3 id=\"custom-signals-heading\" className=\"text-ui-md text-neutral4 font-medium\">\n              Custom signals\n            </h3>\n            <p className=\"text-ui-xs text-neutral3\">\n              {active.length} of {limit} active organization definitions\n            </p>\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-border1 divide-y\">\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                  <span className=\"text-ui-sm text-neutral4 truncate\">{definition.displayLabel}</span>\n                  <Badge variant=\"neutral\" size=\"sm\">\n                    v{definition.version}\n                  </Badge>\n                </div>\n                <p className=\"text-ui-xs text-neutral3 truncate\">{definition.description || definition.name}</p>\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 ? <p className=\"text-ui-sm text-neutral3 py-3\">No custom signals yet.</p> : null}\n      </section>\n\n      {archived.length > 0 ? (\n        <details>\n          <summary className=\"text-ui-sm text-neutral4 cursor-pointer\">\n            Archived definitions ({archived.length})\n          </summary>\n          <div className=\"divide-border1 mt-2 divide-y\">\n            {archived.map(definition => (\n              <div key={definition.id} className=\"flex min-h-12 items-center justify-between gap-3 py-2\">\n                <span className=\"text-ui-sm text-neutral3\">{definition.displayLabel}</span>\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      <p className=\"text-ui-xs text-neutral3\">\n        Enabling a signal starts collection for new traces. Entity status shows when enough generated data has been\n        processed and clustered.\n      </p>\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';\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=\"text-foreground items-center font-medium\">\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            <h3 id=\"custom-signals-heading\" className=\"text-subheading text-muted-foreground\">\n              Custom signals\n            </h3>\n            <p className=\"text-meta text-muted-foreground\">\n              {active.length} of {limit} active organization definitions\n            </p>\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-border divide-y\">\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                  <span className=\"text-caption text-muted-foreground truncate\">{definition.displayLabel}</span>\n                  <Badge variant=\"neutral\" size=\"sm\">\n                    v{definition.version}\n                  </Badge>\n                </div>\n                <p className=\"text-meta text-muted-foreground truncate\">{definition.description || definition.name}</p>\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 ? <p className=\"text-caption text-muted-foreground py-3\">No custom signals yet.</p> : null}\n      </section>\n\n      {archived.length > 0 ? (\n        <details>\n          <summary className=\"text-caption text-muted-foreground cursor-pointer\">\n            Archived definitions ({archived.length})\n          </summary>\n          <div className=\"divide-border mt-2 divide-y\">\n            {archived.map(definition => (\n              <div key={definition.id} className=\"flex min-h-12 items-center justify-between gap-3 py-2\">\n                <span className=\"text-caption text-muted-foreground\">{definition.displayLabel}</span>\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      <p className=\"text-meta text-muted-foreground\">\n        Enabling a signal starts collection for new traces. Entity status shows when enough generated data has been\n        processed and clustered.\n      </p>\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 sankeyColor = require('../../sankeyColor-DHE7ggh8.cjs');
-const tooltip = require('../../tooltip-_cda-a7s.cjs');
+const tooltip = require('../../tooltip-FvWL16Xn.cjs');
 
 function percent(share) {
   return `${Math.round(share * 100)}%`;
@@ -36,7 +36,7 @@ function SignalDeltaColumn({
     /* @__PURE__ */ jsxRuntime.jsx(
       "h3",
       {
-        className: "text-ui-sm font-mono font-semibold tracking-widest uppercase",
+        className: "text-column font-mono tracking-widest uppercase",
         style: { color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(signalName)) },
         children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { "aria-label": signalName, className: "cursor-default uppercase", children: label }),
@@ -45,15 +45,15 @@ function SignalDeltaColumn({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "mt-2 space-y-1.5", children: [
-      deltas.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-neutral3 text-ui-sm", children: "No themes in either snapshot." }) : null,
+      deltas.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground text-caption", 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("span", { className: "text-neutral6 text-ui-sm truncate font-medium", title: delta.label, children: delta.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral6 text-ui-sm shrink-0 font-mono font-semibold tabular-nums", children: deltaLabel(delta.delta) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-column truncate", title: delta.label, children: delta.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-column shrink-0 font-mono tabular-nums", children: deltaLabel(delta.delta) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 text-ui-sm font-mono tabular-nums", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-caption font-mono tabular-nums", children: [
             percent(delta.fromShare),
             " → ",
             percent(delta.toShare)
@@ -70,12 +70,12 @@ function SignalDeltaColumn({
         return /* @__PURE__ */ jsxRuntime.jsx(
           "li",
           {
-            className: `border-border1 rounded-lg border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-surface3"}`,
+            className: `border-border rounded-lg border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-card"}`,
             children: themeId === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2.5 py-2", children: card }) : /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 "aria-label": `View theme details for ${delta.label}`,
-                className: "hover:border-border2 block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-white/[0.03]",
+                className: "hover:border-border-strong block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:bg-white/[0.03]",
                 onClick: () => onThemeSelect({ kind: "theme", signalName, themeId, label: delta.label }, detailIndexFor(delta)),
                 type: "button",
                 children: card

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

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

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 { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-QuS0KEbc.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 
 function percent(share) {
   return `${Math.round(share * 100)}%`;
@@ -32,7 +32,7 @@ function SignalDeltaColumn({
     /* @__PURE__ */ jsx(
       "h3",
       {
-        className: "text-ui-sm font-mono font-semibold tracking-widest uppercase",
+        className: "text-column font-mono tracking-widest uppercase",
         style: { color: nodeColor(getSignalHue(signalName)) },
         children: /* @__PURE__ */ jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { "aria-label": signalName, className: "cursor-default uppercase", children: label }),
@@ -41,15 +41,15 @@ function SignalDeltaColumn({
       }
     ),
     /* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-1.5", children: [
-      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-neutral3 text-ui-sm", children: "No themes in either snapshot." }) : null,
+      deltas.length === 0 ? /* @__PURE__ */ jsx("li", { className: "text-muted-foreground text-caption", children: "No themes in either snapshot." }) : null,
       deltas.map((delta) => {
         const themeId = delta.themeId;
         const card = /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-neutral6 text-ui-sm truncate font-medium", title: delta.label, children: delta.label }),
-            /* @__PURE__ */ jsx("span", { className: "text-neutral6 text-ui-sm shrink-0 font-mono font-semibold tabular-nums", children: deltaLabel(delta.delta) })
+            /* @__PURE__ */ jsx("span", { className: "text-foreground text-column truncate", title: delta.label, children: delta.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-foreground text-column shrink-0 font-mono tabular-nums", children: deltaLabel(delta.delta) })
           ] }),
-          /* @__PURE__ */ jsxs("p", { className: "text-neutral3 text-ui-sm font-mono tabular-nums", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground text-caption font-mono tabular-nums", children: [
             percent(delta.fromShare),
             " → ",
             percent(delta.toShare)
@@ -66,12 +66,12 @@ function SignalDeltaColumn({
         return /* @__PURE__ */ jsx(
           "li",
           {
-            className: `border-border1 rounded-lg border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-surface3"}`,
+            className: `border-border rounded-lg border ${delta.delta > 0 ? "bg-green-500/5" : delta.delta < 0 ? "bg-red-500/5" : "bg-card"}`,
             children: themeId === void 0 ? /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2", children: card }) : /* @__PURE__ */ jsx(
               "button",
               {
                 "aria-label": `View theme details for ${delta.label}`,
-                className: "hover:border-border2 block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left transition-colors hover:bg-white/[0.03]",
+                className: "hover:border-border-strong block w-full cursor-pointer rounded-lg px-2.5 py-2 text-left hover:bg-white/[0.03]",
                 onClick: () => onThemeSelect({ kind: "theme", signalName, themeId, label: delta.label }, detailIndexFor(delta)),
                 type: "button",
                 children: card

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

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

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

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

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 { n as nodeColor } from '../../sankeyColor-BoMbAWtq.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-QuS0KEbc.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-BrDiP0RI.js';
 
 function SignalLifelines({
   signalName,
@@ -22,7 +22,7 @@ function SignalLifelines({
   const hue = getSignalHue(signalName);
   const label = signalLabel(signalCatalog, signalName);
   return /* @__PURE__ */ jsxs("section", { "aria-label": `${label} lifelines`, className: "min-w-0", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-ui-sm font-mono font-semibold tracking-widest uppercase", style: { color: nodeColor(hue) }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-column font-mono tracking-widest uppercase", style: { color: nodeColor(hue) }, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsxs(
         TooltipTrigger,
         {
@@ -50,7 +50,7 @@ function SignalLifelines({
       ),
       /* @__PURE__ */ jsx(TooltipContent, { children: signalDescription(signalCatalog, signalName) })
     ] }) }),
-    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-neutral3 text-ui-sm mt-2", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(
+    isCollapsed ? void 0 : rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-caption mt-2", children: "No themes in these landmarks." }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-0.5", children: rows.map((row) => /* @__PURE__ */ jsx(
       LifelineRow,
       {
         row,

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

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

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

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

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

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

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

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

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

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../../skeleton-gdUQjWPU.cjs');
+const skeleton = require('../../skeleton-cXUjPrq9.cjs');
 
 function DistributionSkeleton() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface2 space-y-3 rounded-lg border p-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-background space-y-3 rounded-lg border p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-20" }),
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-2 w-full" }),
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-4/5" }),

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

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

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

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

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

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