@mastra/playground-ui 67.0.0 → 68.0.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"trace-intelligence-entity-index.cjs.js","names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","PermissionDenied","EmptyState","ListSearch","TraceIntelligenceExplainer","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","ButtonsGroup","Button","List","Columns2","useThemeEntities","useTraceIntelligence","useState","filterAndSortEntities","EntityIndexList","DataListSkeleton","EntityIndexCompactGrid","_Fragment","TraceSignalSettingsButton","TraceSignalSettingsPanel"],"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 } from 'react';\nimport 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 agents\"\n          placeholder=\"Filter by agent 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 agents\" 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\">Agent: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Agent: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup aria-label=\"Agents 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 agents\">\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 agents yet\"\n        descriptionSlot=\"Agents 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"],"mappings":"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"}
+{"version":3,"file":"trace-intelligence-entity-index.cjs.js","names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","PermissionDenied","EmptyState","ListSearch","TraceIntelligenceExplainer","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","ButtonsGroup","Button","List","Columns2","useThemeEntities","useTraceIntelligence","useState","filterAndSortEntities","EntityIndexList","DataListSkeleton","EntityIndexCompactGrid","_Fragment","TraceSignalSettingsButton","TraceSignalSettingsPanel"],"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 } from 'react';\nimport 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 agents\"\n          placeholder=\"Filter by agent 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 agents\" 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\">Agent: A–Z</SelectItem>\n            <SelectItem value=\"entity-desc\">Agent: Z–A</SelectItem>\n          </SelectContent>\n        </Select>\n        {headerAction}\n        <ButtonsGroup aria-label=\"Agents 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 agents\">\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 agents yet\"\n        descriptionSlot=\"Agents 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"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import { is401UnauthorizedError, is403ForbiddenError } from "../../../utils/errors.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
-import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../../../select-BbFpEBAY.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
+import { i as SelectItem, n as SelectContent, o as SelectTrigger, s as SelectValue, t as Select } from "../../../select-BdIZEdcy.js";
 import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
 import { PermissionDenied } from "../../../domains/auth/components/permission-denied.es.js";
 import { SessionExpired } from "../../../domains/auth/components/session-expired.es.js";
-import { ButtonsGroup } from "../../../components/ButtonsGroup.es.js";
-import { r as DataListSkeleton } from "../../../DataList-2tIlQsLc.js";
-import { t as ListSearch } from "../../../list-search-bg7WzULj.js";
+import { t as ButtonsGroup } from "../../../buttons-group-DkFlnMiL.js";
+import { r as DataListSkeleton } from "../../../DataList-CUhRQAv6.js";
+import { t as ListSearch } from "../../../list-search-CkhsTFdG.js";
 import { filterAndSortEntities } from "./entity-index-model.es.js";
 import { EntityIndexCompactGrid } from "./entity-index-compact-grid.es.js";
 import { EntityIndexList } from "./entity-index-list.es.js";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../Button-YQRflC47.cjs");
