npm - @mastra/playground-ui - Versions diffs - 57.0.0 → 58.0.0-alpha.1 - Mend

@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (763) hide show

package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-intelligence-entity-index.cjs.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 { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\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 <ErrorState title=\"Failed to load Trace Intelligence\" message={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' : 'outline'}\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' : 'outline'}\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":["is401UnauthorizedError","jsx","SessionExpired","is403ForbiddenError","PermissionDenied","ErrorState","jsxs","ListSearch","TraceIntelligenceExplainer","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","ButtonsGroup","Button","List","Columns2","useThemeEntities","useTraceIntelligence","useState","filterAndSortEntities","EntityIndexList","DataListSkeleton","EmptyState","EntityIndexCompactGrid","Fragment","TraceSignalSettingsButton","TraceSignalSettingsPanel"],"mappings":"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"}
1	+ {"version":3,"file":"trace-intelligence-entity-index.cjs.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":["is401UnauthorizedError","jsx","SessionExpired","is403ForbiddenError","PermissionDenied","EmptyState","jsxs","ListSearch","TraceIntelligenceExplainer","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","ButtonsGroup","Button","List","Columns2","useThemeEntities","useTraceIntelligence","useState","filterAndSortEntities","EntityIndexList","DataListSkeleton","EntityIndexCompactGrid","Fragment","TraceSignalSettingsButton","TraceSignalSettingsPanel"],"mappings":"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"}

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

@@ -9,16 +9,14 @@ import { TraceIntelligenceExplainer } from '../trace-intelligence-explainer.es.j
 import { EntityIndexCompactGrid } from './entity-index-compact-grid.es.js';
 import { EntityIndexList } from './entity-index-list.es.js';
 import { filterAndSortEntities } from './entity-index-model.es.js';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
+import { PermissionDenied } from '../../../domains/auth/components/permission-denied.es.js';
+import { SessionExpired } from '../../../domains/auth/components/session-expired.es.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DsZgrZBZ.js';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-h4pILqCC.js';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
-import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
-import { E as ErrorState } from '../../../ErrorState-HyRJdaA2.js';
-import { L as ListSearch } from '../../../list-search-DK2yMiME.js';
-import { P as PermissionDenied } from '../../../PermissionDenied-CTqnE57B.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-BiY-SoMJ.js';
-import { S as SessionExpired } from '../../../SessionExpired-B9e1Kx4I.js';
+import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
+import { L as ListSearch } from '../../../list-search-FJ1O5F3S.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-Dkmx3L5p.js';
 import { is401UnauthorizedError, is403ForbiddenError } from '../../../utils/query-utils.es.js';
 const listColumns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
