@mastra/playground-ui 68.0.0-alpha.0 → 68.0.0-alpha.2

package/dist/domains/logs/components/log-data-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"log-data-panel.cjs.js","names":["formatTimestampPrecise","DataPanel","_Fragment","DataKeysAndValues","Fragment","ButtonsGroup","Button","ArrowRightIcon","Txt","CopyButton"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"log-data-panel.cjs.js","names":["formatTimestampPrecise","DataPanel","_Fragment","DataKeysAndValues","Fragment","ButtonsGroup","Button","ArrowRightIcon","Txt","CopyButton"],"sources":["../../../../src/domains/logs/components/log-data-panel.tsx"],"sourcesContent":["import { ArrowRightIcon } from 'lucide-react';\nimport { Fragment } from 'react';\nimport type { LogRecord } from '../types';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nexport interface LogDataPanelProps {\n  /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n  log?: LogRecord;\n  onClose: () => void;\n  onTraceClick?: (traceId: string) => void;\n  onSpanClick?: (traceId: string, spanId: string) => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  depth?: 1 | 2 | 3;\n}\n\nexport function LogDataPanel({\n  log,\n  onClose,\n  onTraceClick,\n  onSpanClick,\n  onPrevious,\n  onNext,\n  depth,\n}: LogDataPanelProps) {\n  const formattedDate = log ? (formatTimestampPrecise(log.timestamp) ?? '') : '';\n\n  return (\n    <DataPanel open={!!log} onClose={onClose} title={log ? `Log ${formattedDate}` : 'Log'} depth={depth}>\n      {log && (\n        <>\n          <DataPanel.Header>\n            <DataPanel.CloseButton onClick={onClose} />\n            <DataPanel.Heading>Log · {formattedDate}</DataPanel.Heading>\n            <DataPanel.HeaderActions>\n              <DataPanel.NextPrevNav\n                onPrevious={onPrevious}\n                onNext={onNext}\n                previousLabel=\"Go to previous log\"\n                nextLabel=\"Go to next log\"\n              />\n            </DataPanel.HeaderActions>\n          </DataPanel.Header>\n\n          <DataPanel.Content>\n            <div className=\"grid gap-6 p-2\">\n              <DataKeysAndValues>\n                {log.entityType && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Type</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityType}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.entityName && (\n                  <>\n                    <DataKeysAndValues.Key>Entity Name</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.entityName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.serviceName && (\n                  <>\n                    <DataKeysAndValues.Key>Service</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.serviceName}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.environment && (\n                  <>\n                    <DataKeysAndValues.Key>Environment</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.environment}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.source && (\n                  <>\n                    <DataKeysAndValues.Key>Source</DataKeysAndValues.Key>\n                    <DataKeysAndValues.Value>{log.source}</DataKeysAndValues.Value>\n                  </>\n                )}\n                {log.metadata &&\n                  Object.entries(log.metadata).map(([key, value]) => (\n                    <Fragment key={key}>\n                      <DataKeysAndValues.Key>{key}</DataKeysAndValues.Key>\n                      <DataKeysAndValues.Value>{String(value)}</DataKeysAndValues.Value>\n                    </Fragment>\n                  ))}\n              </DataKeysAndValues>\n\n              <DataPanel.CodeSection title=\"Message\" codeStr={log.message} simplified />\n\n              {(log.traceId || log.spanId) && (\n                <div className=\"grid gap-2\">\n                  {log.traceId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        icon={<ArrowRightIcon />}\n                        onClick={() => log.traceId && onTraceClick?.(log.traceId)}\n                      >\n                        <span>Trace</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.traceId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.traceId} tooltip=\"Copy trace ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                  {log.spanId && (\n                    <ButtonsGroup className=\"w-full min-w-0\">\n                      <Button\n                        className=\"min-w-0 flex-1 justify-between overflow-hidden\"\n                        disabled={!log.traceId || !onSpanClick}\n                        onClick={() => log.traceId && log.spanId && onSpanClick?.(log.traceId, log.spanId)}\n                        icon={<ArrowRightIcon />}\n                      >\n                        <span>Span</span>\n                        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"ml-auto min-w-0 truncate\">\n                          # {log.spanId}\n                        </Txt>\n                      </Button>\n                      <CopyButton content={log.spanId} tooltip=\"Copy span ID to clipboard\" />\n                    </ButtonsGroup>\n                  )}\n                </div>\n              )}\n\n              {log.data && Object.keys(log.data).length > 0 && (\n                <DataPanel.CodeSection title=\"Data\" codeStr={JSON.stringify(log.data, null, 2)} />\n              )}\n            </div>\n          </DataPanel.Content>\n        </>\n      )}\n    </DataPanel>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/logs/components/log-data-panel.es.js

@@ -1,9 +1,9 @@
 import { formatTimestampPrecise } from "../../../utils/date-format.es.js";
-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 CopyButton } from "../../../copy-button-CF-X4iDj.js";
-import { ButtonsGroup } from "../../../components/ButtonsGroup.es.js";
-import { t as DataPanel } from "../../../DataPanel-CY1W5LHJ.js";
+import { t as CopyButton } from "../../../copy-button-BXrbevLn.js";
+import { t as ButtonsGroup } from "../../../buttons-group-DkFlnMiL.js";
+import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
 import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/logs/components/logs-list-view.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_DataList = require("../../../DataList-Czwmwyvp.cjs");
+const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
 const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
-const require_LogsDataList = require("../../../LogsDataList-DMmxAt_t.cjs");
+const require_LogsDataList = require("../../../LogsDataList-CCIfUPGo.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");

package/dist/domains/logs/components/logs-list-view.es.js

@@ -1,6 +1,6 @@
-import { r as DataListSkeleton } from "../../../DataList-2tIlQsLc.js";
+import { r as DataListSkeleton } from "../../../DataList-CUhRQAv6.js";
 import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
-import { t as LogsDataList } from "../../../LogsDataList-Cslabh8K.js";
+import { t as LogsDataList } from "../../../LogsDataList-BI2C5OJz.js";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";

package/dist/domains/logs/components/logs-saved-views.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../observability-saved-views-BNU3GkK6.cjs");
+const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */

package/dist/domains/logs/components/logs-saved-views.es.js

@@ -1,4 +1,4 @@
-import { t as ObservabilitySavedViews } from "../../../observability-saved-views-Zlz74syw.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */

package/dist/domains/logs/components/logs-toolbar.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_property_filter_applied = require("../../../property-filter-applied-DqsPFbYM.cjs");
+const require_property_filter_applied = require("../../../property-filter-applied-BkkIObRq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/logs/components/logs-toolbar.tsx
 function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId }) {

package/dist/domains/logs/components/logs-toolbar.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { r as PropertyFilterActions, t as PropertyFilterApplied } from "../../../property-filter-applied-DRglaEj-.js";
+import { r as PropertyFilterActions, t as PropertyFilterApplied } from "../../../property-filter-applied--U5EZdaA.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/logs/components/logs-toolbar.tsx
 function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId }) {

package/dist/domains/logs/components/no-logs-info.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/logs/components/no-logs-info.es.js

@@ -1,5 +1,5 @@
 import { formatDate } from "../../../utils/date-format.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
 import { jsx } from "react/jsx-runtime";
 import { ExternalLinkIcon } from "lucide-react";

package/dist/domains/logs/hooks/use-logs-filter-persistence.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_toast_api = require("../../../toast-api-Bv87KHu_.cjs");
+const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
 const require_domains_logs_log_filters = require("../log-filters.cjs.js");
 let react = require("react");
 // src/domains/logs/hooks/use-logs-filter-persistence.tsx

package/dist/domains/logs/hooks/use-logs-filter-persistence.es.js

@@ -1,4 +1,4 @@
-import { t as toast } from "../../../toast-api-WhxnAT9F.js";
+import { t as toast } from "../../../toast-api-D_rrRhNG.js";
 import { clearSavedLogsFilters, hasAnyLogsFilterParams, loadLogsFiltersFromStorage, saveLogsFiltersToStorage } from "../log-filters.es.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 // src/domains/logs/hooks/use-logs-filter-persistence.tsx

package/dist/domains/memory/components/flame-graph.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 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_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_domains_memory_lib_timeline = require("../lib/timeline.cjs.js");
 const require_domains_memory_components_flame_graph_data = require("./flame-graph-data.cjs.js");

package/dist/domains/memory/components/flame-graph.es.js

@@ -1,6 +1,6 @@
 import { formatDate } from "../../../utils/date-format.es.js";
 import { overlaySurfaceStyle } from "../../../primitives/raised-surface.es.js";
-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 { tToTimestamp } from "../lib/timeline.es.js";
 import { getAreaRowYMax, isEventPoint, toActiveObservationData, toBufferedObservationData, toCombinedRowData, toContextData, toEventData, toMessageData, toSelectedT } from "./flame-graph-data.es.js";

package/dist/domains/memory/components/memory-studio-panel.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_icons_MemoryIcon = require("../../../icons/MemoryIcon.cjs.js");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");

package/dist/domains/memory/components/memory-studio-panel.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 { MemoryIcon } from "../../../icons/MemoryIcon.es.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";

package/dist/domains/metrics/components/breakdown/breakdown-table.cjs.js

@@ -9,7 +9,7 @@ const require_domains_metrics_components_breakdown_breakdown_change_description
 const require_domains_metrics_components_breakdown_breakdown_figure = require("./breakdown-figure.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_text = require("./breakdown-text.cjs.js");
 const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
-const require_MetricsTable = require("../../../../MetricsTable-D-aZf3dk.cjs");
+const require_MetricsTable = require("../../../../MetricsTable-BSl81oNe.cjs");
 const require_domains_metrics_components_breakdown_breakdown_change_cell = require("./breakdown-change-cell.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_cost_cell = require("./breakdown-cost-cell.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
@@ -17,7 +17,7 @@ const require_domains_metrics_components_breakdown_breakdown_row_name = require(
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-table.tsx
-var PAGE_SIZE = 13;
+var PAGE_SIZE = 10;
 /** Busiest first; where a third click on a column's header returns to. */
 var DEFAULT_SORT = {
 	column: "count",

package/dist/domains/metrics/components/breakdown/breakdown-table.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakdown-table.cjs.js","names":["useMetricsScope","useState","isChangeMetric","BreakdownFrame","ChartCardError","hasErrors","showsProject","buildBreakdownRows","threadResources","previousFigures","tableRows","volumeLabel","rowChange","BreakdownRowName","BreakdownText","BreakdownFigure","formatPercent","formatDuration","formatCount","BreakdownCostCell","countDescription","BreakdownChangeDescription","comparedLabel","BreakdownChangeCell","ChartArea","MetricsTable","drilldownFor","Txt"],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 13;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkCA,IAAM,YAAY;;AAGlB,IAAM,eAAiC;CAAE,QAAQ;CAAS,WAAW;AAAO;;AAG5E,IAAM,cAA4C;CAChD,UAAU;CACV,QAAQ;CACR,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,cAAc;AAChB;AAEA,IAAM,QAAsC;CAC1C,UAAU;CACV,QAAQ;CACR,WAAW;CACX,OAAO;CACP,QAAQ;CACR,SAAS;CACT,cAAc;AAChB;;AAqBA,SAAgB,eAAe,EAC7B,KACA,SACA,QACA,WACA,QACA,OACA,WACA,mBACA,eACA,eACA,OACA,GAAG,SACmB;CACtB,MAAM,QAAQA,gDAAAA,gBAAgB;CAC9B,MAAM,CAAC,MAAM,YAAA,GAAWC,MAAAA,SAAAA,CAA2B,YAAY;CAC/D,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAuB,OAAO;CAC1D,MAAM,gBAAgB,OAAO,iBAAiB;EAC5C,QAAQ,IAAI;EACZ,IAAIC,4CAAAA,eAAe,KAAK,MAAM,GAAG,UAAU,KAAK,MAAM;CACxD;CAEA,MAAM,UAAU;EAAC;EAAW;EAAQ;CAAK,CAAC,CAAC,QAAO,MAAK,MAAM,KAAA,CAAS;CACtE,IAAI,QAAQ,MAAK,MAAK,EAAE,OAAO,GAC7B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6DAAAA,gBAAD;EAAgB,GAAI;EAAY;EAC9B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD,EAAgB,eAAe,QAAQ,SAAQ,MAAK,EAAE,WAAW,KAAK,EAAE,QAAQ,CAAC,EAAI,CAAA;CACvE,CAAA;CAIpB,MAAM,YAAY,QAAQ,MAAK,MAAK,EAAE,SAAS;CAC/C,MAAM,SAASC,sCAAAA,UAAU,GAAG;CAC5B,MAAM,QAAQ,WAAW,KAAA;CACzB,MAAM,UAAUC,4CAAAA,aAAa,KAAK,MAAM,SAAS;CACjD,MAAM,YAAY,WAAW,MAAM,cAAc;CACjD,MAAM,QAAQ,YACV,CAAC,IACDC,sCAAAA,mBAAmB;EACjB;EACA;EACA,eAAe,WAAW,MAAM;EAChC,aAAa,QAAQ,MAAM;EAC3B,YAAY,OAAO,MAAM;EAEzB,WAAW,WAAW,OAAOC,sCAAAA,gBAAgB,UAAU,KAAK,IAAI,IAAI,KAAA;CACtE,CAAC;CAKL,MAAM,WAHkB;EAAC;EAAmB;EAAe;CAAa,CAAC,CAAC,OACxE,MAAK,CAAC,KAAM,CAAC,EAAE,aAAa,CAAC,EAAE,OAG/B,KAAmB,CAAC,YAChBC,sCAAAA,gBAAgB;EACd;EACA;EACA,eAAe,mBAAmB,MAAM;EACxC,aAAa,eAAe,MAAM;EAClC,YAAY,eAAe,MAAM;CACnC,CAAC,IACD,KAAA;CACN,MAAM,OAAOC,4CAAAA,UAAU;EAAE;EAAK;EAAO;EAAU;EAAW;EAAS;CAAM,CAAC;CAC1E,MAAM,SAASC,4CAAAA,YAAY,GAAG;CAE9B,MAAM,YAAY,QAAuB,WAAWC,sCAAAA,UAAU,KAAK,SAAS,IAAI,IAAI,GAAG,GAAG,MAAM,IAAI,KAAA;CACpG,MAAM,eAAe,QAAsB;EACzC,IAAI,CAAC,IAAI,WAAW,OAAA;EACpB,OAAO,MAAM,eAAe,IAAI,SAAS,KAAK,IAAI;CACpD;CAEA,MAAM,aAA+C;EACnD,IAAI;EACJ,QAAQ,YAAY;EACpB,OAAO;EACP,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gEAAAA,kBAAD;GAAuB;GAAU;EAAM,CAAA;CACtD;CACA,MAAM,gBAAkD;EACtD,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,eAAD,EAAe,MAAM,YAAY,GAAG,EAAI,CAAA;CACvD;CACA,MAAM,iBAAmD;EACvD,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,4DAAAA,eAAD,EAAe,MAAM,IAAI,YAAA,IAAmB,CAAA;CAC3D;CACA,MAAM,eAAmD,CACvD;EACE,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,YAAW,QAAO,IAAI;EACtB,OAAM,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,8DAAAA,iBAAD;GAAiB,OAAA;GAAO,UAAA,IAAI,cAAc,KAAA,IAAA,MAAmBC,yCAAAA,cAAc,IAAI,SAAS;EAAmB,CAAA;CAE/G,GACA;EACE,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,YAAW,QAAO,IAAI;EACtB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACD,8DAAAA,iBAAD;GAAiB,OAAA;GAAO,UAAA,IAAI,QAAQ,KAAA,IAAA,MAAmBE,yCAAAA,eAAe,IAAI,GAAG;EAAmB,CAAA;CAC/G,CACF;CACA,MAAM,eAAmD,CACvD;EACE,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,YAAW,QAAO,IAAI;EACtB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,8DAAAA,iBAAD;GAAiB,OAAA;GAAO,UAAA,IAAI,WAAW,KAAA,IAAA,MAAmBG,yCAAAA,YAAY,IAAI,MAAM;EAAmB,CAAA;CAClH,GACA;EACE,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,YAAW,QAAO,IAAI;EACtB,OAAM,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAACH,8DAAAA,iBAAD;GAAiB,OAAA;GACf,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,iEAAAA,mBAAD,EAAwB,IAAM,CAAA;EACf,CAAA;CAErB,CACF;CACA,MAAM,cAAgD;EACpD,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,aAAaC,4CAAAA,iBAAiB,GAAG;EACjC,YAAW,QAAO,IAAI;EACtB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACL,8DAAAA,iBAAD,EAAA,UAAkBG,yCAAAA,YAAY,IAAI,KAAK,EAAmB,CAAA;CACzE;CACA,MAAM,eAAiD;EACrD,IAAI;EACJ,QAAQ;EACR,OAAO;EACP,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACG,0EAAAA,4BAAD;GAAoC;GAAQ,OAAOC,4CAAAA,cAAc,KAAK,MAAM;EAAI,CAAA;EAG7F,YAAW,QAAO,SAAS,GAAG,CAAC,EAAE;EACjC,OAAM,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAACP,8DAAAA,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACQ,mEAAAA,qBAAD;GAAqB,QAAQ,SAAS,GAAG;GAAW;EAAS,CAAA,EAC9C,CAAA;CAErB;CACA,MAAM,UAAU;EACd;EACA,GAAI,UAAU,CAAC,aAAa,IAAI,CAAC;EACjC,GAAI,QAAQ,YAAY,CAAC,cAAc,IAAI,CAAC;EAC5C,GAAI,SAAS,eAAe,CAAC;EAC7B,GAAI,QAAQ,eAAe,CAAC;EAC5B;EACA;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACpB,6DAAAA,gBAAD;EAAgB,GAAI;EAAY;EAAK,YAAY,WAAW;EAC1D,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACqB,8CAAAA,WAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;GAEE,cAAY,GAAG,YAAY,KAAK;GACvB;GACH;GACN,YAAW,QAAO,IAAI;GAChB;GACN,aAAa;GACC;GACd,YAAY,MAAM,gBAAe,QAAO,MAAM,aAAaC,4CAAAA,aAAa,KAAK,GAAG,CAAC;GACjF,UAAU;GACC;GACX,OAAO,MAAM;EACd,GAZM,GAYN,GACA,CAAC,aAAa,aACb,iBAAA,GAAA,kBAAA,KAAA,CAACC,YAAAA,KAAD;GAAK,SAAQ;GAAU,MAAK;GAAQ,WAAU;GAA9C,UAAA;IAAqD;IACtCT,yCAAAA,YAAY,KAAK;IAAE;GAC7B;EAEE,CAAA,CAAA,EAAA,CAAA;CACG,CAAA;AAEpB"}
+{"version":3,"file":"breakdown-table.cjs.js","names":["useMetricsScope","useState","isChangeMetric","BreakdownFrame","ChartCardError","hasErrors","showsProject","buildBreakdownRows","threadResources","previousFigures","tableRows","volumeLabel","rowChange","BreakdownRowName","BreakdownText","BreakdownFigure","formatPercent","formatDuration","formatCount","BreakdownCostCell","countDescription","BreakdownChangeDescription","comparedLabel","BreakdownChangeCell","ChartArea","MetricsTable","drilldownFor","Txt"],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 10;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/metrics/components/breakdown/breakdown-table.es.js

@@ -8,7 +8,7 @@ import { BreakdownChangeDescription } from "./breakdown-change-description.es.js
 import { BreakdownFigure } from "./breakdown-figure.es.js";
 import { BreakdownText } from "./breakdown-text.es.js";
 import { useMetricsScope } from "../../hooks/use-metrics-scope.es.js";
-import { t as MetricsTable } from "../../../../MetricsTable-CRPeLHe1.js";
+import { t as MetricsTable } from "../../../../MetricsTable-DID6LRoP.js";
 import { BreakdownChangeCell } from "./breakdown-change-cell.es.js";
 import { BreakdownCostCell } from "./breakdown-cost-cell.es.js";
 import { BreakdownFrame } from "./breakdown-frame.es.js";
@@ -16,7 +16,7 @@ import { BreakdownRowName } from "./breakdown-row-name.es.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-table.tsx
-var PAGE_SIZE = 13;
+var PAGE_SIZE = 10;
 /** Busiest first; where a third click on a column's header returns to. */
 var DEFAULT_SORT = {
 	column: "count",

package/dist/domains/metrics/components/breakdown/breakdown-table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakdown-table.es.js","names":[],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 13;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"breakdown-table.es.js","names":[],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 10;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/metrics/components/card-action-buttons.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_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/metrics/components/card-action-buttons.es.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { TraceIcon } from "../../../icons/TraceIcon.es.js";
 import { jsx } from "react/jsx-runtime";
 import { ListTreeIcon, LogsIcon, MessagesSquareIcon } from "lucide-react";

package/dist/domains/metrics/components/chart-card-error.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_domains_auth_components_permission_denied = require("../../auth/components/permission-denied.cjs.js");
 const require_domains_auth_components_session_expired = require("../../auth/components/session-expired.cjs.js");
 const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");

package/dist/domains/metrics/components/chart-card-error.es.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { PermissionDenied } from "../../auth/components/permission-denied.es.js";
 import { SessionExpired } from "../../auth/components/session-expired.es.js";
 import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";

package/dist/domains/metrics/components/date-range-selector.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics = require("../hooks/use-metrics.cjs.js");
-const require_DateTimeRangePicker = require("../../../DateTimeRangePicker-HmPOHwAQ.cjs");
+const require_date_time_range_picker = require("../../../date-time-range-picker-CTt7Od0P.cjs");
 const require_domains_metrics_metrics_date_presets = require("../metrics-date-presets.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -12,7 +12,7 @@ function DateRangeSelector() {
 	presetRef.current = datePreset;
 	const customRangeRef = (0, react.useRef)(customRange);
 	customRangeRef.current = customRange;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DateTimeRangePicker.DateTimeRangePicker, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_date_time_range_picker.DateTimeRangePicker, {
 		preset: require_domains_metrics_metrics_date_presets.toPickerPreset(datePreset),
 		onPresetChange: (next) => {
 			const mapped = require_domains_metrics_metrics_date_presets.fromPickerPreset(next);

package/dist/domains/metrics/components/date-range-selector.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-selector.cjs.js","names":["useMetrics","useRef","DateTimeRangePicker","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmBA,0CAAAA,WAAW;CAM9E,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAAO,UAAU;CACnC,UAAU,UAAU;CACpB,MAAM,kBAAA,GAAiBA,MAAAA,OAAAA,CAAO,WAAW;CACzC,eAAe,UAAU;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,qBAAD;EACE,QAAQC,6CAAAA,eAAe,UAAU;EACjC,iBAAgB,SAAQ;GACtB,MAAM,SAASC,6CAAAA,iBAAiB,IAAI;GACpC,UAAU,UAAU;GACpB,cAAc,MAAM;EACtB;EACA,UAAU,aAAa;EACvB,QAAQ,aAAa;EACrB,eAAe,OAAO,SAAS;GAC7B,IAAI,UAAU,YAAY,UAAU;GACpC,MAAM,OAAO;IAAE,GAAG,eAAe;KAAU,OAAO;GAAM;GACxD,eAAe,UAAU;GACzB,eAAe,IAAI;EACrB;EACA,SAASC,6CAAAA;CACV,CAAA;AAEL"}
+{"version":3,"file":"date-range-selector.cjs.js","names":["useMetrics","useRef","DateTimeRangePicker","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/** @deprecated The metrics dashboard picks its range from the filter bar. Use `MetricsTimeRangeChip`. */\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PICKER_PRESETS}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,oBAAoB;CAClC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmBA,0CAAAA,WAAW;CAM9E,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAAO,UAAU;CACnC,UAAU,UAAU;CACpB,MAAM,kBAAA,GAAiBA,MAAAA,OAAAA,CAAO,WAAW;CACzC,eAAe,UAAU;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,qBAAD;EACE,QAAQC,6CAAAA,eAAe,UAAU;EACjC,iBAAgB,SAAQ;GACtB,MAAM,SAASC,6CAAAA,iBAAiB,IAAI;GACpC,UAAU,UAAU;GACpB,cAAc,MAAM;EACtB;EACA,UAAU,aAAa;EACvB,QAAQ,aAAa;EACrB,eAAe,OAAO,SAAS;GAC7B,IAAI,UAAU,YAAY,UAAU;GACpC,MAAM,OAAO;IAAE,GAAG,eAAe;KAAU,OAAO;GAAM;GACxD,eAAe,UAAU;GACzB,eAAe,IAAI;EACrB;EACA,SAASC,6CAAAA;CACV,CAAA;AAEL"}

package/dist/domains/metrics/components/date-range-selector.es.js

@@ -1,5 +1,5 @@
 import { useMetrics } from "../hooks/use-metrics.es.js";
-import { t as DateTimeRangePicker } from "../../../DateTimeRangePicker-C_Lie_2P.js";
+import { t as DateTimeRangePicker } from "../../../date-time-range-picker-DKh1K9Iy.js";
 import { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from "../metrics-date-presets.es.js";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/domains/metrics/components/metrics-time-range-chip.cjs.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics = require("../hooks/use-metrics.cjs.js");
 const require_domains_metrics_metrics_date_presets = require("../metrics-date-presets.cjs.js");
-const require_domains_traces_components_trace_time_range_chip = require("../../traces/components/trace-time-range-chip.cjs.js");
 const require_domains_metrics_hooks_use_trace_retention_min_date = require("../hooks/use-trace-retention-min-date.cjs.js");
+const require_filter_bar_time_range = require("../../../filter-bar-time-range-BA-pXMlo.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/metrics-time-range-chip.tsx
 /**
-* The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.
-* Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.
+* The dashboard's date range as the filter bar's time range, the same control the Traces page shows.
+* Render it from `FilterBar.Chips` for `FILTER_BAR_TIME_RANGE_ITEM`, inside a `MetricsProvider`.
 */
 function MetricsTimeRangeChip() {
 	const { datePreset, setDatePreset, customRange, setCustomRange } = require_domains_metrics_hooks_use_metrics.useMetrics();
 	const minDate = require_domains_metrics_hooks_use_trace_retention_min_date.useTraceRetentionMinDate();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_traces_components_trace_time_range_chip.TraceTimeRangeChip, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_filter_bar_time_range.FilterBarTimeRange, {
 		preset: require_domains_metrics_metrics_date_presets.toPickerPreset(datePreset),
 		onPresetChange: (next) => setDatePreset(require_domains_metrics_metrics_date_presets.fromPickerPreset(next)),
 		dateFrom: customRange?.from,

package/dist/domains/metrics/components/metrics-time-range-chip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-time-range-chip.cjs.js","names":["useMetrics","useTraceRetentionMinDate","TraceTimeRangeChip","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { TraceTimeRangeChip } from '../../traces/components/trace-time-range-chip';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { useTraceRetentionMinDate } from '../hooks/use-trace-retention-min-date';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/**\n * The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.\n * Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n  const minDate = useTraceRetentionMinDate();\n\n  return (\n    <TraceTimeRangeChip\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n      minDate={minDate}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AASA,SAAgB,uBAAuB;CACrC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmBA,0CAAAA,WAAW;CAC9E,MAAM,UAAUC,2DAAAA,yBAAyB;CAEzC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,oBAAD;EACE,QAAQC,6CAAAA,eAAe,UAAU;EACjC,iBAAgB,SAAQ,cAAcC,6CAAAA,iBAAiB,IAAI,CAAC;EAC5D,UAAU,aAAa;EACvB,QAAQ,aAAa;EAGrB,oBAAoB,MAAM,OAAO,eAAe;GAAE;GAAM;EAAG,CAAC;EAC5D,SAASC,6CAAAA;EACA;CACV,CAAA;AAEL"}
+{"version":3,"file":"metrics-time-range-chip.cjs.js","names":["useMetrics","useTraceRetentionMinDate","FilterBarTimeRange","toPickerPreset","fromPickerPreset","METRICS_PICKER_PRESETS"],"sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { useMetrics } from '../hooks/use-metrics';\nimport { useTraceRetentionMinDate } from '../hooks/use-trace-retention-min-date';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\nimport { FilterBarTimeRange } from '@/ds/components/FilterBar/filter-bar-time-range';\n\n/**\n * The dashboard's date range as the filter bar's time range, the same control the Traces page shows.\n * Render it from `FilterBar.Chips` for `FILTER_BAR_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n  const minDate = useTraceRetentionMinDate();\n\n  return (\n    <FilterBarTimeRange\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n      minDate={minDate}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AASA,SAAgB,uBAAuB;CACrC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmBA,0CAAAA,WAAW;CAC9E,MAAM,UAAUC,2DAAAA,yBAAyB;CAEzC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,oBAAD;EACE,QAAQC,6CAAAA,eAAe,UAAU;EACjC,iBAAgB,SAAQ,cAAcC,6CAAAA,iBAAiB,IAAI,CAAC;EAC5D,UAAU,aAAa;EACvB,QAAQ,aAAa;EAGrB,oBAAoB,MAAM,OAAO,eAAe;GAAE;GAAM;EAAG,CAAC;EAC5D,SAASC,6CAAAA;EACA;CACV,CAAA;AAEL"}

package/dist/domains/metrics/components/metrics-time-range-chip.es.js

@@ -1,17 +1,17 @@
 import { useMetrics } from "../hooks/use-metrics.es.js";
 import { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from "../metrics-date-presets.es.js";
-import { TraceTimeRangeChip } from "../../traces/components/trace-time-range-chip.es.js";
 import { useTraceRetentionMinDate } from "../hooks/use-trace-retention-min-date.es.js";
+import { i as FilterBarTimeRange } from "../../../filter-bar-time-range-mg9JeYue.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/metrics-time-range-chip.tsx
 /**
-* The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.
-* Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.
+* The dashboard's date range as the filter bar's time range, the same control the Traces page shows.
+* Render it from `FilterBar.Chips` for `FILTER_BAR_TIME_RANGE_ITEM`, inside a `MetricsProvider`.
 */
 function MetricsTimeRangeChip() {
 	const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();
 	const minDate = useTraceRetentionMinDate();
-	return /* @__PURE__ */ jsx(TraceTimeRangeChip, {
+	return /* @__PURE__ */ jsx(FilterBarTimeRange, {
 		preset: toPickerPreset(datePreset),
 		onPresetChange: (next) => setDatePreset(fromPickerPreset(next)),
 		dateFrom: customRange?.from,

package/dist/domains/metrics/components/metrics-time-range-chip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-time-range-chip.es.js","names":[],"sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { TraceTimeRangeChip } from '../../traces/components/trace-time-range-chip';\nimport { useMetrics } from '../hooks/use-metrics';\nimport { useTraceRetentionMinDate } from '../hooks/use-trace-retention-min-date';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\n\n/**\n * The dashboard's date range as the filter bar's `Time` chip, the same chip the Traces page shows.\n * Render it from `FilterBar.Chips` for `TRACE_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n  const minDate = useTraceRetentionMinDate();\n\n  return (\n    <TraceTimeRangeChip\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n      minDate={minDate}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,uBAAuB;CACrC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmB,WAAW;CAC9E,MAAM,UAAU,yBAAyB;CAEzC,OACE,oBAAC,oBAAD;EACE,QAAQ,eAAe,UAAU;EACjC,iBAAgB,SAAQ,cAAc,iBAAiB,IAAI,CAAC;EAC5D,UAAU,aAAa;EACvB,QAAQ,aAAa;EAGrB,oBAAoB,MAAM,OAAO,eAAe;GAAE;GAAM;EAAG,CAAC;EAC5D,SAAS;EACA;CACV,CAAA;AAEL"}
+{"version":3,"file":"metrics-time-range-chip.es.js","names":[],"sources":["../../../../src/domains/metrics/components/metrics-time-range-chip.tsx"],"sourcesContent":["import { useMetrics } from '../hooks/use-metrics';\nimport { useTraceRetentionMinDate } from '../hooks/use-trace-retention-min-date';\nimport { fromPickerPreset, METRICS_PICKER_PRESETS, toPickerPreset } from '../metrics-date-presets';\nimport { FilterBarTimeRange } from '@/ds/components/FilterBar/filter-bar-time-range';\n\n/**\n * The dashboard's date range as the filter bar's time range, the same control the Traces page shows.\n * Render it from `FilterBar.Chips` for `FILTER_BAR_TIME_RANGE_ITEM`, inside a `MetricsProvider`.\n */\nexport function MetricsTimeRangeChip() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n  const minDate = useTraceRetentionMinDate();\n\n  return (\n    <FilterBarTimeRange\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => setDatePreset(fromPickerPreset(next))}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      // Relative presets derive their window from the preset alone; only an applied custom range\n      // carries bounds, and both land in one update.\n      onDateRangeChange={(from, to) => setCustomRange({ from, to })}\n      presets={METRICS_PICKER_PRESETS}\n      minDate={minDate}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,uBAAuB;CACrC,MAAM,EAAE,YAAY,eAAe,aAAa,mBAAmB,WAAW;CAC9E,MAAM,UAAU,yBAAyB;CAEzC,OACE,oBAAC,oBAAD;EACE,QAAQ,eAAe,UAAU;EACjC,iBAAgB,SAAQ,cAAc,iBAAiB,IAAI,CAAC;EAC5D,UAAU,aAAa;EACvB,QAAQ,aAAa;EAGrB,oBAAoB,MAAM,OAAO,eAAe;GAAE;GAAM;EAAG,CAAC;EAC5D,SAAS;EACA;CACV,CAAA;AAEL"}

package/dist/domains/metrics/drilldown.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 const require_domains_logs_log_filters = require("../logs/log-filters.cjs.js");
 // src/domains/metrics/drilldown.ts
 /** Map the metrics date preset (`24h`, `3d`, …) to the equivalent traces /

package/dist/domains/metrics/drilldown.es.js

@@ -1,4 +1,4 @@
-import { C as TRACE_ROOT_ENTITY_TYPE_PARAM, T as TRACE_STATUS_PARAM, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD } from "../../trace-filters-BJaebsxJ.js";
+import { C as TRACE_ROOT_ENTITY_TYPE_PARAM, T as TRACE_STATUS_PARAM, a as TRACE_DATE_FROM_PARAM, c as TRACE_DATE_TO_PARAM, d as TRACE_FILTER_GROUP_PARAM, m as TRACE_LIST_MODE_PARAM, o as TRACE_DATE_PRESET_PARAM, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD } from "../../trace-filters-CaWkw779.js";
 import { LOGS_DATE_FROM_PARAM, LOGS_DATE_PRESET_PARAM, LOGS_DATE_TO_PARAM, LOGS_PROPERTY_FILTER_PARAM_BY_FIELD, LOGS_ROOT_ENTITY_TYPE_PARAM } from "../logs/log-filters.es.js";
 // src/domains/metrics/drilldown.ts
 /** Map the metrics date preset (`24h`, `3d`, …) to the equivalent traces /

package/dist/domains/metrics/metrics-filters.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../trace-filters-a0N9bf52.cjs");
 let lucide_react = require("lucide-react");
 // src/domains/metrics/metrics-filters.ts
 /** Primitive type options — matches the traces filter vocabulary. */

package/dist/domains/metrics/metrics-filters.es.js

@@ -1,4 +1,4 @@
-import { Q as traceFilterFieldIcon, Z as traceFilterFieldColor } from "../../trace-filters-BJaebsxJ.js";
+import { Q as traceFilterFieldIcon, Z as traceFilterFieldColor } from "../../trace-filters-CaWkw779.js";
 import { CloudIcon, CpuIcon } from "lucide-react";
 // src/domains/metrics/metrics-filters.ts
 /** Primitive type options — matches the traces filter vocabulary. */

package/dist/domains/observability/hooks/use-observability-list-filters.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../trace-filters-BNEZ31HX.cjs");
+const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
 const require_domains_observability_observability_list_url_state = require("../observability-list-url-state.cjs.js");
 const require_domains_observability_list_polling = require("../list-polling.cjs.js");

package/dist/domains/observability/hooks/use-observability-list-filters.es.js

@@ -1,4 +1,4 @@
-import { ft as resolveTraceQueryTimeRange } from "../../../trace-filters-BJaebsxJ.js";
+import { ft as resolveTraceQueryTimeRange } from "../../../trace-filters-CaWkw779.js";
 import { resolveTracesDateWindow } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
 import { OBSERVABILITY_LIST_DEFAULT_DATE_PRESET, OBSERVABILITY_LIST_SORT_FIELDS, readObservabilityListDates, readObservabilityListFilters, readObservabilityListSort, writeObservabilityListDates, writeObservabilityListFilters, writeObservabilityListSort } from "../observability-list-url-state.es.js";
 import { recoveryRefetchInterval } from "../list-polling.es.js";