@mastra/playground-ui 60.0.0-alpha.9 → 60.0.0

package/dist/ee/signals/components/trace-intelligence-entity-index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-intelligence-entity-index.es.js","sources":["../../../../src/ee/signals/components/trace-intelligence-entity-index.tsx"],"sourcesContent":["import type { SignalCatalogEntry, ThemeLearningEntity } from '@mastra/client-js';\nimport { Columns2, List } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { useThemeEntities } from '../hooks';\nimport { TraceSignalSettingsButton, TraceSignalSettingsPanel } from '../settings/trace-signal-settings';\nimport { TraceIntelligenceExplainer } from '../trace-intelligence-explainer';\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { EntityIndexCompactGrid } from './entity-index-compact-grid';\nimport { EntityIndexList } from './entity-index-list';\nimport { filterAndSortEntities } from './entity-index-model';\nimport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\nimport { PermissionDenied } from '@/domains/auth/components/permission-denied';\nimport { SessionExpired } from '@/domains/auth/components/session-expired';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { is401UnauthorizedError, is403ForbiddenError } from '@/utils/errors';\n\nexport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\n\nconst listColumns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface TraceIntelligenceEntityIndexProps {\n  entityType: string;\n  search: string;\n  sort: TraceIntelligenceEntitySort;\n  view: TraceIntelligenceEntityView;\n  onSearchChange: (search: string) => void;\n  onSortChange: (sort: TraceIntelligenceEntitySort) => void;\n  onViewChange: (view: TraceIntelligenceEntityView) => void;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  headerAction?: ReactNode;\n}\n\nfunction EntityIndexError({ error }: { error: Error }) {\n  if (is401UnauthorizedError(error)) {\n    return (\n      <div className=\"flex h-full items-center justify-center\">\n        <SessionExpired />\n      </div>\n    );\n  }\n  if (is403ForbiddenError(error)) {\n    return (\n      <div className=\"flex h-full items-center justify-center\">\n        <PermissionDenied resource=\"Trace Intelligence\" />\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex h-full items-center justify-center\">\n      <EmptyState tone=\"error\" titleSlot=\"Failed to load Trace Intelligence\" descriptionSlot={error.message} />\n    </div>\n  );\n}\n\nfunction EntityIndexControls({\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  headerAction,\n  signalCatalog,\n}: Pick<\n  TraceIntelligenceEntityIndexProps,\n  'search' | 'sort' | 'view' | 'onSearchChange' | 'onSortChange' | 'onViewChange' | 'headerAction'\n> & { signalCatalog: readonly SignalCatalogEntry[] }) {\n  return (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n      <div className=\"max-w-120 flex-1\">\n        <ListSearch\n          value={search}\n          onSearch={onSearchChange}\n          label=\"Filter entities\"\n          placeholder=\"Filter by entity identifier\"\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 sm:ml-auto sm:justify-end\">\n        <TraceIntelligenceExplainer signalCatalog={signalCatalog} />\n        <Select<TraceIntelligenceEntitySort> value={sort} onValueChange={onSortChange}>\n          <SelectTrigger aria-label=\"Sort entities\" size=\"md\" variant=\"ghost\" className=\"w-auto\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            <SelectItem value=\"default\">Default order</SelectItem>\n            <SelectItem value=\"entity-asc\">Entity: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Entity: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup aria-label=\"Entities view\">\n          <Button\n            type=\"button\"\n            variant={view === 'list' ? 'primary' : 'default'}\n            size=\"icon-md\"\n            tooltip=\"List view\"\n            aria-pressed={view === 'list'}\n            onClick={() => onViewChange('list')}\n          >\n            <List />\n          </Button>\n          <Button\n            type=\"button\"\n            variant={view === 'compact' ? 'primary' : 'default'}\n            size=\"icon-md\"\n            tooltip=\"Compact view\"\n            aria-pressed={view === 'compact'}\n            onClick={() => onViewChange('compact')}\n          >\n            <Columns2 />\n          </Button>\n        </ButtonsGroup>\n      </div>\n    </div>\n  );\n}\n\nexport function TraceIntelligenceEntityIndex({\n  entityType,\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  getEntityHref,\n  headerAction,\n}: TraceIntelligenceEntityIndexProps) {\n  const entitiesQuery = useThemeEntities(entityType);\n  const { LinkComponent, signalCatalog: contextSignalCatalog, signalManagement } = useTraceIntelligence();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n\n  if (entitiesQuery.error) return <EntityIndexError error={entitiesQuery.error} />;\n\n  const sourceEntities = entitiesQuery.data?.entities ?? [];\n  const signalCatalog =\n    sourceEntities.find(entity => entity.signalCatalog?.length)?.signalCatalog ?? contextSignalCatalog;\n  const entities = filterAndSortEntities(sourceEntities, search, sort);\n  const hasSearch = search.trim().length > 0;\n  let body = (\n    <EntityIndexList\n      entities={entities}\n      hasSearch={hasSearch}\n      getEntityHref={getEntityHref}\n      LinkComponent={LinkComponent}\n    />\n  );\n  if (entitiesQuery.isPending) {\n    body = (\n      <div role=\"status\" aria-label=\"Loading Trace Intelligence entities\">\n        <DataListSkeleton columns={listColumns} />\n      </div>\n    );\n  } else if (entitiesQuery.data.entities.length === 0 && !hasSearch) {\n    body = (\n      <EmptyState\n        titleSlot=\"No Trace Intelligence entities yet\"\n        descriptionSlot=\"Entities appear after Trace Intelligence begins collecting generated signal data.\"\n      />\n    );\n  } else if (view === 'compact') {\n    body = (\n      <EntityIndexCompactGrid\n        entities={entities}\n        hasSearch={hasSearch}\n        getEntityHref={getEntityHref}\n        LinkComponent={LinkComponent}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto grid size-full min-h-0 max-w-7xl grid-rows-[auto_minmax(0,1fr)]\">\n      <div className=\"pb-3\">\n        <EntityIndexControls\n          search={search}\n          sort={sort}\n          view={view}\n          onSearchChange={onSearchChange}\n          onSortChange={onSortChange}\n          onViewChange={onViewChange}\n          signalCatalog={signalCatalog}\n          headerAction={\n            headerAction || signalManagement ? (\n              <>\n                {headerAction}\n                {signalManagement ? (\n                  <TraceSignalSettingsButton open={settingsOpen} onClick={() => setSettingsOpen(open => !open)} />\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n      </div>\n      <div\n        className={\n          settingsOpen\n            ? 'grid max-h-full min-h-0 grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_1fr]'\n            : 'grid min-h-0 grid-cols-1'\n        }\n      >\n        <div className=\"min-h-0 min-w-0\">{body}</div>\n        {settingsOpen ? <TraceSignalSettingsPanel onClose={() => setSettingsOpen(false)} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-intelligence-entity-index.es.js","sources":["../../../../src/ee/signals/components/trace-intelligence-entity-index.tsx"],"sourcesContent":["import type { SignalCatalogEntry, ThemeLearningEntity } from '@mastra/client-js';\nimport { Columns2, List } from 'lucide-react';\nimport { useState, type ReactNode } from 'react';\n\nimport { useThemeEntities } from '../hooks';\nimport { TraceSignalSettingsButton, TraceSignalSettingsPanel } from '../settings/trace-signal-settings';\nimport { TraceIntelligenceExplainer } from '../trace-intelligence-explainer';\nimport { useTraceIntelligence } from '../use-trace-intelligence';\nimport { EntityIndexCompactGrid } from './entity-index-compact-grid';\nimport { EntityIndexList } from './entity-index-list';\nimport { filterAndSortEntities } from './entity-index-model';\nimport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\nimport { PermissionDenied } from '@/domains/auth/components/permission-denied';\nimport { SessionExpired } from '@/domains/auth/components/session-expired';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { is401UnauthorizedError, is403ForbiddenError } from '@/utils/errors';\n\nexport type { TraceIntelligenceEntitySort, TraceIntelligenceEntityView } from './entity-index-model';\n\nconst listColumns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface TraceIntelligenceEntityIndexProps {\n  entityType: string;\n  search: string;\n  sort: TraceIntelligenceEntitySort;\n  view: TraceIntelligenceEntityView;\n  onSearchChange: (search: string) => void;\n  onSortChange: (sort: TraceIntelligenceEntitySort) => void;\n  onViewChange: (view: TraceIntelligenceEntityView) => void;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  headerAction?: ReactNode;\n}\n\nfunction EntityIndexError({ error }: { error: Error }) {\n  if (is401UnauthorizedError(error)) {\n    return (\n      <div className=\"flex h-full items-center justify-center\">\n        <SessionExpired />\n      </div>\n    );\n  }\n  if (is403ForbiddenError(error)) {\n    return (\n      <div className=\"flex h-full items-center justify-center\">\n        <PermissionDenied resource=\"Trace Intelligence\" />\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex h-full items-center justify-center\">\n      <EmptyState tone=\"error\" titleSlot=\"Failed to load Trace Intelligence\" descriptionSlot={error.message} />\n    </div>\n  );\n}\n\nfunction EntityIndexControls({\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  headerAction,\n  signalCatalog,\n}: Pick<\n  TraceIntelligenceEntityIndexProps,\n  'search' | 'sort' | 'view' | 'onSearchChange' | 'onSortChange' | 'onViewChange' | 'headerAction'\n> & { signalCatalog: readonly SignalCatalogEntry[] }) {\n  return (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n      <div className=\"max-w-120 flex-1\">\n        <ListSearch\n          value={search}\n          onSearch={onSearchChange}\n          label=\"Filter entities\"\n          placeholder=\"Filter by entity identifier\"\n        />\n      </div>\n      <div className=\"flex items-center justify-between gap-2 sm:ml-auto sm:justify-end\">\n        <TraceIntelligenceExplainer signalCatalog={signalCatalog} />\n        <Select<TraceIntelligenceEntitySort> value={sort} onValueChange={onSortChange}>\n          <SelectTrigger aria-label=\"Sort entities\" size=\"md\" variant=\"ghost\" className=\"w-auto\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            <SelectItem value=\"default\">Default order</SelectItem>\n            <SelectItem value=\"entity-asc\">Entity: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Entity: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup aria-label=\"Entities view\">\n          <Button\n            type=\"button\"\n            variant={view === 'list' ? 'primary' : 'default'}\n            size=\"icon-md\"\n            tooltip=\"List view\"\n            aria-pressed={view === 'list'}\n            onClick={() => onViewChange('list')}\n          >\n            <List />\n          </Button>\n          <Button\n            type=\"button\"\n            variant={view === 'compact' ? 'primary' : 'default'}\n            size=\"icon-md\"\n            tooltip=\"Compact view\"\n            aria-pressed={view === 'compact'}\n            onClick={() => onViewChange('compact')}\n          >\n            <Columns2 />\n          </Button>\n        </ButtonsGroup>\n      </div>\n    </div>\n  );\n}\n\nexport function TraceIntelligenceEntityIndex({\n  entityType,\n  search,\n  sort,\n  view,\n  onSearchChange,\n  onSortChange,\n  onViewChange,\n  getEntityHref,\n  headerAction,\n}: TraceIntelligenceEntityIndexProps) {\n  const entitiesQuery = useThemeEntities(entityType);\n  const { LinkComponent, signalCatalog: contextSignalCatalog, signalManagement } = useTraceIntelligence();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n\n  if (entitiesQuery.error) return <EntityIndexError error={entitiesQuery.error} />;\n\n  const sourceEntities = entitiesQuery.data?.entities ?? [];\n  const signalCatalog =\n    sourceEntities.find(entity => entity.signalCatalog?.length)?.signalCatalog ?? contextSignalCatalog;\n  const entities = filterAndSortEntities(sourceEntities, search, sort);\n  const hasSearch = search.trim().length > 0;\n  let body = (\n    <EntityIndexList\n      entities={entities}\n      hasSearch={hasSearch}\n      getEntityHref={getEntityHref}\n      LinkComponent={LinkComponent}\n    />\n  );\n  if (entitiesQuery.isPending) {\n    body = (\n      <div role=\"status\" aria-label=\"Loading Trace Intelligence entities\">\n        <DataListSkeleton columns={listColumns} />\n      </div>\n    );\n  } else if (entitiesQuery.data.entities.length === 0 && !hasSearch) {\n    body = (\n      <EmptyState\n        titleSlot=\"No Trace Intelligence entities yet\"\n        descriptionSlot=\"Entities appear after Trace Intelligence begins collecting generated signal data.\"\n      />\n    );\n  } else if (view === 'compact') {\n    body = (\n      <EntityIndexCompactGrid\n        entities={entities}\n        hasSearch={hasSearch}\n        getEntityHref={getEntityHref}\n        LinkComponent={LinkComponent}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto grid size-full min-h-0 max-w-7xl grid-rows-[auto_minmax(0,1fr)]\">\n      <div className=\"pb-3\">\n        <EntityIndexControls\n          search={search}\n          sort={sort}\n          view={view}\n          onSearchChange={onSearchChange}\n          onSortChange={onSortChange}\n          onViewChange={onViewChange}\n          signalCatalog={signalCatalog}\n          headerAction={\n            headerAction || signalManagement ? (\n              <>\n                {headerAction}\n                {signalManagement ? (\n                  <TraceSignalSettingsButton open={settingsOpen} onClick={() => setSettingsOpen(open => !open)} />\n                ) : null}\n              </>\n            ) : undefined\n          }\n        />\n      </div>\n      <div\n        className={\n          settingsOpen\n            ? 'grid max-h-full min-h-0 grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_1fr]'\n            : 'grid min-h-0 grid-cols-1'\n        }\n      >\n        <div className=\"min-h-0 min-w-0\">{body}</div>\n        {settingsOpen ? <TraceSignalSettingsPanel onClose={() => setSettingsOpen(false)} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/examples-pager.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../Button-DbJn0bJX.cjs');
+const Button = require('../../Button-BnmR2HRc.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 
 const EXAMPLES_PAGE_SIZE = 5;

package/dist/ee/signals/examples-pager.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { B as Button } from '../../Button-CHTvSq4d.js';
+import { B as Button } from '../../Button-C6eUqcPI.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 
 const EXAMPLES_PAGE_SIZE = 5;

package/dist/ee/signals/flow-card.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const ee_signals_sankeySignalsData = require('./sankey-signals-data.cjs.js');
 const ee_signals_signalColors = require('./signal-colors.cjs.js');
 const ee_signals_sortableSignalHeaders = require('./sortable-signal-headers.cjs.js');
-const Card = require('../../Card-BbwF20OW.cjs');
+const Card = require('../../Card-BQsKHkyB.cjs');
 const sankeyChart = require('../../sankey-chart-S7iF7d0E.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 

package/dist/ee/signals/flow-card.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { getSignalRecordNodeValue, getSignalRecordNodeLabel, getSignalRecordNodeId } from './sankey-signals-data.es.js';
 import { getSignalColor } from './signal-colors.es.js';
 import { SortableSignalHeaders } from './sortable-signal-headers.es.js';
-import { C as Card, a as CardContent } from '../../Card-DmT57Pve.js';
+import { C as Card, a as CardContent } from '../../Card-DVy0QS4m.js';
 import { S as Sankey, a as SankeyChart } from '../../sankey-chart-D-xMiO2u.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 

package/dist/ee/signals/lifeline-point.cjs.js

@@ -6,6 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const reactDom = require('react-dom');
 const chartTooltip = require('../../chart-tooltip-DX6vs_Tc.cjs');
+const primitives_transitions = require('../../primitives/transitions.cjs.js');
+const utils_cn = require('../../cn-DG0X1KEP.cjs');
 
 function LifelinePoint({
   title,
@@ -37,7 +39,10 @@ function LifelinePoint({
       "button",
       {
         "aria-label": title,
-        className: "absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125",
+        className: utils_cn.cn(
+          "absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125",
+          primitives_transitions.focusRing
+        ),
         onClick: onSelect,
         style,
         type: "button",
@@ -47,7 +52,7 @@ function LifelinePoint({
       "span",
       {
         "aria-label": title,
-        className: "absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2",
+        className: utils_cn.cn("absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs", primitives_transitions.focusRing),
         role: "img",
         style,
         tabIndex: 0,

package/dist/ee/signals/lifeline-point.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifeline-point.cjs.js","sources":["../../../src/ee/signals/lifeline-point.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport type { FocusEvent, MouseEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ChartTooltip } from '@/ds/components/ChartTooltip';\n\n/** A theme-presence point with an instant portal tooltip. */\nexport function LifelinePoint({\n  title,\n  positionPercent,\n  height,\n  color,\n  onSelect,\n}: {\n  title: string;\n  positionPercent: number | undefined;\n  height: number;\n  color: string;\n  onSelect: (() => void) | undefined;\n}) {\n  const tooltipId = useId();\n  const [tooltipPosition, setTooltipPosition] = useState<{ left: number; top: number }>();\n\n  if (positionPercent === undefined) return null;\n\n  const style = { left: `${positionPercent}%`, height: `${height}px`, backgroundColor: color };\n\n  function showTooltipAt(target: HTMLElement) {\n    const bounds = target.getBoundingClientRect();\n    setTooltipPosition({ left: bounds.left + bounds.width / 2, top: bounds.top - 6 });\n  }\n\n  function hideTooltip() {\n    setTooltipPosition(undefined);\n  }\n\n  const interactionProps = {\n    'aria-describedby': tooltipPosition ? tooltipId : undefined,\n    onMouseEnter: (event: MouseEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onMouseLeave: hideTooltip,\n    onFocus: (event: FocusEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onBlur: hideTooltip,\n  };\n\n  return (\n    <>\n      {onSelect ? (\n        <button\n          aria-label={title}\n          className=\"absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125\"\n          onClick={onSelect}\n          style={style}\n          type=\"button\"\n          {...interactionProps}\n        />\n      ) : (\n        <span\n          aria-label={title}\n          className=\"absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2\"\n          role=\"img\"\n          style={style}\n          tabIndex={0}\n          {...interactionProps}\n        />\n      )}\n      {tooltipPosition\n        ? createPortal(\n            <ChartTooltip\n              className=\"pointer-events-none fixed z-50 -translate-x-1/2 -translate-y-full px-2 py-1 font-mono whitespace-nowrap tabular-nums\"\n              id={tooltipId}\n              role=\"tooltip\"\n              style={{ left: tooltipPosition.left, top: tooltipPosition.top }}\n            >\n              {title}\n            </ChartTooltip>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n"],"names":["useId","useState","jsxs","Fragment","jsx","createPortal","ChartTooltip"],"mappings":";;;;;;;;;AAMO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,YAAYA,WAAA,EAAM;AACxB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIC,cAAA,EAAwC;AAEtF,EAAA,IAAI,eAAA,KAAoB,QAAW,OAAO,IAAA;AAE1C,EAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,CAAA,EAAG,eAAe,CAAA,CAAA,CAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAM,eAAA,EAAiB,KAAA,EAAM;AAE3F,EAAA,SAAS,cAAc,MAAA,EAAqB;AAC1C,IAAA,MAAM,MAAA,GAAS,OAAO,qBAAA,EAAsB;AAC5C,IAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,KAAA,GAAQ,CAAA,EAAG,GAAA,EAAK,MAAA,CAAO,GAAA,GAAM,CAAA,EAAG,CAAA;AAAA,EAClF;AAEA,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,MAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,kBAAA,EAAoB,kBAAkB,SAAA,GAAY,MAAA;AAAA,IAClD,YAAA,EAAc,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IACnF,YAAA,EAAc,WAAA;AAAA,IACd,OAAA,EAAS,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IAC9E,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,mBACCC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAU,0FAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,KAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN,mBAEAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAU,6GAAA;AAAA,QACV,IAAA,EAAK,KAAA;AAAA,QACL,KAAA;AAAA,QACA,QAAA,EAAU,CAAA;AAAA,QACT,GAAG;AAAA;AAAA,KACN;AAAA,IAED,eAAA,GACGC,qBAAA;AAAA,sBACED,cAAA;AAAA,QAACE,yBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,sHAAA;AAAA,UACV,EAAA,EAAI,SAAA;AAAA,UACJ,IAAA,EAAK,SAAA;AAAA,UACL,OAAO,EAAE,IAAA,EAAM,gBAAgB,IAAA,EAAM,GAAA,EAAK,gBAAgB,GAAA,EAAI;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACA,QAAA,CAAS;AAAA,KACX,GACA;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"lifeline-point.cjs.js","sources":["../../../src/ee/signals/lifeline-point.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport type { FocusEvent, MouseEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/** A theme-presence point with an instant portal tooltip. */\nexport function LifelinePoint({\n  title,\n  positionPercent,\n  height,\n  color,\n  onSelect,\n}: {\n  title: string;\n  positionPercent: number | undefined;\n  height: number;\n  color: string;\n  onSelect: (() => void) | undefined;\n}) {\n  const tooltipId = useId();\n  const [tooltipPosition, setTooltipPosition] = useState<{ left: number; top: number }>();\n\n  if (positionPercent === undefined) return null;\n\n  const style = { left: `${positionPercent}%`, height: `${height}px`, backgroundColor: color };\n\n  function showTooltipAt(target: HTMLElement) {\n    const bounds = target.getBoundingClientRect();\n    setTooltipPosition({ left: bounds.left + bounds.width / 2, top: bounds.top - 6 });\n  }\n\n  function hideTooltip() {\n    setTooltipPosition(undefined);\n  }\n\n  const interactionProps = {\n    'aria-describedby': tooltipPosition ? tooltipId : undefined,\n    onMouseEnter: (event: MouseEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onMouseLeave: hideTooltip,\n    onFocus: (event: FocusEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onBlur: hideTooltip,\n  };\n\n  return (\n    <>\n      {onSelect ? (\n        <button\n          aria-label={title}\n          className={cn(\n            'absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125',\n            focusRing,\n          )}\n          onClick={onSelect}\n          style={style}\n          type=\"button\"\n          {...interactionProps}\n        />\n      ) : (\n        <span\n          aria-label={title}\n          className={cn('absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs', focusRing)}\n          role=\"img\"\n          style={style}\n          tabIndex={0}\n          {...interactionProps}\n        />\n      )}\n      {tooltipPosition\n        ? createPortal(\n            <ChartTooltip\n              className=\"pointer-events-none fixed z-50 -translate-x-1/2 -translate-y-full px-2 py-1 font-mono whitespace-nowrap tabular-nums\"\n              id={tooltipId}\n              role=\"tooltip\"\n              style={{ left: tooltipPosition.left, top: tooltipPosition.top }}\n            >\n              {title}\n            </ChartTooltip>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n"],"names":["useId","useState","jsxs","Fragment","jsx","cn","focusRing","createPortal","ChartTooltip"],"mappings":";;;;;;;;;;;AAQO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,YAAYA,WAAA,EAAM;AACxB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIC,cAAA,EAAwC;AAEtF,EAAA,IAAI,eAAA,KAAoB,QAAW,OAAO,IAAA;AAE1C,EAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,CAAA,EAAG,eAAe,CAAA,CAAA,CAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAM,eAAA,EAAiB,KAAA,EAAM;AAE3F,EAAA,SAAS,cAAc,MAAA,EAAqB;AAC1C,IAAA,MAAM,MAAA,GAAS,OAAO,qBAAA,EAAsB;AAC5C,IAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,KAAA,GAAQ,CAAA,EAAG,GAAA,EAAK,MAAA,CAAO,GAAA,GAAM,CAAA,EAAG,CAAA;AAAA,EAClF;AAEA,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,MAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,kBAAA,EAAoB,kBAAkB,SAAA,GAAY,MAAA;AAAA,IAClD,YAAA,EAAc,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IACnF,YAAA,EAAc,WAAA;AAAA,IACd,OAAA,EAAS,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IAC9E,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,mBACCC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,WAAA;AAAA,UACT,0FAAA;AAAA,UACAC;AAAA,SACF;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QACT,KAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN,mBAEAF,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,WAAA,CAAG,sDAAA,EAAwDC,gCAAS,CAAA;AAAA,QAC/E,IAAA,EAAK,KAAA;AAAA,QACL,KAAA;AAAA,QACA,QAAA,EAAU,CAAA;AAAA,QACT,GAAG;AAAA;AAAA,KACN;AAAA,IAED,eAAA,GACGC,qBAAA;AAAA,sBACEH,cAAA;AAAA,QAACI,yBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,sHAAA;AAAA,UACV,EAAA,EAAI,SAAA;AAAA,UACJ,IAAA,EAAK,SAAA;AAAA,UACL,OAAO,EAAE,IAAA,EAAM,gBAAgB,IAAA,EAAM,GAAA,EAAK,gBAAgB,GAAA,EAAI;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACA,QAAA,CAAS;AAAA,KACX,GACA;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/ee/signals/lifeline-point.es.js

@@ -2,6 +2,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { C as ChartTooltip } from '../../chart-tooltip-84fl_3Wc.js';
+import { focusRing } from '../../primitives/transitions.es.js';
+import { c as cn } from '../../cn-65Adrsfj.js';
 
 function LifelinePoint({
   title,
@@ -33,7 +35,10 @@ function LifelinePoint({
       "button",
       {
         "aria-label": title,
-        className: "absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125",
+        className: cn(
+          "absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125",
+          focusRing
+        ),
         onClick: onSelect,
         style,
         type: "button",
@@ -43,7 +48,7 @@ function LifelinePoint({
       "span",
       {
         "aria-label": title,
-        className: "absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2",
+        className: cn("absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs", focusRing),
         role: "img",
         style,
         tabIndex: 0,

package/dist/ee/signals/lifeline-point.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifeline-point.es.js","sources":["../../../src/ee/signals/lifeline-point.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport type { FocusEvent, MouseEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ChartTooltip } from '@/ds/components/ChartTooltip';\n\n/** A theme-presence point with an instant portal tooltip. */\nexport function LifelinePoint({\n  title,\n  positionPercent,\n  height,\n  color,\n  onSelect,\n}: {\n  title: string;\n  positionPercent: number | undefined;\n  height: number;\n  color: string;\n  onSelect: (() => void) | undefined;\n}) {\n  const tooltipId = useId();\n  const [tooltipPosition, setTooltipPosition] = useState<{ left: number; top: number }>();\n\n  if (positionPercent === undefined) return null;\n\n  const style = { left: `${positionPercent}%`, height: `${height}px`, backgroundColor: color };\n\n  function showTooltipAt(target: HTMLElement) {\n    const bounds = target.getBoundingClientRect();\n    setTooltipPosition({ left: bounds.left + bounds.width / 2, top: bounds.top - 6 });\n  }\n\n  function hideTooltip() {\n    setTooltipPosition(undefined);\n  }\n\n  const interactionProps = {\n    'aria-describedby': tooltipPosition ? tooltipId : undefined,\n    onMouseEnter: (event: MouseEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onMouseLeave: hideTooltip,\n    onFocus: (event: FocusEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onBlur: hideTooltip,\n  };\n\n  return (\n    <>\n      {onSelect ? (\n        <button\n          aria-label={title}\n          className=\"absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125\"\n          onClick={onSelect}\n          style={style}\n          type=\"button\"\n          {...interactionProps}\n        />\n      ) : (\n        <span\n          aria-label={title}\n          className=\"absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2\"\n          role=\"img\"\n          style={style}\n          tabIndex={0}\n          {...interactionProps}\n        />\n      )}\n      {tooltipPosition\n        ? createPortal(\n            <ChartTooltip\n              className=\"pointer-events-none fixed z-50 -translate-x-1/2 -translate-y-full px-2 py-1 font-mono whitespace-nowrap tabular-nums\"\n              id={tooltipId}\n              role=\"tooltip\"\n              style={{ left: tooltipPosition.left, top: tooltipPosition.top }}\n            >\n              {title}\n            </ChartTooltip>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA,EAAwC;AAEtF,EAAA,IAAI,eAAA,KAAoB,QAAW,OAAO,IAAA;AAE1C,EAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,CAAA,EAAG,eAAe,CAAA,CAAA,CAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAM,eAAA,EAAiB,KAAA,EAAM;AAE3F,EAAA,SAAS,cAAc,MAAA,EAAqB;AAC1C,IAAA,MAAM,MAAA,GAAS,OAAO,qBAAA,EAAsB;AAC5C,IAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,KAAA,GAAQ,CAAA,EAAG,GAAA,EAAK,MAAA,CAAO,GAAA,GAAM,CAAA,EAAG,CAAA;AAAA,EAClF;AAEA,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,MAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,kBAAA,EAAoB,kBAAkB,SAAA,GAAY,MAAA;AAAA,IAClD,YAAA,EAAc,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IACnF,YAAA,EAAc,WAAA;AAAA,IACd,OAAA,EAAS,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IAC9E,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,mBACC,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAU,0FAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,KAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN,mBAEA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAU,6GAAA;AAAA,QACV,IAAA,EAAK,KAAA;AAAA,QACL,KAAA;AAAA,QACA,QAAA,EAAU,CAAA;AAAA,QACT,GAAG;AAAA;AAAA,KACN;AAAA,IAED,eAAA,GACG,YAAA;AAAA,sBACE,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,sHAAA;AAAA,UACV,EAAA,EAAI,SAAA;AAAA,UACJ,IAAA,EAAK,SAAA;AAAA,UACL,OAAO,EAAE,IAAA,EAAM,gBAAgB,IAAA,EAAM,GAAA,EAAK,gBAAgB,GAAA,EAAI;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACA,QAAA,CAAS;AAAA,KACX,GACA;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}
+{"version":3,"file":"lifeline-point.es.js","sources":["../../../src/ee/signals/lifeline-point.tsx"],"sourcesContent":["import { useId, useState } from 'react';\nimport type { FocusEvent, MouseEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ChartTooltip } from '@/ds/components/ChartTooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\n/** A theme-presence point with an instant portal tooltip. */\nexport function LifelinePoint({\n  title,\n  positionPercent,\n  height,\n  color,\n  onSelect,\n}: {\n  title: string;\n  positionPercent: number | undefined;\n  height: number;\n  color: string;\n  onSelect: (() => void) | undefined;\n}) {\n  const tooltipId = useId();\n  const [tooltipPosition, setTooltipPosition] = useState<{ left: number; top: number }>();\n\n  if (positionPercent === undefined) return null;\n\n  const style = { left: `${positionPercent}%`, height: `${height}px`, backgroundColor: color };\n\n  function showTooltipAt(target: HTMLElement) {\n    const bounds = target.getBoundingClientRect();\n    setTooltipPosition({ left: bounds.left + bounds.width / 2, top: bounds.top - 6 });\n  }\n\n  function hideTooltip() {\n    setTooltipPosition(undefined);\n  }\n\n  const interactionProps = {\n    'aria-describedby': tooltipPosition ? tooltipId : undefined,\n    onMouseEnter: (event: MouseEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onMouseLeave: hideTooltip,\n    onFocus: (event: FocusEvent<HTMLElement>) => showTooltipAt(event.currentTarget),\n    onBlur: hideTooltip,\n  };\n\n  return (\n    <>\n      {onSelect ? (\n        <button\n          aria-label={title}\n          className={cn(\n            'absolute bottom-px w-1.5 -translate-x-1/2 cursor-pointer rounded-xs hover:brightness-125',\n            focusRing,\n          )}\n          onClick={onSelect}\n          style={style}\n          type=\"button\"\n          {...interactionProps}\n        />\n      ) : (\n        <span\n          aria-label={title}\n          className={cn('absolute bottom-px w-1.5 -translate-x-1/2 rounded-xs', focusRing)}\n          role=\"img\"\n          style={style}\n          tabIndex={0}\n          {...interactionProps}\n        />\n      )}\n      {tooltipPosition\n        ? createPortal(\n            <ChartTooltip\n              className=\"pointer-events-none fixed z-50 -translate-x-1/2 -translate-y-full px-2 py-1 font-mono whitespace-nowrap tabular-nums\"\n              id={tooltipId}\n              role=\"tooltip\"\n              style={{ left: tooltipPosition.left, top: tooltipPosition.top }}\n            >\n              {title}\n            </ChartTooltip>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAQO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,eAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA,EAAwC;AAEtF,EAAA,IAAI,eAAA,KAAoB,QAAW,OAAO,IAAA;AAE1C,EAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,CAAA,EAAG,eAAe,CAAA,CAAA,CAAA,EAAK,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAM,eAAA,EAAiB,KAAA,EAAM;AAE3F,EAAA,SAAS,cAAc,MAAA,EAAqB;AAC1C,IAAA,MAAM,MAAA,GAAS,OAAO,qBAAA,EAAsB;AAC5C,IAAA,kBAAA,CAAmB,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,KAAA,GAAQ,CAAA,EAAG,GAAA,EAAK,MAAA,CAAO,GAAA,GAAM,CAAA,EAAG,CAAA;AAAA,EAClF;AAEA,EAAA,SAAS,WAAA,GAAc;AACrB,IAAA,kBAAA,CAAmB,MAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,MAAM,gBAAA,GAAmB;AAAA,IACvB,kBAAA,EAAoB,kBAAkB,SAAA,GAAY,MAAA;AAAA,IAClD,YAAA,EAAc,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IACnF,YAAA,EAAc,WAAA;AAAA,IACd,OAAA,EAAS,CAAC,KAAA,KAAmC,aAAA,CAAc,MAAM,aAAa,CAAA;AAAA,IAC9E,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,mBACC,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,0FAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QACT,KAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN,mBAEA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,QAC/E,IAAA,EAAK,KAAA;AAAA,QACL,KAAA;AAAA,QACA,QAAA,EAAU,CAAA;AAAA,QACT,GAAG;AAAA;AAAA,KACN;AAAA,IAED,eAAA,GACG,YAAA;AAAA,sBACE,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,sHAAA;AAAA,UACV,EAAA,EAAI,SAAA;AAAA,UACJ,IAAA,EAAK,SAAA;AAAA,UACL,OAAO,EAAE,IAAA,EAAM,gBAAgB,IAAA,EAAM,GAAA,EAAK,gBAAgB,GAAA,EAAI;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MACA,QAAA,CAAS;AAAA,KACX,GACA;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/ee/signals/noise-detail-panel.cjs.js

@@ -11,7 +11,7 @@ require('@tanstack/react-query');
 require('./trace-intelligence-context.cjs.js');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-KHIkRUe4.cjs');
+const drawer = require('../../drawer-d81cZiSV.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');
 const utils_cn = require('../../cn-DG0X1KEP.cjs');

package/dist/ee/signals/noise-detail-panel.es.js

@@ -7,7 +7,7 @@ import '@tanstack/react-query';
 import './trace-intelligence-context.es.js';
 import { shareSentence } from './signal-formatting.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-6MeSDSfP.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DXf50w71.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';
 import { c as cn } from '../../cn-65Adrsfj.js';

package/dist/ee/signals/sankey-signals.cjs.js

@@ -30,7 +30,7 @@ const ee_signals_traceIntelligenceContext = require('./trace-intelligence-contex
 const ee_signals_traceIntelligenceExplainer = require('./trace-intelligence-explainer.cjs.js');
 const ee_signals_useTraceIntelligence = require('./use-trace-intelligence.cjs.js');
 const ee_signals_viewModeTab = require('./view-mode-tab.cjs.js');
-const tabsRoot = require('../../tabs-root-CSTdrTYo.cjs');
+const tabsRoot = require('../../tabs-root-BqC8X_h6.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 
 const DRILL_IN_TRACE_LIMIT = 2e3;

package/dist/ee/signals/sankey-signals.es.js

@@ -26,7 +26,7 @@ import { TraceIntelligenceContext } from './trace-intelligence-context.es.js';
 import { TraceIntelligenceExplainer } from './trace-intelligence-explainer.es.js';
 import { useTraceIntelligence } from './use-trace-intelligence.es.js';
 import { ViewModeTab } from './view-mode-tab.es.js';
-import { a as Tabs, T as TabList } from '../../tabs-root-DnL_e3X4.js';
+import { a as Tabs, T as TabList } from '../../tabs-root-4vL8SHCO.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 
 const DRILL_IN_TRACE_LIMIT = 2e3;

package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dialog = require('../../../dialog-4KIPO71S.cjs');
+const dialog = require('../../../dialog-DYpOpj9s.cjs');
 const fieldBlock = require('../../../field-block-BIDi9Bvc.cjs');
 const fieldErrorId = require('../../../field-error-id-B3Z2Zu5y.cjs');
 const textFieldBlock = require('../../../text-field-block-DYOWjPgO.cjs');
-const Notice = require('../../../Notice-JX9yuy6r.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 const textarea = require('../../../textarea-gUBUqpol.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
-const dialogAction = require('../../../dialog-action-C6yPBO21.cjs');
+const dialogAction = require('../../../dialog-action-B3AHq7mU.cjs');
 
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

package/dist/ee/signals/settings/signal-definition-form-dialog.es.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-DjXC42Zn.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-cKzR2TXI.js';
 import { F as FieldBlock } from '../../../field-block-DpejZ6U6.js';
 import { f as fieldErrorId } from '../../../field-error-id-D3yg1nBh.js';
 import { T as TextFieldBlock } from '../../../text-field-block-DJsOk8dJ.js';
-import { N as Notice } from '../../../Notice-b3XjkEVP.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 import { T as Textarea } from '../../../textarea-B6wvS_CQ.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
-import { D as DialogAction } from '../../../dialog-action-DzTAl6AJ.js';
+import { D as DialogAction } from '../../../dialog-action-BGmDoI5T.js';
 
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

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

@@ -9,11 +9,11 @@ const ee_signals_useTraceIntelligence = require('../use-trace-intelligence.cjs.j
 const ee_signals_settings_signalDefinitionFormDialog = require('./signal-definition-form-dialog.cjs.js');
 const ee_signals_settings_useSignalManagement = require('./use-signal-management.cjs.js');
 const Badge = require('../../../Badge-H8K5WrXg.cjs');
-const Button = require('../../../Button-DbJn0bJX.cjs');
+const Button = require('../../../Button-BnmR2HRc.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
-const Notice = require('../../../Notice-JX9yuy6r.cjs');
+const Notice = require('../../../Notice-CEBwitdf.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const _switch = require('../../../switch-6125Oajw.cjs');
+const _switch = require('../../../switch-Swt75_Sb.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function TraceSignalSettingsButton({ open, onClick }) {

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

@@ -5,11 +5,11 @@ import { useTraceIntelligence } from '../use-trace-intelligence.es.js';
 import { SignalDefinitionFormDialog } from './signal-definition-form-dialog.es.js';
 import { useSignalManagementList, useSignalManagementMutations } from './use-signal-management.es.js';
 import { B as Badge } from '../../../Badge-Q_pCeeGW.js';
-import { B as Button } from '../../../Button-CHTvSq4d.js';
+import { B as Button } from '../../../Button-C6eUqcPI.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
-import { N as Notice } from '../../../Notice-b3XjkEVP.js';
+import { N as Notice } from '../../../Notice-Ce3r5x-7.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { S as Switch } from '../../../switch-CE9jTpUG.js';
+import { S as Switch } from '../../../switch-88fWFfVz.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function TraceSignalSettingsButton({ open, onClick }) {

package/dist/ee/signals/signal-colors.cjs.js

@@ -12,12 +12,12 @@ const SIGNAL_HUES = {
 };
 const CUSTOM_SIGNAL_HUES = ["pink", "yellow"];
 const SIGNAL_AREA_CLASS = {
-  green: "fill-badge-green-subtle",
-  orange: "fill-badge-orange-subtle",
-  blue: "fill-badge-blue-subtle",
-  purple: "fill-badge-purple-subtle",
-  pink: "fill-badge-pink-subtle",
-  yellow: "fill-badge-yellow-subtle"
+  green: "fill-badge-green-strong",
+  orange: "fill-badge-orange-strong",
+  blue: "fill-badge-blue-strong",
+  purple: "fill-badge-purple-strong",
+  pink: "fill-badge-pink-strong",
+  yellow: "fill-badge-yellow-strong"
 };
 const SIGNAL_CONNECTOR_CLASS = {
   green: "stroke-badge-green-edge",

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

@@ -1 +1 @@
-{"version":3,"file":"signal-colors.cjs.js","sources":["../../../src/ee/signals/signal-colors.ts"],"sourcesContent":["import { hashLabel } from '@/lib/colors';\n\ntype SignalHue = 'green' | 'orange' | 'blue' | 'purple' | 'pink' | 'yellow';\n\nconst SIGNAL_HUES: Record<string, SignalHue> = {\n  goal: 'green',\n  outcome: 'orange',\n  behavior: 'blue',\n  sentiment: 'purple',\n};\n\nconst CUSTOM_SIGNAL_HUES: SignalHue[] = ['pink', 'yellow'];\n\nconst SIGNAL_AREA_CLASS: Record<SignalHue, string> = {\n  green: 'fill-badge-green-subtle',\n  orange: 'fill-badge-orange-subtle',\n  blue: 'fill-badge-blue-subtle',\n  purple: 'fill-badge-purple-subtle',\n  pink: 'fill-badge-pink-subtle',\n  yellow: 'fill-badge-yellow-subtle',\n};\n\nconst SIGNAL_CONNECTOR_CLASS: Record<SignalHue, string> = {\n  green: 'stroke-badge-green-edge',\n  orange: 'stroke-badge-orange-edge',\n  blue: 'stroke-badge-blue-edge',\n  purple: 'stroke-badge-purple-edge',\n  pink: 'stroke-badge-pink-edge',\n  yellow: 'stroke-badge-yellow-edge',\n};\n\nfunction getSignalHue(signalName: string): SignalHue {\n  const name = signalName.toLowerCase();\n  const builtInHue = Object.hasOwn(SIGNAL_HUES, name) ? SIGNAL_HUES[name] : undefined;\n  return builtInHue ?? CUSTOM_SIGNAL_HUES[hashLabel(name) % CUSTOM_SIGNAL_HUES.length] ?? 'pink';\n}\n\nexport function getSignalColor(signalName: string) {\n  return `var(--chart-${getSignalHue(signalName)})`;\n}\n\nexport function getSignalAreaClass(signalName: string) {\n  return SIGNAL_AREA_CLASS[getSignalHue(signalName)];\n}\n\nexport function getSignalConnectorClass(signalName: string) {\n  return SIGNAL_CONNECTOR_CLASS[getSignalHue(signalName)];\n}\n"],"names":["hashLabel"],"mappings":";;;;;;AAIA,MAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,QAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA;AAEA,MAAM,kBAAA,GAAkC,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAEzD,MAAM,iBAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,MAAM,sBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,aAAa,UAAA,EAA+B;AACnD,EAAA,MAAM,IAAA,GAAO,WAAW,WAAA,EAAY;AACpC,EAAA,MAAM,UAAA,GAAa,OAAO,MAAA,CAAO,WAAA,EAAa,IAAI,CAAA,GAAI,WAAA,CAAY,IAAI,CAAA,GAAI,MAAA;AAC1E,EAAA,OAAO,cAAc,kBAAA,CAAmBA,sBAAA,CAAU,IAAI,CAAA,GAAI,kBAAA,CAAmB,MAAM,CAAA,IAAK,MAAA;AAC1F;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,OAAO,CAAA,YAAA,EAAe,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA,CAAA;AAChD;AAEO,SAAS,mBAAmB,UAAA,EAAoB;AACrD,EAAA,OAAO,iBAAA,CAAkB,YAAA,CAAa,UAAU,CAAC,CAAA;AACnD;AAEO,SAAS,wBAAwB,UAAA,EAAoB;AAC1D,EAAA,OAAO,sBAAA,CAAuB,YAAA,CAAa,UAAU,CAAC,CAAA;AACxD;;;;;;"}
+{"version":3,"file":"signal-colors.cjs.js","sources":["../../../src/ee/signals/signal-colors.ts"],"sourcesContent":["import { hashLabel } from '@/lib/colors';\n\ntype SignalHue = 'green' | 'orange' | 'blue' | 'purple' | 'pink' | 'yellow';\n\nconst SIGNAL_HUES: Record<string, SignalHue> = {\n  goal: 'green',\n  outcome: 'orange',\n  behavior: 'blue',\n  sentiment: 'purple',\n};\n\nconst CUSTOM_SIGNAL_HUES: SignalHue[] = ['pink', 'yellow'];\n\nconst SIGNAL_AREA_CLASS: Record<SignalHue, string> = {\n  green: 'fill-badge-green-strong',\n  orange: 'fill-badge-orange-strong',\n  blue: 'fill-badge-blue-strong',\n  purple: 'fill-badge-purple-strong',\n  pink: 'fill-badge-pink-strong',\n  yellow: 'fill-badge-yellow-strong',\n};\n\nconst SIGNAL_CONNECTOR_CLASS: Record<SignalHue, string> = {\n  green: 'stroke-badge-green-edge',\n  orange: 'stroke-badge-orange-edge',\n  blue: 'stroke-badge-blue-edge',\n  purple: 'stroke-badge-purple-edge',\n  pink: 'stroke-badge-pink-edge',\n  yellow: 'stroke-badge-yellow-edge',\n};\n\nfunction getSignalHue(signalName: string): SignalHue {\n  const name = signalName.toLowerCase();\n  const builtInHue = Object.hasOwn(SIGNAL_HUES, name) ? SIGNAL_HUES[name] : undefined;\n  return builtInHue ?? CUSTOM_SIGNAL_HUES[hashLabel(name) % CUSTOM_SIGNAL_HUES.length] ?? 'pink';\n}\n\nexport function getSignalColor(signalName: string) {\n  return `var(--chart-${getSignalHue(signalName)})`;\n}\n\nexport function getSignalAreaClass(signalName: string) {\n  return SIGNAL_AREA_CLASS[getSignalHue(signalName)];\n}\n\nexport function getSignalConnectorClass(signalName: string) {\n  return SIGNAL_CONNECTOR_CLASS[getSignalHue(signalName)];\n}\n"],"names":["hashLabel"],"mappings":";;;;;;AAIA,MAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,QAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA;AAEA,MAAM,kBAAA,GAAkC,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAEzD,MAAM,iBAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,MAAM,sBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,aAAa,UAAA,EAA+B;AACnD,EAAA,MAAM,IAAA,GAAO,WAAW,WAAA,EAAY;AACpC,EAAA,MAAM,UAAA,GAAa,OAAO,MAAA,CAAO,WAAA,EAAa,IAAI,CAAA,GAAI,WAAA,CAAY,IAAI,CAAA,GAAI,MAAA;AAC1E,EAAA,OAAO,cAAc,kBAAA,CAAmBA,sBAAA,CAAU,IAAI,CAAA,GAAI,kBAAA,CAAmB,MAAM,CAAA,IAAK,MAAA;AAC1F;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,OAAO,CAAA,YAAA,EAAe,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA,CAAA;AAChD;AAEO,SAAS,mBAAmB,UAAA,EAAoB;AACrD,EAAA,OAAO,iBAAA,CAAkB,YAAA,CAAa,UAAU,CAAC,CAAA;AACnD;AAEO,SAAS,wBAAwB,UAAA,EAAoB;AAC1D,EAAA,OAAO,sBAAA,CAAuB,YAAA,CAAa,UAAU,CAAC,CAAA;AACxD;;;;;;"}

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

@@ -8,12 +8,12 @@ const SIGNAL_HUES = {
 };
 const CUSTOM_SIGNAL_HUES = ["pink", "yellow"];
 const SIGNAL_AREA_CLASS = {
-  green: "fill-badge-green-subtle",
-  orange: "fill-badge-orange-subtle",
-  blue: "fill-badge-blue-subtle",
-  purple: "fill-badge-purple-subtle",
-  pink: "fill-badge-pink-subtle",
-  yellow: "fill-badge-yellow-subtle"
+  green: "fill-badge-green-strong",
+  orange: "fill-badge-orange-strong",
+  blue: "fill-badge-blue-strong",
+  purple: "fill-badge-purple-strong",
+  pink: "fill-badge-pink-strong",
+  yellow: "fill-badge-yellow-strong"
 };
 const SIGNAL_CONNECTOR_CLASS = {
   green: "stroke-badge-green-edge",

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

@@ -1 +1 @@
-{"version":3,"file":"signal-colors.es.js","sources":["../../../src/ee/signals/signal-colors.ts"],"sourcesContent":["import { hashLabel } from '@/lib/colors';\n\ntype SignalHue = 'green' | 'orange' | 'blue' | 'purple' | 'pink' | 'yellow';\n\nconst SIGNAL_HUES: Record<string, SignalHue> = {\n  goal: 'green',\n  outcome: 'orange',\n  behavior: 'blue',\n  sentiment: 'purple',\n};\n\nconst CUSTOM_SIGNAL_HUES: SignalHue[] = ['pink', 'yellow'];\n\nconst SIGNAL_AREA_CLASS: Record<SignalHue, string> = {\n  green: 'fill-badge-green-subtle',\n  orange: 'fill-badge-orange-subtle',\n  blue: 'fill-badge-blue-subtle',\n  purple: 'fill-badge-purple-subtle',\n  pink: 'fill-badge-pink-subtle',\n  yellow: 'fill-badge-yellow-subtle',\n};\n\nconst SIGNAL_CONNECTOR_CLASS: Record<SignalHue, string> = {\n  green: 'stroke-badge-green-edge',\n  orange: 'stroke-badge-orange-edge',\n  blue: 'stroke-badge-blue-edge',\n  purple: 'stroke-badge-purple-edge',\n  pink: 'stroke-badge-pink-edge',\n  yellow: 'stroke-badge-yellow-edge',\n};\n\nfunction getSignalHue(signalName: string): SignalHue {\n  const name = signalName.toLowerCase();\n  const builtInHue = Object.hasOwn(SIGNAL_HUES, name) ? SIGNAL_HUES[name] : undefined;\n  return builtInHue ?? CUSTOM_SIGNAL_HUES[hashLabel(name) % CUSTOM_SIGNAL_HUES.length] ?? 'pink';\n}\n\nexport function getSignalColor(signalName: string) {\n  return `var(--chart-${getSignalHue(signalName)})`;\n}\n\nexport function getSignalAreaClass(signalName: string) {\n  return SIGNAL_AREA_CLASS[getSignalHue(signalName)];\n}\n\nexport function getSignalConnectorClass(signalName: string) {\n  return SIGNAL_CONNECTOR_CLASS[getSignalHue(signalName)];\n}\n"],"names":[],"mappings":";;AAIA,MAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,QAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA;AAEA,MAAM,kBAAA,GAAkC,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAEzD,MAAM,iBAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,MAAM,sBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,aAAa,UAAA,EAA+B;AACnD,EAAA,MAAM,IAAA,GAAO,WAAW,WAAA,EAAY;AACpC,EAAA,MAAM,UAAA,GAAa,OAAO,MAAA,CAAO,WAAA,EAAa,IAAI,CAAA,GAAI,WAAA,CAAY,IAAI,CAAA,GAAI,MAAA;AAC1E,EAAA,OAAO,cAAc,kBAAA,CAAmB,SAAA,CAAU,IAAI,CAAA,GAAI,kBAAA,CAAmB,MAAM,CAAA,IAAK,MAAA;AAC1F;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,OAAO,CAAA,YAAA,EAAe,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA,CAAA;AAChD;AAEO,SAAS,mBAAmB,UAAA,EAAoB;AACrD,EAAA,OAAO,iBAAA,CAAkB,YAAA,CAAa,UAAU,CAAC,CAAA;AACnD;AAEO,SAAS,wBAAwB,UAAA,EAAoB;AAC1D,EAAA,OAAO,sBAAA,CAAuB,YAAA,CAAa,UAAU,CAAC,CAAA;AACxD;;;;"}
+{"version":3,"file":"signal-colors.es.js","sources":["../../../src/ee/signals/signal-colors.ts"],"sourcesContent":["import { hashLabel } from '@/lib/colors';\n\ntype SignalHue = 'green' | 'orange' | 'blue' | 'purple' | 'pink' | 'yellow';\n\nconst SIGNAL_HUES: Record<string, SignalHue> = {\n  goal: 'green',\n  outcome: 'orange',\n  behavior: 'blue',\n  sentiment: 'purple',\n};\n\nconst CUSTOM_SIGNAL_HUES: SignalHue[] = ['pink', 'yellow'];\n\nconst SIGNAL_AREA_CLASS: Record<SignalHue, string> = {\n  green: 'fill-badge-green-strong',\n  orange: 'fill-badge-orange-strong',\n  blue: 'fill-badge-blue-strong',\n  purple: 'fill-badge-purple-strong',\n  pink: 'fill-badge-pink-strong',\n  yellow: 'fill-badge-yellow-strong',\n};\n\nconst SIGNAL_CONNECTOR_CLASS: Record<SignalHue, string> = {\n  green: 'stroke-badge-green-edge',\n  orange: 'stroke-badge-orange-edge',\n  blue: 'stroke-badge-blue-edge',\n  purple: 'stroke-badge-purple-edge',\n  pink: 'stroke-badge-pink-edge',\n  yellow: 'stroke-badge-yellow-edge',\n};\n\nfunction getSignalHue(signalName: string): SignalHue {\n  const name = signalName.toLowerCase();\n  const builtInHue = Object.hasOwn(SIGNAL_HUES, name) ? SIGNAL_HUES[name] : undefined;\n  return builtInHue ?? CUSTOM_SIGNAL_HUES[hashLabel(name) % CUSTOM_SIGNAL_HUES.length] ?? 'pink';\n}\n\nexport function getSignalColor(signalName: string) {\n  return `var(--chart-${getSignalHue(signalName)})`;\n}\n\nexport function getSignalAreaClass(signalName: string) {\n  return SIGNAL_AREA_CLASS[getSignalHue(signalName)];\n}\n\nexport function getSignalConnectorClass(signalName: string) {\n  return SIGNAL_CONNECTOR_CLASS[getSignalHue(signalName)];\n}\n"],"names":[],"mappings":";;AAIA,MAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,QAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA;AAEA,MAAM,kBAAA,GAAkC,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAEzD,MAAM,iBAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,MAAM,sBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO,yBAAA;AAAA,EACP,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ,0BAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,aAAa,UAAA,EAA+B;AACnD,EAAA,MAAM,IAAA,GAAO,WAAW,WAAA,EAAY;AACpC,EAAA,MAAM,UAAA,GAAa,OAAO,MAAA,CAAO,WAAA,EAAa,IAAI,CAAA,GAAI,WAAA,CAAY,IAAI,CAAA,GAAI,MAAA;AAC1E,EAAA,OAAO,cAAc,kBAAA,CAAmB,SAAA,CAAU,IAAI,CAAA,GAAI,kBAAA,CAAmB,MAAM,CAAA,IAAK,MAAA;AAC1F;AAEO,SAAS,eAAe,UAAA,EAAoB;AACjD,EAAA,OAAO,CAAA,YAAA,EAAe,YAAA,CAAa,UAAU,CAAC,CAAA,CAAA,CAAA;AAChD;AAEO,SAAS,mBAAmB,UAAA,EAAoB;AACrD,EAAA,OAAO,iBAAA,CAAkB,YAAA,CAAa,UAAU,CAAC,CAAA;AACnD;AAEO,SAAS,wBAAwB,UAAA,EAAoB;AAC1D,EAAA,OAAO,sBAAA,CAAuB,YAAA,CAAa,UAAU,CAAC,CAAA;AACxD;;;;"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../Button-DbJn0bJX.cjs');
+const Button = require('../../Button-BnmR2HRc.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 
 function SignalsErrorState({

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { TriangleAlert, RotateCcw, X } from 'lucide-react';
-import { B as Button } from '../../Button-CHTvSq4d.js';
+import { B as Button } from '../../Button-C6eUqcPI.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 
 function SignalsErrorState({

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
-const Button = require('../../Button-DbJn0bJX.cjs');
+const Button = require('../../Button-BnmR2HRc.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 
 const MARKER_TICK_CLASSES = {
@@ -33,7 +33,7 @@ function TimelineTrack({
           "aria-current": marker === "selected" ? "true" : void 0,
           "aria-label": ee_signals_snapshotTimelineData.snapshotTickLabel(snapshot, totalCount),
           "aria-pressed": marker === "compare-point" ? grabbed : void 0,
-          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-fill-hover"} ${grabbed ? "ring-2 ring-foreground" : ""}`,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-muted-foreground"} ${grabbed ? "ring-2 ring-foreground" : ""}`,
           "data-marker": marker,
           onClick: () => onTickSelect(index),
           style: { left: `${positions[index]}%` },

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

@@ -1 +1 @@
-{"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\n};\n\n/**\n * Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n */\nexport function TimelineTrack({\n  snapshots,\n  totalCount,\n  markers,\n  grabbedIndex,\n  onTickSelect,\n}: {\n  snapshots: ThemeSnapshot[];\n  totalCount: number;\n  markers: ReadonlyMap<number, TimelineMarkerKind>;\n  /** Landmark index of a grabbed compare point — the next tick click moves it. */\n  grabbedIndex?: number;\n  onTickSelect: (index: number) => void;\n}) {\n  const positions = timelineTickPositions(snapshots);\n  const dayLabels = timelineDayLabels(snapshots);\n\n  return (\n    <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n      <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n      {snapshots.map((snapshot, index) => {\n        const marker = markers.get(index);\n        const grabbed = marker === 'compare-point' && index === grabbedIndex;\n        return (\n          <button\n            key={snapshot.snapshotId}\n            aria-current={marker === 'selected' ? 'true' : undefined}\n            aria-label={snapshotTickLabel(snapshot, totalCount)}\n            aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n            className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n              marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-fill-hover'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\n            data-marker={marker}\n            onClick={() => onTickSelect(index)}\n            style={{ left: `${positions[index]}%` }}\n            type=\"button\"\n          />\n        );\n      })}\n      {snapshots.map((snapshot, index) =>\n        dayLabels[index] ? (\n          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n            font=\"mono\"\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\n      </div>\n      {/* Keep the global ordinal and range-scoped position available to assistive tech. */}\n      <p aria-live=\"polite\" className=\"sr-only\">\n        {statusParts.join(' · ')}\n      </p>\n    </section>\n  );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","Txt","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":";;;;;;;;;;;AAUA,MAAM,mBAAA,GAA0D;AAAA,EAC9D,QAAA,EAAU,oCAAA;AAAA,EACV,eAAA,EAAiB;AACnB,CAAA;AAQO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,SAAA,GAAYA,sDAAsB,SAAS,CAAA;AACjD,EAAA,MAAM,SAAA,GAAYC,kDAAkB,SAAS,CAAA;AAE7C,EAAA,uCACG,KAAA,EAAA,EAAI,YAAA,EAAW,sBAAqB,SAAA,EAAU,oCAAA,EAAqC,MAAK,OAAA,EACvF,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,wEAAA,EAAyE,CAAA;AAAA,IAC1G,SAAA,CAAU,GAAA,CAAI,CAAC,QAAA,EAAU,KAAA,KAAU;AAClC,MAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA;AAChC,MAAA,MAAM,OAAA,GAAU,MAAA,KAAW,eAAA,IAAmB,KAAA,KAAU,YAAA;AACxD,MAAA,uBACEA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAc,MAAA,KAAW,UAAA,GAAa,MAAA,GAAS,MAAA;AAAA,UAC/C,YAAA,EAAYC,iDAAA,CAAkB,QAAA,EAAU,UAAU,CAAA;AAAA,UAClD,cAAA,EAAc,MAAA,KAAW,eAAA,GAAkB,OAAA,GAAU,MAAA;AAAA,UACrD,SAAA,EAAW,CAAA,6DAAA,EACT,MAAA,GAAS,mBAAA,CAAoB,MAAM,IAAI,gDACzC,CAAA,CAAA,EAAI,OAAA,GAAU,wBAAA,GAA2B,EAAE,CAAA,CAAA;AAAA,UAC3C,aAAA,EAAa,MAAA;AAAA,UACb,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,UACjC,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UACtC,IAAA,EAAK;AAAA,SAAA;AAAA,QAVA,QAAA,CAAS;AAAA,OAWhB;AAAA,IAEJ,CAAC,CAAA;AAAA,IACA,SAAA,CAAU,GAAA;AAAA,MAAI,CAAC,QAAA,EAAU,KAAA,KACxB,SAAA,CAAU,KAAK,CAAA,mBACbD,cAAA;AAAA,QAACE,OAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,MAAA;AAAA,UACH,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,OAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UAEL,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,8CAAA;AAAA,UACV,OAAO,EAAE,IAAA,EAAM,GAAG,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA,UAErC,oBAAU,KAAK;AAAA,SAAA;AAAA,QALX,CAAA,IAAA,EAAO,SAAS,UAAU,CAAA;AAAA,OAMjC,GACE;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAQG;AACD,EAAA,MAAM,QAAA,GAAW,UAAU,aAAa,CAAA;AAExC,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AAEtB,EAAA,MAAM,UAAA,GAAa,kBAAkB,QAAA,CAAS,KAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,QAAA,GAC1BC,gDAAA,CAAqB,QAAA,CAAS,QAAQ,CAAA,GACtCC,gDAAA,CAAqB,QAAA,CAAS,SAAA,EAAW,QAAA,CAAS,OAAO,CAAA;AAC7D,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,CAAA,SAAA,EAAY,QAAA,CAAS,OAAO,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,IAC1C,GAAI,QAAA,CAAS,QAAA,GACT,CAAC,CAAA,MAAA,EAAS,YAAY,CAAA,CAAA,EAAI,CAAA,OAAA,EAAUA,gDAAA,CAAqB,QAAA,CAAS,WAAW,QAAA,CAAS,OAAO,CAAC,CAAA,CAAE,CAAA,GAChG,CAAC,YAAY,CAAA;AAAA,IACjBC,sCAAA,CAAW,SAAS,UAAU;AAAA,GAChC;AAEA,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,mBAAA,EAAoB,WAAU,WAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,SAAA,CAAU,MAAA,GAAS,CAAA,mBAClBN,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA,sBAAa,GAAA,CAAgC,CAAC,CAAC,aAAA,EAAe,UAAU,CAAC,CAAC,CAAA;AAAA,QAC1E,YAAA,EAAc;AAAA;AAAA,OAElB,CAAA,GACE,IAAA;AAAA,oBACJM,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,SAAS,CAAA,mBAClBN,cAAA;AAAA,QAACO,aAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,YAAY,iBAAA,GAAoB,gBAAA;AAAA,UAC5C,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,SAAS,CAAA;AAAA,UACzC,IAAA,EAAK,IAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAM,SAAA,mBAAYP,cAAA,CAACQ,iBAAA,EAAA,EAAM,aAAA,EAAY,QAAO,CAAA,mBAAKR,cAAA,CAACS,gBAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAEzE,sBAAY,OAAA,GAAU;AAAA;AAAA,OACzB,GACE,IAAA;AAAA,sBACJT,cAAA,CAACE,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,cAAA,EAAe,aAAA,EAAY,kBAAA,EAClF,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAF,cAAA,CAAC,OAAE,WAAA,EAAU,QAAA,EAAS,WAAU,SAAA,EAC7B,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA,EACzB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport type TimelineMarkerKind = 'selected' | 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n  selected: 'bg-foreground border-border-strong',\n  'compare-point': 'bg-foreground border-border-strong',\n};\n\n/**\n * Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n */\nexport function TimelineTrack({\n  snapshots,\n  totalCount,\n  markers,\n  grabbedIndex,\n  onTickSelect,\n}: {\n  snapshots: ThemeSnapshot[];\n  totalCount: number;\n  markers: ReadonlyMap<number, TimelineMarkerKind>;\n  /** Landmark index of a grabbed compare point — the next tick click moves it. */\n  grabbedIndex?: number;\n  onTickSelect: (index: number) => void;\n}) {\n  const positions = timelineTickPositions(snapshots);\n  const dayLabels = timelineDayLabels(snapshots);\n\n  return (\n    <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n      <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n      {snapshots.map((snapshot, index) => {\n        const marker = markers.get(index);\n        const grabbed = marker === 'compare-point' && index === grabbedIndex;\n        return (\n          <button\n            key={snapshot.snapshotId}\n            aria-current={marker === 'selected' ? 'true' : undefined}\n            aria-label={snapshotTickLabel(snapshot, totalCount)}\n            aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n            className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n              marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-muted-foreground'\n            } ${grabbed ? 'ring-2 ring-foreground' : ''}`}\n            data-marker={marker}\n            onClick={() => onTickSelect(index)}\n            style={{ left: `${positions[index]}%` }}\n            type=\"button\"\n          />\n        );\n      })}\n      {snapshots.map((snapshot, index) =>\n        dayLabels[index] ? (\n          <Txt\n            as=\"span\"\n            variant=\"meta\"\n            tone=\"muted\"\n            font=\"mono\"\n            key={`day-${snapshot.snapshotId}`}\n            aria-hidden=\"true\"\n            className=\"absolute top-7 -translate-x-1/2 tabular-nums\"\n            style={{ left: `${positions[index]}%` }}\n          >\n            {dayLabels[index]}\n          </Txt>\n        ) : null,\n      )}\n    </div>\n  );\n}\n\nexport function SnapshotTimeline({\n  snapshots,\n  selectedIndex,\n  totalSnapshots,\n  summary,\n  isPlaying,\n  onPlayingChange,\n  onSnapshotChange,\n}: {\n  snapshots: ThemeSnapshot[];\n  selectedIndex: number;\n  totalSnapshots?: number;\n  summary: string;\n  isPlaying: boolean;\n  onPlayingChange: (isPlaying: boolean) => void;\n  onSnapshotChange: (index: number) => void;\n}) {\n  const snapshot = snapshots[selectedIndex];\n\n  if (!snapshot) return null;\n\n  const totalCount = totalSnapshots ?? snapshot.total;\n  const selectedDate = snapshot.cutoffAt\n    ? formatSnapshotCutoff(snapshot.cutoffAt)\n    : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n  const statusParts = [\n    `Snapshot ${snapshot.ordinal}/${totalCount}`,\n    ...(snapshot.cutoffAt\n      ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n      : [selectedDate]),\n    traceLabel(snapshot.traceCount),\n  ];\n\n  return (\n    <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n      {snapshots.length > 1 ? (\n        <div className=\"px-3 py-2.5 sm:px-4\">\n          <TimelineTrack\n            snapshots={snapshots}\n            totalCount={totalCount}\n            markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n            onTickSelect={onSnapshotChange}\n          />\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {snapshots.length > 1 ? (\n          <Button\n            aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n            onClick={() => onPlayingChange(!isPlaying)}\n            size=\"sm\"\n            type=\"button\"\n            icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n          >\n            {isPlaying ? 'Pause' : 'Play'}\n          </Button>\n        ) : null}\n        <Txt variant=\"caption\" tone=\"muted\" font=\"mono\" className=\"tabular-nums\" data-testid=\"snapshot-summary\">\n          {summary}\n        </Txt>\n      </div>\n      {/* Keep the global ordinal and range-scoped position available to assistive tech. */}\n      <p aria-live=\"polite\" className=\"sr-only\">\n        {statusParts.join(' · ')}\n      </p>\n    </section>\n  );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","Txt","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Play } from 'lucide-react';
 import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting.es.js';
 import { timelineTickPositions, timelineDayLabels, snapshotTickLabel } from './snapshot-timeline-data.es.js';
-import { B as Button } from '../../Button-CHTvSq4d.js';
+import { B as Button } from '../../Button-C6eUqcPI.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 
 const MARKER_TICK_CLASSES = {
@@ -29,7 +29,7 @@ function TimelineTrack({
           "aria-current": marker === "selected" ? "true" : void 0,
           "aria-label": snapshotTickLabel(snapshot, totalCount),
           "aria-pressed": marker === "compare-point" ? grabbed : void 0,
-          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-fill-hover"} ${grabbed ? "ring-2 ring-foreground" : ""}`,
+          className: `absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${marker ? MARKER_TICK_CLASSES[marker] : "border-background bg-muted hover:bg-muted-foreground"} ${grabbed ? "ring-2 ring-foreground" : ""}`,
           "data-marker": marker,
           onClick: () => onTickSelect(index),
           style: { left: `${positions[index]}%` },

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

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

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

@@ -15,7 +15,7 @@ const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_themeTrend = require('./theme-trend.cjs.js');
 const ee_signals_themeTrendChart = require('./theme-trend-chart.cjs.js');
 const ee_signals_traceInsightView = require('./trace-insight-view.cjs.js');
-const drawer = require('../../drawer-KHIkRUe4.cjs');
+const drawer = require('../../drawer-d81cZiSV.cjs');
 const tooltip = require('../../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../../Txt-DPmEpNbp.cjs');
 const primitives_raisedSurface = require('../../primitives/raised-surface.cjs.js');

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

@@ -11,7 +11,7 @@ import { signalLabel, signalDescription, shareSentence, formatSnapshotDate } fro
 import { chronologicalHistoryPoints, themeTrendDirection } from './theme-trend.es.js';
 import { ThemeTrendChart } from './theme-trend-chart.es.js';
 import { TraceInsightView } from './trace-insight-view.es.js';
-import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-6MeSDSfP.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DXf50w71.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../Txt-BP1SRHmL.js';
 import { raisedSurfaceStyle } from '../../primitives/raised-surface.es.js';