@@ -29,7 +27,7 @@ function EntityIndexError({ error }) {
   if (is403ForbiddenError(error)) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(PermissionDenied, { resource: "Trace Intelligence" }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(ErrorState, { title: "Failed to load Trace Intelligence", message: error.message }) });
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(EmptyState, { tone: "error", titleSlot: "Failed to load Trace Intelligence", descriptionSlot: error.message }) });
 }
 function EntityIndexControls({
   search,
@@ -67,7 +65,7 @@ function EntityIndexControls({
           Button,
           {
             type: "button",
-            variant: view === "list" ? "primary" : "outline",
+            variant: view === "list" ? "primary" : "default",
             size: "icon-md",
             tooltip: "List view",
             "aria-pressed": view === "list",
@@ -79,7 +77,7 @@ function EntityIndexControls({
           Button,
           {
             type: "button",
-            variant: view === "compact" ? "primary" : "outline",
+            variant: view === "compact" ? "primary" : "default",
             size: "icon-md",
             tooltip: "Compact view",
             "aria-pressed": view === "compact",

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

	@@ -1 +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 { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { ListSearch } from '@/ds/components/ListSearch';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\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 <ErrorState title=\"Failed to load Trace Intelligence\" message={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' : 'outline'}\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' : 'outline'}\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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"}
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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"}

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

@@ -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-MMZPEb_q.cjs');
+const Button = require('../../Button-BAMnPqos.cjs');
 const EXAMPLES_PAGE_SIZE = 5;
 function ExamplesPager({
@@ -20,7 +20,6 @@ function ExamplesPager({
       Button.Button,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}),
-        variant: "outline",
         size: "sm",
         disabled: page <= 1,
         onClick: () => onOffsetChange((page - 2) * EXAMPLES_PAGE_SIZE),
@@ -37,7 +36,6 @@ function ExamplesPager({
       Button.Button,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}),
-        variant: "outline",
         size: "sm",
         disabled: page >= totalPages,
         onClick: () => onOffsetChange(page * EXAMPLES_PAGE_SIZE),

package/dist/ee/signals/examples-pager.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"examples-pager.cjs.js","sources":["../../../src/ee/signals/examples-pager.tsx"],"sourcesContent":["import { ChevronRight, ChevronLeft } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport const EXAMPLES_PAGE_SIZE = 5;\n\n/** Numbered pager for detail-panel example lists — page count derives from the theme's trace count. /\nexport function ExamplesPager({\n traceCount,\n offset,\n onOffsetChange,\n}: {\n traceCount: number;\n offset: number;\n onOffsetChange: (offset: number) => void;\n}) {\n const totalPages = Math.max(1, Math.ceil(traceCount / EXAMPLES_PAGE_SIZE));\n const page = Math.floor(offset / EXAMPLES_PAGE_SIZE) + 1;\n if (totalPages <= 1) return null;\n\n return (\n <nav aria-label=\"Example pages\" className=\"mt-3 flex items-center gap-3\">\n <Button\n icon={<ChevronLeft />}\n ~~variant=\"outline\"\n~~ size=\"sm\"\n disabled={page <= 1}\n onClick={() => onOffsetChange((page - 2) EXAMPLES_PAGE_SIZE)}\n >\n Previous\n </Button>\n <span className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n Page {page} of {totalPages}\n </span>\n <Button\n icon={<ChevronRight />}\n ~~variant=\"outline\"\n~~ size=\"sm\"\n disabled={page >= totalPages}\n onClick={() => onOffsetChange(page * EXAMPLES_PAGE_SIZE)}\n >\n Next\n </Button>\n </nav>\n );\n}\n"],"names":["jsxs","jsx","Button","ChevronLeft","ChevronRight"],"mappings":";;;;;;;;AAGO,MAAM,kBAAA,GAAqB;AAG3B,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,UAAA,GAAa,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,IAAA,CAAK,UAAA,GAAa,kBAAkB,CAAC,CAAA;AACzE,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,kBAAkB,CAAA,GAAI,CAAA;AACvD,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,IAAA;AAE5B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,eAAA,EAAgB,WAAU,8BAAA,EACxC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,iCAAOC,uBAAA,EAAA,EAAY,CAAA;AAAA,QACnB,~~OAAA,EAAQ,SAAA;AAAA,QACR,~~IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,CAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAA,CAAgB,IAAA,GAAO,KAAK,kBAAkB,CAAA;AAAA,QAC9D,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EAA4D,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,MACpE,IAAA;AAAA,MAAK,MAAA;AAAA,MAAK;AAAA,KAAA,EAClB,CAAA;AAAA,oBACAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,iCAAOE,wBAAA,EAAA,EAAa,CAAA;AAAA,QACpB,~~OAAA,EAAQ,SAAA;AAAA,QACR,~~IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,UAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAe,IAAA,GAAO,kBAAkB,CAAA;AAAA,QACxD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;;;;"}
1	+ {"version":3,"file":"examples-pager.cjs.js","sources":["../../../src/ee/signals/examples-pager.tsx"],"sourcesContent":["import { ChevronRight, ChevronLeft } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport const EXAMPLES_PAGE_SIZE = 5;\n\n/** Numbered pager for detail-panel example lists — page count derives from the theme's trace count. /\nexport function ExamplesPager({\n traceCount,\n offset,\n onOffsetChange,\n}: {\n traceCount: number;\n offset: number;\n onOffsetChange: (offset: number) => void;\n}) {\n const totalPages = Math.max(1, Math.ceil(traceCount / EXAMPLES_PAGE_SIZE));\n const page = Math.floor(offset / EXAMPLES_PAGE_SIZE) + 1;\n if (totalPages <= 1) return null;\n\n return (\n <nav aria-label=\"Example pages\" className=\"mt-3 flex items-center gap-3\">\n <Button\n icon={<ChevronLeft />}\n size=\"sm\"\n disabled={page <= 1}\n onClick={() => onOffsetChange((page - 2) EXAMPLES_PAGE_SIZE)}\n >\n Previous\n </Button>\n <span className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n Page {page} of {totalPages}\n </span>\n <Button\n icon={<ChevronRight />}\n size=\"sm\"\n disabled={page >= totalPages}\n onClick={() => onOffsetChange(page * EXAMPLES_PAGE_SIZE)}\n >\n Next\n </Button>\n </nav>\n );\n}\n"],"names":["jsxs","jsx","Button","ChevronLeft","ChevronRight"],"mappings":";;;;;;;;AAGO,MAAM,kBAAA,GAAqB;AAG3B,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,UAAA,GAAa,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,IAAA,CAAK,UAAA,GAAa,kBAAkB,CAAC,CAAA;AACzE,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,kBAAkB,CAAA,GAAI,CAAA;AACvD,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,IAAA;AAE5B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,eAAA,EAAgB,WAAU,8BAAA,EACxC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,iCAAOC,uBAAA,EAAA,EAAY,CAAA;AAAA,QACnB,IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,CAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAA,CAAgB,IAAA,GAAO,KAAK,kBAAkB,CAAA;AAAA,QAC9D,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAH,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EAA4D,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,MACpE,IAAA;AAAA,MAAK,MAAA;AAAA,MAAK;AAAA,KAAA,EAClB,CAAA;AAAA,oBACAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,iCAAOE,wBAAA,EAAA,EAAa,CAAA;AAAA,QACpB,IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,UAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAe,IAAA,GAAO,kBAAkB,CAAA;AAAA,QACxD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { B as Button } from '../../Button-KUj0U-5I.js';
+import { B as Button } from '../../Button-B8nF87ai.js';
 const EXAMPLES_PAGE_SIZE = 5;
 function ExamplesPager({
@@ -16,7 +16,6 @@ function ExamplesPager({
       Button,
       {
         icon: /* @__PURE__ */ jsx(ChevronLeft, {}),
-        variant: "outline",
         size: "sm",
         disabled: page <= 1,
         onClick: () => onOffsetChange((page - 2) * EXAMPLES_PAGE_SIZE),
@@ -33,7 +32,6 @@ function ExamplesPager({
       Button,
       {
         icon: /* @__PURE__ */ jsx(ChevronRight, {}),
-        variant: "outline",
         size: "sm",
         disabled: page >= totalPages,
         onClick: () => onOffsetChange(page * EXAMPLES_PAGE_SIZE),

package/dist/ee/signals/examples-pager.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"examples-pager.es.js","sources":["../../../src/ee/signals/examples-pager.tsx"],"sourcesContent":["import { ChevronRight, ChevronLeft } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport const EXAMPLES_PAGE_SIZE = 5;\n\n/** Numbered pager for detail-panel example lists — page count derives from the theme's trace count. /\nexport function ExamplesPager({\n traceCount,\n offset,\n onOffsetChange,\n}: {\n traceCount: number;\n offset: number;\n onOffsetChange: (offset: number) => void;\n}) {\n const totalPages = Math.max(1, Math.ceil(traceCount / EXAMPLES_PAGE_SIZE));\n const page = Math.floor(offset / EXAMPLES_PAGE_SIZE) + 1;\n if (totalPages <= 1) return null;\n\n return (\n <nav aria-label=\"Example pages\" className=\"mt-3 flex items-center gap-3\">\n <Button\n icon={<ChevronLeft />}\n ~~variant=\"outline\"\n~~ size=\"sm\"\n disabled={page <= 1}\n onClick={() => onOffsetChange((page - 2) EXAMPLES_PAGE_SIZE)}\n >\n Previous\n </Button>\n <span className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n Page {page} of {totalPages}\n </span>\n <Button\n icon={<ChevronRight />}\n ~~variant=\"outline\"\n~~ size=\"sm\"\n disabled={page >= totalPages}\n onClick={() => onOffsetChange(page * EXAMPLES_PAGE_SIZE)}\n >\n Next\n </Button>\n </nav>\n );\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,kBAAA,GAAqB;AAG3B,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,UAAA,GAAa,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,IAAA,CAAK,UAAA,GAAa,kBAAkB,CAAC,CAAA;AACzE,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,kBAAkB,CAAA,GAAI,CAAA;AACvD,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,IAAA;AAE5B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,eAAA,EAAgB,WAAU,8BAAA,EACxC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA;AAAA,QACnB,~~OAAA,EAAQ,SAAA;AAAA,QACR,~~IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,CAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAA,CAAgB,IAAA,GAAO,KAAK,kBAAkB,CAAA;AAAA,QAC9D,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EAA4D,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,MACpE,IAAA;AAAA,MAAK,MAAA;AAAA,MAAK;AAAA,KAAA,EAClB,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,QACpB,~~OAAA,EAAQ,SAAA;AAAA,QACR,~~IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,UAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAe,IAAA,GAAO,kBAAkB,CAAA;AAAA,QACxD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"examples-pager.es.js","sources":["../../../src/ee/signals/examples-pager.tsx"],"sourcesContent":["import { ChevronRight, ChevronLeft } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport const EXAMPLES_PAGE_SIZE = 5;\n\n/** Numbered pager for detail-panel example lists — page count derives from the theme's trace count. /\nexport function ExamplesPager({\n traceCount,\n offset,\n onOffsetChange,\n}: {\n traceCount: number;\n offset: number;\n onOffsetChange: (offset: number) => void;\n}) {\n const totalPages = Math.max(1, Math.ceil(traceCount / EXAMPLES_PAGE_SIZE));\n const page = Math.floor(offset / EXAMPLES_PAGE_SIZE) + 1;\n if (totalPages <= 1) return null;\n\n return (\n <nav aria-label=\"Example pages\" className=\"mt-3 flex items-center gap-3\">\n <Button\n icon={<ChevronLeft />}\n size=\"sm\"\n disabled={page <= 1}\n onClick={() => onOffsetChange((page - 2) EXAMPLES_PAGE_SIZE)}\n >\n Previous\n </Button>\n <span className=\"font-mono text-caption text-muted-foreground tabular-nums\">\n Page {page} of {totalPages}\n </span>\n <Button\n icon={<ChevronRight />}\n size=\"sm\"\n disabled={page >= totalPages}\n onClick={() => onOffsetChange(page * EXAMPLES_PAGE_SIZE)}\n >\n Next\n </Button>\n </nav>\n );\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,kBAAA,GAAqB;AAG3B,SAAS,aAAA,CAAc;AAAA,EAC5B,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,UAAA,GAAa,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,IAAA,CAAK,UAAA,GAAa,kBAAkB,CAAC,CAAA;AACzE,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,kBAAkB,CAAA,GAAI,CAAA;AACvD,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,IAAA;AAE5B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,eAAA,EAAgB,WAAU,8BAAA,EACxC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA;AAAA,QACnB,IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,CAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAA,CAAgB,IAAA,GAAO,KAAK,kBAAkB,CAAA;AAAA,QAC9D,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EAA4D,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,MACpE,IAAA;AAAA,MAAK,MAAA;AAAA,MAAK;AAAA,KAAA,EAClB,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,QACpB,IAAA,EAAK,IAAA;AAAA,QACL,UAAU,IAAA,IAAQ,UAAA;AAAA,QAClB,OAAA,EAAS,MAAM,cAAA,CAAe,IAAA,GAAO,kBAAkB,CAAA;AAAA,QACxD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -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-DwGasv0K.cjs');
+const Card = require('../../Card-BbwF20OW.cjs');
 const sankeyChart = require('../../sankey-chart-C1e0nRc3.cjs');
 function FlowCard({

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { getSignalRecordNodeValue, getSignalRecordNodeLabel, getSignalRecordNodeId } from './sankey-signals-data.es.js';
 import { getSignalHue } from './signal-colors.es.js';
 import { SortableSignalHeaders } from './sortable-signal-headers.es.js';
-import { C as Card, a as CardContent } from '../../Card-B_buJ5yF.js';
+import { C as Card, a as CardContent } from '../../Card-DmT57Pve.js';
 import { S as Sankey, a as SankeyChart } from '../../sankey-chart-jvMXKzud.js';
 function FlowCard({

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

@@ -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-B6Ftum77.cjs');
+const drawer = require('../../drawer-DpldATv1.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 CHANGED Viewed

@@ -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-CnCsgToD.js';
+import { D as Drawer, d as DrawerContent, g as DrawerHeader, o as DrawerTitle, e as DrawerDescription, b as DrawerBody } from '../../drawer-DZnqDb9H.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 CHANGED Viewed

@@ -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-DrK1hxeV.cjs');
+const tabsRoot = require('../../tabs-root-COCL6jcx.cjs');
 const DRILL_IN_TRACE_LIMIT = 2e3;
 const VIEW_DESCRIPTIONS = {

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

@@ -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-B2sdkQ3A.js';
+import { a as Tabs, T as TabList } from '../../tabs-root-UNPxoGhW.js';
 const DRILL_IN_TRACE_LIMIT = 2e3;
 const VIEW_DESCRIPTIONS = {

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-MMZPEb_q.cjs');
-const dialog = require('../../../dialog-Bilo4jEU.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const dialog = require('../../../dialog-Vvcjm0rZ.cjs');
 const fieldErrorId = require('../../../field-error-id-6EfqmQ4C.cjs');
-const textFieldBlock = require('../../../text-field-block-BmWGMw3a.cjs');
-const Notice = require('../../../Notice-CPyYcX5J.cjs');
+const textFieldBlock = require('../../../text-field-block-DePCgDOh.cjs');
+const Notice = require('../../../Notice-AUNd8fqT.cjs');
 const spinner = require('../../../spinner-BCpN7LL9.cjs');
-const textarea = require('../../../textarea-5b6XcMrq.cjs');
+const textarea = require('../../../textarea-gUBUqpol.cjs');
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

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

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { X } from 'lucide-react';
 import { useId, useState } from 'react';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, g as DialogFooter } from '../../../dialog-DMOXPT0N.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, g as DialogFooter } from '../../../dialog-Dtfe1ylw.js';
 import { F as FieldBlock, f as fieldErrorId } from '../../../field-error-id-DyWx33Fu.js';
-import { T as TextFieldBlock } from '../../../text-field-block-Cihf0IRw.js';
-import { N as Notice } from '../../../Notice-KC18b8Nd.js';
+import { T as TextFieldBlock } from '../../../text-field-block-DGIM1i3Z.js';
+import { N as Notice } from '../../../Notice-WT8G4OA6.js';
 import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
-import { T as Textarea } from '../../../textarea-DdnzLrI9.js';
+import { T as Textarea } from '../../../textarea-B6wvS_CQ.js';
 const reservedNames = /* @__PURE__ */ new Set([
   "goal",

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

@@ -9,9 +9,9 @@ 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-BEeYtjmv.cjs');
-const Button = require('../../../Button-MMZPEb_q.cjs');
+const Button = require('../../../Button-BAMnPqos.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
-const Notice = require('../../../Notice-CPyYcX5J.cjs');
+const Notice = require('../../../Notice-AUNd8fqT.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
 const _switch = require('../../../switch-6125Oajw.cjs');

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

@@ -5,9 +5,9 @@ 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-TD55_qZJ.js';
-import { B as Button } from '../../../Button-KUj0U-5I.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
-import { N as Notice } from '../../../Notice-KC18b8Nd.js';
+import { N as Notice } from '../../../Notice-WT8G4OA6.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
 import { S as Switch } from '../../../switch-CE9jTpUG.js';

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

@@ -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-MMZPEb_q.cjs');
+const Button = require('../../Button-BAMnPqos.cjs');
 function SignalsErrorState({
   message,
@@ -17,7 +17,7 @@ function SignalsErrorState({
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-subheading text-foreground", children: message }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Check the connection and try again." }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", children: "Retry" }),
         onClear ? /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}), onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null
       ] })
     ] })

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { TriangleAlert, RotateCcw, X } from 'lucide-react';
-import { B as Button } from '../../Button-KUj0U-5I.js';
+import { B as Button } from '../../Button-B8nF87ai.js';
 function SignalsErrorState({
   message,
@@ -13,7 +13,7 @@ function SignalsErrorState({
       /* @__PURE__ */ jsx("h1", { className: "text-subheading text-foreground", children: message }),
       /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: "Check the connection and try again." }),
       /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Retry" }),
+        /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(RotateCcw, {}), onClick: onRetry, size: "sm", type: "button", children: "Retry" }),
         onClear ? /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), onClick: onClear, size: "sm", type: "button", variant: "ghost", children: "Clear filter" }) : null
       ] })
     ] })

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

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

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const ee_signals_signalFormatting = require('./signal-formatting.cjs.js');
 const ee_signals_snapshotTimelineData = require('./snapshot-timeline-data.cjs.js');
-const Button = require('../../Button-MMZPEb_q.cjs');
+const Button = require('../../Button-BAMnPqos.cjs');
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",
@@ -91,7 +91,6 @@ function SnapshotTimeline({
           onClick: () => onPlayingChange(!isPlaying),
           size: "sm",
           type: "button",
-          variant: "outline",
           icon: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { "aria-hidden": "true" }),
           children: isPlaying ? "Pause" : "Play"
         }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-2 ring-accent1/70' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n ~~variant=\"outline\"\n~~ icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":"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~~OAAA,EAAQ,SAAA;AAAA,UACR,~~IAAA,EAAM,SAAA,mBAAYN,cAAA,CAACO,iBAAA,EAAA,EAAM,aAAA,EAAY,QAAO,CAAA,mBAAKP,cAAA,CAACQ,gBAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAEzE,sBAAY,OAAA,GAAU;AAAA;AAAA,OACzB,GACE,IAAA;AAAA,qCACH,GAAA,EAAA,EAAE,SAAA,EAAU,2DAAA,EAA4D,aAAA,EAAY,oBAClF,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAR,cAAA,CAAC,OAAE,WAAA,EAAU,QAAA,EAAS,WAAU,SAAA,EAC7B,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA,EACzB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}
1	+ {"version":3,"file":"snapshot-timeline.cjs.js","sources":["../../../src/ee/signals/snapshot-timeline.tsx"],"sourcesContent":["import { Pause, Play } from 'lucide-react';\n\nimport { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting';\nimport { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from './snapshot-timeline-data';\nimport type { ThemeSnapshot } from './types';\nimport { Button } from '@/ds/components/Button';\n\nexport type TimelineMarkerKind = 'selected' \| 'compare-point';\n\nconst MARKER_TICK_CLASSES: Record<TimelineMarkerKind, string> = {\n selected: 'bg-accent1 border-accent1',\n 'compare-point': 'bg-accent1 border-accent1',\n};\n\n/*\n Time-axis landmark track shared by the flow timeline and compare mode. Each\n * landmark renders as a tick placed proportionally to when its snapshot became\n * the current state, with a day label under the first tick of each new day, so\n * bursty capture times and quiet gaps stay legible.\n /\nexport function TimelineTrack({\n snapshots,\n totalCount,\n markers,\n grabbedIndex,\n onTickSelect,\n}: {\n snapshots: ThemeSnapshot[];\n totalCount: number;\n markers: ReadonlyMap<number, TimelineMarkerKind>;\n /* Landmark index of a grabbed compare point — the next tick click moves it. /\n grabbedIndex?: number;\n onTickSelect: (index: number) => void;\n}) {\n const positions = timelineTickPositions(snapshots);\n const dayLabels = timelineDayLabels(snapshots);\n\n return (\n <div aria-label=\"Snapshot landmarks\" className=\"relative mx-2 h-12 min-w-40 flex-1\" role=\"group\">\n <div aria-hidden=\"true\" className=\"absolute inset-x-0 top-4 h-0.5 -translate-y-1/2 rounded-full bg-border\" />\n {snapshots.map((snapshot, index) => {\n const marker = markers.get(index);\n const grabbed = marker === 'compare-point' && index === grabbedIndex;\n return (\n <button\n key={snapshot.snapshotId}\n aria-current={marker === 'selected' ? 'true' : undefined}\n aria-label={snapshotTickLabel(snapshot, totalCount)}\n aria-pressed={marker === 'compare-point' ? grabbed : undefined}\n className={`absolute top-4 size-3.5 -translate-1/2 rounded-full border-2 ${\n marker ? MARKER_TICK_CLASSES[marker] : 'border-background bg-muted hover:bg-accent1/60'\n } ${grabbed ? 'ring-2 ring-accent1/70' : ''}`}\n data-marker={marker}\n onClick={() => onTickSelect(index)}\n style={{ left: `${positions[index]}%` }}\n type=\"button\"\n />\n );\n })}\n {snapshots.map((snapshot, index) =>\n dayLabels[index] ? (\n <span\n key={`day-${snapshot.snapshotId}`}\n aria-hidden=\"true\"\n className=\"absolute top-7 -translate-x-1/2 font-mono text-meta text-muted-foreground tabular-nums\"\n style={{ left: `${positions[index]}%` }}\n >\n {dayLabels[index]}\n </span>\n ) : null,\n )}\n </div>\n );\n}\n\nexport function SnapshotTimeline({\n snapshots,\n selectedIndex,\n totalSnapshots,\n summary,\n isPlaying,\n onPlayingChange,\n onSnapshotChange,\n}: {\n snapshots: ThemeSnapshot[];\n selectedIndex: number;\n totalSnapshots?: number;\n summary: string;\n isPlaying: boolean;\n onPlayingChange: (isPlaying: boolean) => void;\n onSnapshotChange: (index: number) => void;\n}) {\n const snapshot = snapshots[selectedIndex];\n\n if (!snapshot) return null;\n\n const totalCount = totalSnapshots ?? snapshot.total;\n const selectedDate = snapshot.cutoffAt\n ? formatSnapshotCutoff(snapshot.cutoffAt)\n : formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt);\n const statusParts = [\n `Snapshot ${snapshot.ordinal}/${totalCount}`,\n ...(snapshot.cutoffAt\n ? [`as of ${selectedDate}`, `window ${formatSnapshotWindow(snapshot.startedAt, snapshot.endedAt)}`]\n : [selectedDate]),\n traceLabel(snapshot.traceCount),\n ];\n\n return (\n <section aria-label=\"Snapshot timeline\" className=\"space-y-4\">\n {snapshots.length > 1 ? (\n <div className=\"px-3 py-2.5 sm:px-4\">\n <TimelineTrack\n snapshots={snapshots}\n totalCount={totalCount}\n markers={new Map<number, TimelineMarkerKind>([[selectedIndex, 'selected']])}\n onTickSelect={onSnapshotChange}\n />\n </div>\n ) : null}\n <div className=\"flex flex-wrap items-center gap-3\">\n {snapshots.length > 1 ? (\n <Button\n aria-label={isPlaying ? 'Pause snapshots' : 'Play snapshots'}\n onClick={() => onPlayingChange(!isPlaying)}\n size=\"sm\"\n type=\"button\"\n icon={isPlaying ? <Pause aria-hidden=\"true\" /> : <Play aria-hidden=\"true\" />}\n >\n {isPlaying ? 'Pause' : 'Play'}\n </Button>\n ) : null}\n <p className=\"font-mono text-caption text-muted-foreground tabular-nums\" data-testid=\"snapshot-summary\">\n {summary}\n </p>\n </div>\n {/ Keep the global ordinal and range-scoped position available to assistive tech. */}\n <p aria-live=\"polite\" className=\"sr-only\">\n {statusParts.join(' · ')}\n </p>\n </section>\n );\n}\n"],"names":["timelineTickPositions","timelineDayLabels","jsx","snapshotTickLabel","formatSnapshotCutoff","formatSnapshotWindow","traceLabel","jsxs","Button","Pause","Play"],"mappings":";;;;;;;;;;AASA,MAAM,mBAAA,GAA0D;AAAA,EAC9D,QAAA,EAAU,2BAAA;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,QAAC,MAAA;AAAA,QAAA;AAAA,UAEC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAU,wFAAA;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,GAC1BE,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,mBAClBL,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,oBACJK,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,SAAS,CAAA,mBAClBL,cAAA;AAAA,QAACM,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,mBAAYN,cAAA,CAACO,iBAAA,EAAA,EAAM,aAAA,EAAY,QAAO,CAAA,mBAAKP,cAAA,CAACQ,gBAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAEzE,sBAAY,OAAA,GAAU;AAAA;AAAA,OACzB,GACE,IAAA;AAAA,qCACH,GAAA,EAAA,EAAE,SAAA,EAAU,2DAAA,EAA4D,aAAA,EAAY,oBAClF,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAR,cAAA,CAAC,OAAE,WAAA,EAAU,QAAA,EAAS,WAAU,SAAA,EAC7B,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA,EACzB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;;"}

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Play } from 'lucide-react';
 import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from './signal-formatting.es.js';
 import { timelineTickPositions, timelineDayLabels, snapshotTickLabel } from './snapshot-timeline-data.es.js';
-import { B as Button } from '../../Button-KUj0U-5I.js';
+import { B as Button } from '../../Button-B8nF87ai.js';
 const MARKER_TICK_CLASSES = {
   selected: "bg-accent1 border-accent1",
@@ -87,7 +87,6 @@ function SnapshotTimeline({
           onClick: () => onPlayingChange(!isPlaying),
           size: "sm",
           type: "button",
-          variant: "outline",
           icon: isPlaying ? /* @__PURE__ */ jsx(Pause, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Play, { "aria-hidden": "true" }),
           children: isPlaying ? "Pause" : "Play"
         }