+const require_Button = require("../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,4 +1,4 @@
-import { t as Button } from "../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_tabs_tab = require("../../tabs-tab-Qp3RJ17z.cjs");
+const require_tabs_tab = require("../../tabs-tab-DGwfHVDr.cjs");
 const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
 const require_ee_signals_components_signals_empty_state = require("./components/signals-empty-state.cjs.js");
 const require_ee_signals_components_signals_overview_page = require("./components/signals-overview-page.cjs.js");

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

@@ -1,5 +1,5 @@
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { n as Tabs, r as TabList } from "../../tabs-tab-UT1JliwK.js";
+import { n as Tabs, r as TabList } from "../../tabs-tab-CYTZevdV.js";
 import { orderedSignals, signalLabel } from "./signal-formatting.es.js";
 import { PendingSignalProgress } from "./components/signals-empty-state.es.js";
 import { SignalsOverviewPage } from "./components/signals-overview-page.es.js";

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_input = require("../../../input-2hRXcZIu.cjs");
-const require_Dialog = require("../../../Dialog-CjaiCrkv.cjs");
-const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
+const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
 const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Form = require("../../../components/Form.cjs.js");
 const require_components_Textarea = require("../../../components/Textarea.cjs.js");

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

@@ -1,7 +1,7 @@
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as Input } from "../../../input-0l1uzOBZ.js";
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-CKtTR8h3.js";
-import { t as Notice } from "../../../Notice-CyKngbbv.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-DaWtxwd9.js";
+import { t as Notice } from "../../../Notice-C-8oOZZF.js";
 import { Field, FieldDescription, FieldError, FieldLabel } from "../../../components/Field.es.js";
 import { Form } from "../../../components/Form.es.js";
 import { Textarea } from "../../../components/Textarea.es.js";

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
-const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 const require_components_Switch = require("../../../components/Switch.cjs.js");
-const require_DataDetailsPanel = require("../../../DataDetailsPanel-DFhM9H5D.cjs");
+const require_DataDetailsPanel = require("../../../DataDetailsPanel-DiyjEXqK.cjs");
 const require_ee_signals_use_trace_intelligence = require("../use-trace-intelligence.cjs.js");
 const require_ee_signals_settings_signal_definition_form_dialog = require("./signal-definition-form-dialog.cjs.js");
 const require_ee_signals_settings_use_signal_management = require("./use-signal-management.cjs.js");

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

@@ -1,10 +1,10 @@
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as Badge } from "../../../Badge-aVu5iGAF.js";
-import { t as Notice } from "../../../Notice-CyKngbbv.js";
+import { t as Notice } from "../../../Notice-C-8oOZZF.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
 import { Switch } from "../../../components/Switch.es.js";
-import { t as DataDetailsPanel } from "../../../DataDetailsPanel-_CK0Huk6.js";
+import { t as DataDetailsPanel } from "../../../DataDetailsPanel-CohEKPm4.js";
 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";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../Button-YQRflC47.cjs");
+const require_Button = require("../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,4 +1,4 @@
-import { t as Button } from "../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RotateCcw, TriangleAlert, X } from "lucide-react";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../Button-YQRflC47.cjs");
+const require_Button = require("../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");
 const require_ee_signals_snapshot_timeline_data = require("./snapshot-timeline-data.cjs.js");

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

@@ -1,4 +1,4 @@
-import { t as Button } from "../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { formatSnapshotCutoff, formatSnapshotWindow, traceLabel } from "./signal-formatting.es.js";
 import { snapshotTickLabel, timelineDayLabels, timelineTickPositions } from "./snapshot-timeline-data.es.js";

package/dist/ee/signals/theme-filter-banner.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../Button-YQRflC47.cjs");
+const require_Button = require("../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_ee_signals_signal_colors = require("./signal-colors.cjs.js");
 const require_ee_signals_signal_formatting = require("./signal-formatting.cjs.js");

package/dist/ee/signals/theme-filter-banner.es.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { getSignalColor } from "./signal-colors.es.js";
 import { signalLabel } from "./signal-formatting.es.js";

package/dist/ee/signals/trace-insight-view.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("../../primitives/raised-surface.cjs.js");
-const require_Button = require("../../Button-YQRflC47.cjs");
+const require_Button = require("../../Button-DLcMcuUL.cjs");
 const require_primitives_text = require("../../primitives/text.cjs.js");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_icons_TraceIcon = require("../../icons/TraceIcon.cjs.js");

package/dist/ee/signals/trace-insight-view.es.js

@@ -1,6 +1,6 @@
 import { t as cn } from "../../utils-DQx8TpNT.js";
 import { raisedSurfaceStyle } from "../../primitives/raised-surface.es.js";
-import { t as Button } from "../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../Button-CLXTbAY8.js";
 import { textStyle } from "../../primitives/text.es.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { TraceIcon } from "../../icons/TraceIcon.es.js";

package/dist/ee/signals/view-mode-tab.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_icons_Icon = require("../../icons/Icon.cjs.js");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_tabs_tab = require("../../tabs-tab-Qp3RJ17z.cjs");
+const require_tabs_tab = require("../../tabs-tab-DGwfHVDr.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ee/signals/view-mode-tab.tsx
 function ViewModeTab({ value, icon, label }) {

package/dist/ee/signals/view-mode-tab.es.js

@@ -1,6 +1,6 @@
 import { Icon } from "../../icons/Icon.es.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { t as Tab } from "../../tabs-tab-UT1JliwK.js";
+import { t as Tab } from "../../tabs-tab-CYTZevdV.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ee/signals/view-mode-tab.tsx
 function ViewModeTab({ value, icon, label }) {

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_components_SearchInput = require("../../../components/SearchInput.cjs.js");
-const require_data_list = require("../../../data-list-BkimqE_P.cjs");
+const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
 const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
 const require_ee_topics_utils = require("../utils.cjs.js");
 let react = require("react");

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -1,6 +1,6 @@
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { SearchInput } from "../../../components/SearchInput.es.js";
-import { t as DataList } from "../../../data-list-evmf5xWI.js";
+import { t as DataList } from "../../../data-list-DHCOoLmj.js";
 import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
 import { getVisibleTraceSummaries } from "../utils.es.js";
 import { useMemo, useState } from "react";

package/dist/{filter-bar-chip-7O02P9Vk.js → filter-bar-chip-B4sV4gDm.js}

@@ -1,14 +1,16 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { FLOATING_POSITION_METHOD } from "./primitives/floating.es.js";
-import { controlHeight } from "./primitives/control-size.es.js";
+import { iconSizeClasses } from "./icons/icon-size-classes.es.js";
+import { controlIconOnly, controlIconState } from "./primitives/control-icon.es.js";
+import { controlHeight, controlSpacing } from "./primitives/control-size.es.js";
 import { inputSurfaceAndFocusWithinStyle } from "./primitives/form-element.es.js";
-import { t as Button } from "./Button-Bw1e3ONi.js";
+import { t as Button } from "./Button-CLXTbAY8.js";
 import "./primitives/menu-item.es.js";
 import { usePortalContainer } from "./primitives/portal-container.es.js";
 import { passwordManagerOptOutProps } from "./primitives/password-manager-autofill.es.js";
 import { Kbd } from "./components/Kbd.es.js";
 import { t as Spinner } from "./spinner-CnLgLj9R.js";
-import { S as comboboxStyles } from "./combobox-parts-W7KRQUsV.js";
+import { S as comboboxStyles } from "./combobox-parts-C1CugUAU.js";
 import { ComboboxPrimitive } from "./components/Combobox.es.js";
 import { n as parseFieldValue, t as isFilterBarGroup } from "./types-DiiL5mTO.js";
 import { useIsApplePlatform } from "./hooks/use-keyboard-shortcut-label.es.js";
@@ -654,7 +656,7 @@ function FilterBarOptionList({ getKey, renderOption, isSelected, isLoading, erro
 						"data-selected": selected || void 0,
 						className: cn(comboboxStyles.item, "min-w-0"),
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "flex min-w-0 flex-1 items-center gap-1.5 truncate",
+							className: cn("flex min-w-0 flex-1 items-center gap-1.5 truncate", iconSizeClasses.md, "[&>svg]:shrink-0"),
 							children: renderOption(option)
 						}), /* @__PURE__ */ jsx("span", {
 							className: comboboxStyles.itemRightSlot,
@@ -681,6 +683,60 @@ function matchesQuery(text, query) {
 function matchesQueryFilter(item, query, itemToString) {
 	return matchesQuery(itemToString ? itemToString(item) : String(item), query);
 }
+// src/ds/components/FilterBar/use-filter-bar-item-keys.ts
+function isOutside(root, target) {
+	return !(target instanceof Node && root?.contains(target));
+}
+/**
+* An item's place in the bar's keyboard order, shared by every control the bar renders for an
+* item (a chip, the time range): registers whether the input's Backspace may remove it, and moves
+* focus with the arrows across the item's segments and on to its neighbours. Put `onKeyDown` on
+* the element `rootRef` points at.
+*/
+function useFilterBarItemKeys({ item, rootRef, pinned, removable, inert = false, segmentSelector = "[data-filter-bar-segment]" }) {
+	const ctx = useFilterBarContext();
+	const index = ctx.items.findIndex((i) => i.id === item.id);
+	const { registerNonRemovable } = ctx;
+	useEffect(() => {
+		registerNonRemovable(item.id, pinned);
+		return () => registerNonRemovable(item.id, false);
+	}, [
+		registerNonRemovable,
+		item.id,
+		pinned
+	]);
+	const onKeyDown = (event) => {
+		if (inert || isOutside(rootRef.current, event.target)) return;
+		const segments = Array.from(rootRef.current?.querySelectorAll(segmentSelector) ?? []);
+		const current = segments.findIndex((el) => el === event.target);
+		switch (event.key) {
+			case "ArrowRight": {
+				event.preventDefault();
+				const next = segments[current + 1];
+				if (next) next.focus();
+				else if (!ctx.focusChip(index + 1, 1, "field")) ctx.focusInput();
+				return;
+			}
+			case "ArrowLeft": {
+				event.preventDefault();
+				const prev = segments[current - 1];
+				if (prev) prev.focus();
+				else ctx.focusChip(index - 1, -1, "remove");
+				return;
+			}
+			case "Delete":
+			case "Backspace":
+				if (!removable) return;
+				event.preventDefault();
+				ctx.removeItem(item.id);
+				ctx.focusAfterRemove(index);
+		}
+	};
+	return {
+		index,
+		onKeyDown
+	};
+}
 // src/ds/components/FilterBar/use-value-suggestions.ts
 var DEBOUNCE_MS = 150;
 var BOOLEAN_OPTIONS = [{
@@ -890,27 +946,27 @@ function unlistedSelection(selected, options, hasSuggestions, query) {
 	const isShown = (value) => !hasSuggestions || matchesQuery(value, query);
 	return selected.filter((value) => !listed.has(value) && isShown(value)).map((value) => ({ value }));
 }
-// src/ds/components/FilterBar/filter-bar-chip.tsx
-var segmentClass = cn("filter-bar-segment flex max-w-48 min-w-0 items-center gap-1 overflow-hidden px-2 text-label whitespace-nowrap outline-none");
+var segmentClass = cn("filter-bar-segment flex max-w-48 min-w-0 items-center gap-(--control-gap) overflow-hidden px-2 text-label whitespace-nowrap outline-none", iconSizeClasses["sm"], "[&>svg]:shrink-0");
 var alwaysHighlightProps = {
 	autoHighlight: "always",
 	keepHighlight: true
 };
-var chipClass = cn("filter-bar-chip relative flex max-w-full items-stretch divide-x divide-border overflow-hidden rounded-full py-px", inputSurfaceAndFocusWithinStyle, controlHeight["sm"]);
-var editableSegmentClass = cn(segmentClass, "cursor-pointer hover:bg-fill-subtle hover:text-foreground", "focus-visible:bg-fill-hover focus-visible:text-foreground data-[popup-open]:bg-fill-hover data-[popup-open]:text-foreground");
+var chipClass = cn("filter-bar-chip relative flex max-w-full items-stretch divide-x divide-border overflow-hidden rounded-full p-px [--control-border:1px]", inputSurfaceAndFocusWithinStyle, controlHeight["sm"], controlSpacing["sm"]);
+var editableSegmentClass = cn(segmentClass, controlIconState, "cursor-pointer hover:bg-fill-subtle hover:text-foreground", "focus-visible:bg-fill-hover focus-visible:text-foreground data-[popup-open]:bg-fill-hover data-[popup-open]:text-foreground");
 /** Field label with its optional leading icon — used by chips, the draft chip and field option lists. */
 function FilterBarFieldLabel({ field, label }) {
 	const Icon = field?.icon;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [Icon && /* @__PURE__ */ jsx(Icon, {
-		className: "size-[1.1em] shrink-0",
-		"aria-hidden": true
-	}), /* @__PURE__ */ jsx("span", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [Icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }), /* @__PURE__ */ jsx("span", {
 		className: "truncate",
 		children: label ?? field?.label
 	})] });
 }
-/** Inline style carrying a field's accent onto its field segment (text + icon). */
-var fieldSegmentAccentStyle = (field) => field?.color ? { color: field.color } : void 0;
+/** Inline style carrying a field's accent onto its field segment: text and icon, at rest and on hover. */
+var fieldSegmentAccentStyle = (field) => field?.color ? {
+	color: field.color,
+	"--control-icon-rest": field.color,
+	"--control-icon-hover": field.color
+} : void 0;
 /** Segments a chip already showed before its latest step, given how far its draft had got. */
 var settledSegments = (from, operatorImplied) => {
 	if (from === "none") return 0;
@@ -933,28 +989,22 @@ var useChip = () => {
 	if (!chip) throw new Error("FilterBarChip segments must be rendered inside <FilterBarChip>.");
 	return chip;
 };
-function isInsidePopup(target) {
-	return target instanceof Element && Boolean(target.closest("[data-slot=\"filter-bar-editor\"]"));
-}
 function FilterBarChip({ item, readOnly = false, removable = true, draft = false, className, children }) {
 	const ctx = useFilterBarContext();
 	const [initial] = useState(() => !ctx.mounted);
 	const [openSegment, setOpenSegment] = useState(null);
 	const field = ctx.getField(item.fieldId);
 	const operator = (field && ctx.getFieldOperators(field).find((o) => o.id === item.operatorId)) ?? ctx.getOperator(item.operatorId);
-	const index = ctx.items.findIndex((i) => i.id === item.id);
 	const rootRef = useRef(null);
 	const leaving = ctx.leaving.has(item.id);
-	const pinned = !draft && (readOnly || !removable);
-	const { registerNonRemovable, settleRemove } = ctx;
-	useEffect(() => {
-		registerNonRemovable(item.id, pinned);
-		return () => registerNonRemovable(item.id, false);
-	}, [
-		registerNonRemovable,
-		item.id,
-		pinned
-	]);
+	const { index, onKeyDown } = useFilterBarItemKeys({
+		item,
+		rootRef,
+		pinned: !draft && (readOnly || !removable),
+		removable,
+		inert: readOnly || draft || leaving
+	});
+	const { settleRemove } = ctx;
 	useEffect(() => {
 		const root = rootRef.current;
 		if (!leaving || !root) return;
@@ -984,41 +1034,6 @@ function FilterBarChip({ item, readOnly = false, removable = true, draft = false
 	const commit = !draft && ctx.lastCommit?.item.id === item.id ? ctx.lastCommit : null;
 	const settled = settledSegments(draft ? ctx.draft?.from ?? "none" : commit?.from ?? "none", operatorImplied);
 	const shine = commit?.glint ?? false;
-	const handleKeyDown = useCallback((event) => {
-		if (readOnly || draft || leaving || isInsidePopup(event.target)) return;
-		const segments = Array.from(rootRef.current?.querySelectorAll("[data-filter-bar-segment]") ?? []);
-		const current = segments.findIndex((el) => el === event.target);
-		switch (event.key) {
-			case "ArrowRight": {
-				event.preventDefault();
-				const next = segments[current + 1];
-				if (next) next.focus();
-				else if (!ctx.focusChip(index + 1, 1, "field")) ctx.focusInput();
-				return;
-			}
-			case "ArrowLeft": {
-				event.preventDefault();
-				const prev = segments[current - 1];
-				if (prev) prev.focus();
-				else ctx.focusChip(index - 1, -1, "remove");
-				return;
-			}
-			case "Delete":
-			case "Backspace":
-				if (!removable) return;
-				event.preventDefault();
-				ctx.removeItem(item.id);
-				ctx.focusAfterRemove(index);
-		}
-	}, [
-		readOnly,
-		draft,
-		leaving,
-		removable,
-		ctx,
-		index,
-		item.id
-	]);
 	const chipValue = useMemo(() => ({
 		item,
 		index,
@@ -1065,7 +1080,7 @@ function FilterBarChip({ item, readOnly = false, removable = true, draft = false
 				"--filter-bar-segments-settled": settled,
 				"--filter-bar-chip-shine": field?.color ?? "currentColor"
 			},
-			onKeyDown: handleKeyDown,
+			onKeyDown,
 			onClick: (event) => event.stopPropagation(),
 			onAnimationEnd: (event) => {
 				if (event.animationName === "filter-bar-chip-shine") ctx.settleCommit();
@@ -1073,7 +1088,7 @@ function FilterBarChip({ item, readOnly = false, removable = true, draft = false
 			children: [readOnly && /* @__PURE__ */ jsx("span", {
 				className: cn(segmentClass, "pr-0 text-muted-foreground [--filter-bar-segment-padding:0.5rem_0]"),
 				title: "This filter is locked",
-				children: /* @__PURE__ */ jsx(LockIcon, { className: "size-[1.1em]" })
+				children: /* @__PURE__ */ jsx(LockIcon, {})
 			}), content]
 		})
 	});
@@ -1370,15 +1385,15 @@ function FilterBarChipValue() {
 	if (chip.draft || (chip.operator?.arity ?? "one") === "none") return null;
 	return /* @__PURE__ */ jsx(ValueEditor, {});
 }
-/** The trailing × segment of a chip. */
-var removeSegmentClass = cn(editableSegmentClass, "px-1.5 text-muted-foreground [--filter-bar-segment-padding:0.375rem]");
+/** The trailing × segment of a chip: its own cell, so it keeps an even inset instead of the pill's outer one. */
+var removeSegmentClass = cn(editableSegmentClass, controlIconOnly, "filter-bar-segment-remove px-1.5 text-muted-foreground [--filter-bar-segment-padding:0.375rem]");
 function FilterBarChipRemove() {
 	const ctx = useFilterBarContext();
 	const chip = useChip();
 	if (chip.readOnly || chip.draft) return null;
 	if (chip.leaving) return /* @__PURE__ */ jsx("span", {
 		className: removeSegmentClass,
-		children: /* @__PURE__ */ jsx(XIcon, { className: "size-[1.1em]" })
+		children: /* @__PURE__ */ jsx(XIcon, {})
 	});
 	const label = `Remove ${chip.field?.label ?? chip.item.fieldId} filter`;
 	return /* @__PURE__ */ jsx("button", {
@@ -1393,13 +1408,13 @@ function FilterBarChipRemove() {
 			ctx.removeItem(chip.item.id);
 			ctx.focusAfterRemove(chip.index);
 		},
-		children: /* @__PURE__ */ jsx(XIcon, { className: "size-[1.1em]" })
+		children: /* @__PURE__ */ jsx(XIcon, {})
 	});
 }
 FilterBarChip.Field = FilterBarChipField;
 FilterBarChip.Operator = FilterBarChipOperator;
 FilterBarChip.Value = FilterBarChipValue;
 FilterBarChip.Remove = FilterBarChipRemove;
-export { findGroup as S, FilterBarOptionList as _, FilterBarChipValue as a, useFilterBarContext as b, chipClass as c, formatValue as d, removeSegmentClass as f, FilterBarOptionLabel as g, matchesQueryFilter as h, FilterBarChipRemove as i, editableSegmentClass as l, useValueStep as m, FilterBarChipField as n, FilterBarFieldLabel as o, segmentClass as p, FilterBarChipOperator as r, alwaysHighlightProps as s, FilterBarChip as t, fieldSegmentAccentStyle as u, FILTER_BAR_SCOPE_ATTR as v, countLeaves as x, FilterBarProvider as y };
+export { FILTER_BAR_SCOPE_ATTR as _, FilterBarChipValue as a, countLeaves as b, chipClass as c, removeSegmentClass as d, useValueStep as f, FilterBarOptionList as g, FilterBarOptionLabel as h, FilterBarChipRemove as i, editableSegmentClass as l, matchesQueryFilter as m, FilterBarChipField as n, FilterBarFieldLabel as o, useFilterBarItemKeys as p, FilterBarChipOperator as r, alwaysHighlightProps as s, FilterBarChip as t, formatValue as u, FilterBarProvider as v, findGroup as x, useFilterBarContext as y };
 
-//# sourceMappingURL=filter-bar-chip-7O02P9Vk.js.map
+//# sourceMappingURL=filter-bar-chip-B4sV4gDm.js.map