@mastra/playground-ui 68.0.0-alpha.3 → 69.0.0-alpha.0

package/dist/domains/metrics/components/latency-card.es.js

@@ -1,15 +1,15 @@
-import { formatAxisDuration, formatDuration } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
+import { useMetricsLatency } from "../hooks/use-metrics-latency.es.js";
+import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
+import { formatAxisDuration, formatDuration } from "../lib/chart-format.es.js";
 import { bucketPlan, bucketWindow, intervalHours } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { OpenInTracesButton } from "./card-action-buttons.es.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
-import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
-import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../MetricsLineChart-BhHoduO0.js";
-import { OpenInTracesButton } from "./card-action-buttons.es.js";
-import { useMetricsLatency } from "../hooks/use-metrics-latency.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
+import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../MetricsLineChart-4w5lpH63.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { EntityType } from "@mastra/core/observability";
@@ -90,6 +90,7 @@ function LatencyCard({ onViewTraces, onTimeRangeClick }) {
 			isEmpty: !isLoading && peak === 0,
 			emptyMessage: `No ${EMPTY_NOUN[entity]} in this range.`,
 			children: /* @__PURE__ */ jsx(MetricsLineChart, {
+				lineStyle: "thin",
 				data,
 				series: SERIES,
 				height: "fill",

package/dist/domains/metrics/components/latency-card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"latency-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/latency-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useState } from 'react';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport type { LatencyEntity } from '../hooks/use-metrics-latency';\nimport { useMetricsLatency } from '../hooks/use-metrics-latency';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatAxisDuration, formatDuration } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow, intervalHours } from '../lib/metrics-buckets';\nimport { OpenInTracesButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst ROOT_ENTITY: Record<LatencyEntity, EntityType> = {\n  agents: EntityType.AGENT,\n  workflows: EntityType.WORKFLOW_RUN,\n  tools: EntityType.TOOL,\n};\n\nconst SERIES: MetricsLineChartSeries[] = [\n  { dataKey: 'p50', label: 'P50', color: CHART_COLORS.sky },\n  { dataKey: 'p95', label: 'P95', color: CHART_COLORS.green, emphasis: true },\n  { dataKey: 'p99', label: 'P99', color: CHART_COLORS.violet },\n];\n\nconst TITLE: Record<LatencyEntity, string> = {\n  agents: 'Agent latency',\n  workflows: 'Workflow latency',\n  tools: 'Tool latency',\n};\n\nconst VIEWS = [\n  { value: 'agents', label: TITLE.agents },\n  { value: 'workflows', label: TITLE.workflows },\n  { value: 'tools', label: TITLE.tools },\n] as const;\n\nconst EMPTY_NOUN: Record<LatencyEntity, string> = {\n  agents: 'agent runs',\n  workflows: 'workflow runs',\n  tools: 'tool calls',\n};\n\n/** P50, P95 and P99 durations of agent runs, workflow runs or tool calls; a point opens its traces. */\nexport type LatencyCardProps = {\n  /** Called from the \"View in Traces\" button with the entity type of the open tab. */\n  onViewTraces?: (entityType: EntityType) => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n};\n\nexport function LatencyCard({ onViewTraces, onTimeRangeClick }: LatencyCardProps) {\n  const [entity, setEntity] = useState<LatencyEntity>('agents');\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsLatency(entity);\n  const { timestamp } = useMetricsFilters();\n  // The latency chart keeps the API's 1h or 1d buckets, so a point opens that window.\n  const step = intervalHours(bucketPlan(timestamp.start, timestamp.end).interval);\n  const peak = Math.max(0, ...data.map(b => b.p95 ?? 0));\n\n  const layout = {\n    title: TITLE[entity],\n    titleMenu: { value: entity, onValueChange: setEntity, options: VIEWS },\n    actions: onViewTraces && <OpenInTracesButton onClick={() => onViewTraces(ROOT_ENTITY[entity])} />,\n    toolbar: (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={SERIES} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard\n      {...layout}\n      total={peak > 0 ? formatDuration(peak) : '—'}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && peak === 0} emptyMessage={`No ${EMPTY_NOUN[entity]} in this range.`}>\n        <MetricsLineChart\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatDuration}\n          axisFormatter={formatAxisDuration}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), step)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAM,cAAiD;CACrD,QAAQ,WAAW;CACnB,WAAW,WAAW;CACtB,OAAO,WAAW;AACpB;AAEA,IAAM,SAAmC;CACvC;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;CAAI;CACxD;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;EAAO,UAAU;CAAK;CAC1E;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;CAAO;AAC7D;AAEA,IAAM,QAAuC;CAC3C,QAAQ;CACR,WAAW;CACX,OAAO;AACT;AAEA,IAAM,QAAQ;CACZ;EAAE,OAAO;EAAU,OAAO,MAAM;CAAO;CACvC;EAAE,OAAO;EAAa,OAAO,MAAM;CAAU;CAC7C;EAAE,OAAO;EAAS,OAAO,MAAM;CAAM;AACvC;AAEA,IAAM,aAA4C;CAChD,QAAQ;CACR,WAAW;CACX,OAAO;AACT;AAUA,SAAgB,YAAY,EAAE,cAAc,oBAAsC;CAChF,MAAM,CAAC,QAAQ,aAAa,SAAwB,QAAQ;CAC5D,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsB,kBAAkB,MAAM;CACrF,MAAM,EAAE,cAAc,kBAAkB;CAExC,MAAM,OAAO,cAAc,WAAW,UAAU,OAAO,UAAU,GAAG,CAAC,CAAC,QAAQ;CAC9E,MAAM,OAAO,KAAK,IAAI,GAAG,GAAG,KAAK,KAAI,MAAK,EAAE,OAAO,CAAC,CAAC;CAErD,MAAM,SAAS;EACb,OAAO,MAAM;EACb,WAAW;GAAE,OAAO;GAAQ,eAAe;GAAW,SAAS;EAAM;EACrE,SAAS,gBAAgB,oBAAC,oBAAD,EAAoB,eAAe,aAAa,YAAY,OAAO,EAAI,CAAA;EAChG,SACE,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,IAAI,SACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,OAAO,OAAO,IAAI,eAAe,IAAI,IAAI;EAC9B;EACX,YAAY;EAEZ,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAc,MAAM,WAAW,QAAQ;GACnF,UAAA,oBAAC,kBAAD;IACQ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,eAAe,sBAAqB,QAAO,iBAAiB,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,CAAC;IACnF;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"latency-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/latency-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport { useState } from 'react';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport type { LatencyEntity } from '../hooks/use-metrics-latency';\nimport { useMetricsLatency } from '../hooks/use-metrics-latency';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatAxisDuration, formatDuration } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow, intervalHours } from '../lib/metrics-buckets';\nimport { OpenInTracesButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst ROOT_ENTITY: Record<LatencyEntity, EntityType> = {\n  agents: EntityType.AGENT,\n  workflows: EntityType.WORKFLOW_RUN,\n  tools: EntityType.TOOL,\n};\n\nconst SERIES: MetricsLineChartSeries[] = [\n  { dataKey: 'p50', label: 'P50', color: CHART_COLORS.sky },\n  { dataKey: 'p95', label: 'P95', color: CHART_COLORS.green, emphasis: true },\n  { dataKey: 'p99', label: 'P99', color: CHART_COLORS.violet },\n];\n\nconst TITLE: Record<LatencyEntity, string> = {\n  agents: 'Agent latency',\n  workflows: 'Workflow latency',\n  tools: 'Tool latency',\n};\n\nconst VIEWS = [\n  { value: 'agents', label: TITLE.agents },\n  { value: 'workflows', label: TITLE.workflows },\n  { value: 'tools', label: TITLE.tools },\n] as const;\n\nconst EMPTY_NOUN: Record<LatencyEntity, string> = {\n  agents: 'agent runs',\n  workflows: 'workflow runs',\n  tools: 'tool calls',\n};\n\n/** P50, P95 and P99 durations of agent runs, workflow runs or tool calls; a point opens its traces. */\nexport type LatencyCardProps = {\n  /** Called from the \"View in Traces\" button with the entity type of the open tab. */\n  onViewTraces?: (entityType: EntityType) => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n};\n\nexport function LatencyCard({ onViewTraces, onTimeRangeClick }: LatencyCardProps) {\n  const [entity, setEntity] = useState<LatencyEntity>('agents');\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsLatency(entity);\n  const { timestamp } = useMetricsFilters();\n  // The latency chart keeps the API's 1h or 1d buckets, so a point opens that window.\n  const step = intervalHours(bucketPlan(timestamp.start, timestamp.end).interval);\n  const peak = Math.max(0, ...data.map(b => b.p95 ?? 0));\n\n  const layout = {\n    title: TITLE[entity],\n    titleMenu: { value: entity, onValueChange: setEntity, options: VIEWS },\n    actions: onViewTraces && <OpenInTracesButton onClick={() => onViewTraces(ROOT_ENTITY[entity])} />,\n    toolbar: (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={SERIES} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard\n      {...layout}\n      total={peak > 0 ? formatDuration(peak) : '—'}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && peak === 0} emptyMessage={`No ${EMPTY_NOUN[entity]} in this range.`}>\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatDuration}\n          axisFormatter={formatAxisDuration}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), step)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAM,cAAiD;CACrD,QAAQ,WAAW;CACnB,WAAW,WAAW;CACtB,OAAO,WAAW;AACpB;AAEA,IAAM,SAAmC;CACvC;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;CAAI;CACxD;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;EAAO,UAAU;CAAK;CAC1E;EAAE,SAAS;EAAO,OAAO;EAAO,OAAO,aAAa;CAAO;AAC7D;AAEA,IAAM,QAAuC;CAC3C,QAAQ;CACR,WAAW;CACX,OAAO;AACT;AAEA,IAAM,QAAQ;CACZ;EAAE,OAAO;EAAU,OAAO,MAAM;CAAO;CACvC;EAAE,OAAO;EAAa,OAAO,MAAM;CAAU;CAC7C;EAAE,OAAO;EAAS,OAAO,MAAM;CAAM;AACvC;AAEA,IAAM,aAA4C;CAChD,QAAQ;CACR,WAAW;CACX,OAAO;AACT;AAUA,SAAgB,YAAY,EAAE,cAAc,oBAAsC;CAChF,MAAM,CAAC,QAAQ,aAAa,SAAwB,QAAQ;CAC5D,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsB,kBAAkB,MAAM;CACrF,MAAM,EAAE,cAAc,kBAAkB;CAExC,MAAM,OAAO,cAAc,WAAW,UAAU,OAAO,UAAU,GAAG,CAAC,CAAC,QAAQ;CAC9E,MAAM,OAAO,KAAK,IAAI,GAAG,GAAG,KAAK,KAAI,MAAK,EAAE,OAAO,CAAC,CAAC;CAErD,MAAM,SAAS;EACb,OAAO,MAAM;EACb,WAAW;GAAE,OAAO;GAAQ,eAAe;GAAW,SAAS;EAAM;EACrE,SAAS,gBAAgB,oBAAC,oBAAD,EAAoB,eAAe,aAAa,YAAY,OAAO,EAAI,CAAA;EAChG,SACE,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,IAAI,SACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,OAAO,OAAO,IAAI,eAAe,IAAI,IAAI;EAC9B;EACX,YAAY;EAEZ,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAc,MAAM,WAAW,QAAQ;GACnF,UAAA,oBAAC,kBAAD;IACE,WAAU;IACJ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,eAAe,sBAAqB,QAAO,iBAAiB,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,CAAC;IACnF;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

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

@@ -1,8 +1,8 @@
 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_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");
+const require_domains_metrics_metrics_date_presets = require("../metrics-date-presets.cjs.js");
+const require_filter_bar_time_range = require("../../../filter-bar-time-range-DlVNjw43.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/metrics-time-range-chip.tsx
 /**

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

@@ -1,7 +1,7 @@
 import { useMetrics } from "../hooks/use-metrics.es.js";
-import { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from "../metrics-date-presets.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 { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from "../metrics-date-presets.es.js";
+import { i as FilterBarTimeRange } from "../../../filter-bar-time-range-D9SnzR2J.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/metrics-time-range-chip.tsx
 /**

package/dist/domains/metrics/components/scores-card.cjs.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_hooks_use_metrics_scores = require("../hooks/use-metrics-scores.cjs.js");
+const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
+const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
 const require_domains_metrics_components_chart_area = require("./chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./chart-card-error.cjs.js");
-const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
-const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
-const require_MetricsLineChart = require("../../../MetricsLineChart-CjBm4IXu.cjs");
-const require_domains_metrics_hooks_use_metrics_scores = require("../hooks/use-metrics-scores.cjs.js");
+const require_MetricsLineChart = require("../../../MetricsLineChart-BnY9JKzc.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/scores-card.tsx
 /** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */
@@ -42,6 +42,7 @@ function ScoresCard() {
 			isEmpty: !isLoading && scorers.length === 0,
 			emptyMessage: "No scores in this range.",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				lineStyle: "thin",
 				data: data?.buckets ?? [],
 				series: scorerSeries(scorers),
 				height: "fill",

package/dist/domains/metrics/components/scores-card.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores-card.cjs.js","names":["CHART_COLORS","useMetricsScores","ChartCard","ChartCardError","ChartArea","MetricsLineChart","BUCKET_AXIS"],"sources":["../../../../src/domains/metrics/components/scores-card.tsx"],"sourcesContent":["import { useMetricsScores } from '../hooks/use-metrics-scores';\nimport type { ScorerAverage } from '../hooks/use-metrics-scores';\nimport { BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nconst formatScore = (score: number) => score.toFixed(2);\nconst axisScore = (score: number) => String(+score.toFixed(2));\n\n/** One line per scorer. */\nfunction scorerSeries(scorers: ScorerAverage[]): MetricsLineChartSeries[] {\n  return scorers.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n}\n\n/** Average result of each scorer over time, 0 to 1. */\nexport function ScoresCard() {\n  const { data, isLoading, isError, isPlaceholderData } = useMetricsScores();\n  const scorers = data?.scorers ?? [];\n\n  const layout = { title: 'Scores' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={isPlaceholderData}>\n      <ChartArea isEmpty={!isLoading && scorers.length === 0} emptyMessage=\"No scores in this range.\">\n        <MetricsLineChart\n          data={data?.buckets ?? []}\n          series={scorerSeries(scorers)}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={formatScore}\n          axisFormatter={axisScore}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,gBAAgB;CACpBA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;AACf;AAEA,IAAM,eAAe,UAAkB,MAAM,QAAQ,CAAC;AACtD,IAAM,aAAa,UAAkB,OAAO,CAAC,MAAM,QAAQ,CAAC,CAAC;;AAG7D,SAAS,aAAa,SAAoD;CACxE,OAAO,QAAQ,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7C,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAWA,yCAAAA,aAAa;CACjE,EAAE;AACJ;;AAGA,SAAgB,aAAa;CAC3B,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsBC,iDAAAA,iBAAiB;CACzE,MAAM,UAAU,MAAM,WAAW,CAAC;CAElC,MAAM,SAAS,EAAE,OAAO,SAAS;CAEjC,IAAI,SACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,8CAAAA,WAAD;EAAW,GAAI;EAAQ,YAAY;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,QAAQ,WAAW;GAAG,cAAa;GACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,MAAM,MAAM,WAAW,CAAC;IACxB,QAAQ,aAAa,OAAO;IAC5B,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB;IAChB,eAAe;IACJ;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"scores-card.cjs.js","names":["CHART_COLORS","useMetricsScores","ChartCard","ChartCardError","ChartArea","MetricsLineChart","BUCKET_AXIS"],"sources":["../../../../src/domains/metrics/components/scores-card.tsx"],"sourcesContent":["import { useMetricsScores } from '../hooks/use-metrics-scores';\nimport type { ScorerAverage } from '../hooks/use-metrics-scores';\nimport { BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nconst formatScore = (score: number) => score.toFixed(2);\nconst axisScore = (score: number) => String(+score.toFixed(2));\n\n/** One line per scorer. */\nfunction scorerSeries(scorers: ScorerAverage[]): MetricsLineChartSeries[] {\n  return scorers.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n}\n\n/** Average result of each scorer over time, 0 to 1. */\nexport function ScoresCard() {\n  const { data, isLoading, isError, isPlaceholderData } = useMetricsScores();\n  const scorers = data?.scorers ?? [];\n\n  const layout = { title: 'Scores' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={isPlaceholderData}>\n      <ChartArea isEmpty={!isLoading && scorers.length === 0} emptyMessage=\"No scores in this range.\">\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={data?.buckets ?? []}\n          series={scorerSeries(scorers)}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={formatScore}\n          axisFormatter={axisScore}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAM,gBAAgB;CACpBA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;CACbA,yCAAAA,aAAa;AACf;AAEA,IAAM,eAAe,UAAkB,MAAM,QAAQ,CAAC;AACtD,IAAM,aAAa,UAAkB,OAAO,CAAC,MAAM,QAAQ,CAAC,CAAC;;AAG7D,SAAS,aAAa,SAAoD;CACxE,OAAO,QAAQ,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7C,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAWA,yCAAAA,aAAa;CACjE,EAAE;AACJ;;AAGA,SAAgB,aAAa;CAC3B,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsBC,iDAAAA,iBAAiB;CACzE,MAAM,UAAU,MAAM,WAAW,CAAC;CAElC,MAAM,SAAS,EAAE,OAAO,SAAS;CAEjC,IAAI,SACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,8CAAAA,WAAD;EAAW,GAAI;EAAQ,YAAY;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,QAAQ,WAAW;GAAG,cAAa;GACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,WAAU;IACV,MAAM,MAAM,WAAW,CAAC;IACxB,QAAQ,aAAa,OAAO;IAC5B,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB;IAChB,eAAe;IACJ;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/metrics/components/scores-card.es.js

@@ -1,10 +1,10 @@
+import { useMetricsScores } from "../hooks/use-metrics-scores.es.js";
+import { BUCKET_AXIS } from "../lib/chart-axis.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
-import { BUCKET_AXIS } from "../lib/chart-axis.es.js";
-import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { t as MetricsLineChart } from "../../../MetricsLineChart-BhHoduO0.js";
-import { useMetricsScores } from "../hooks/use-metrics-scores.es.js";
+import { t as MetricsLineChart } from "../../../MetricsLineChart-4w5lpH63.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/scores-card.tsx
 /** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */
@@ -41,6 +41,7 @@ function ScoresCard() {
 			isEmpty: !isLoading && scorers.length === 0,
 			emptyMessage: "No scores in this range.",
 			children: /* @__PURE__ */ jsx(MetricsLineChart, {
+				lineStyle: "thin",
 				data: data?.buckets ?? [],
 				series: scorerSeries(scorers),
 				height: "fill",

package/dist/domains/metrics/components/scores-card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/scores-card.tsx"],"sourcesContent":["import { useMetricsScores } from '../hooks/use-metrics-scores';\nimport type { ScorerAverage } from '../hooks/use-metrics-scores';\nimport { BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nconst formatScore = (score: number) => score.toFixed(2);\nconst axisScore = (score: number) => String(+score.toFixed(2));\n\n/** One line per scorer. */\nfunction scorerSeries(scorers: ScorerAverage[]): MetricsLineChartSeries[] {\n  return scorers.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n}\n\n/** Average result of each scorer over time, 0 to 1. */\nexport function ScoresCard() {\n  const { data, isLoading, isError, isPlaceholderData } = useMetricsScores();\n  const scorers = data?.scorers ?? [];\n\n  const layout = { title: 'Scores' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={isPlaceholderData}>\n      <ChartArea isEmpty={!isLoading && scorers.length === 0} emptyMessage=\"No scores in this range.\">\n        <MetricsLineChart\n          data={data?.buckets ?? []}\n          series={scorerSeries(scorers)}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={formatScore}\n          axisFormatter={axisScore}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,gBAAgB;CACpB,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAM,eAAe,UAAkB,MAAM,QAAQ,CAAC;AACtD,IAAM,aAAa,UAAkB,OAAO,CAAC,MAAM,QAAQ,CAAC,CAAC;;AAG7D,SAAS,aAAa,SAAoD;CACxE,OAAO,QAAQ,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7C,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAW,aAAa;CACjE,EAAE;AACJ;;AAGA,SAAgB,aAAa;CAC3B,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsB,iBAAiB;CACzE,MAAM,UAAU,MAAM,WAAW,CAAC;CAElC,MAAM,SAAS,EAAE,OAAO,SAAS;CAEjC,IAAI,SACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,oBAAC,WAAD;EAAW,GAAI;EAAQ,YAAY;EACjC,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,QAAQ,WAAW;GAAG,cAAa;GACnE,UAAA,oBAAC,kBAAD;IACE,MAAM,MAAM,WAAW,CAAC;IACxB,QAAQ,aAAa,OAAO;IAC5B,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB;IAChB,eAAe;IACJ;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"scores-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/scores-card.tsx"],"sourcesContent":["import { useMetricsScores } from '../hooks/use-metrics-scores';\nimport type { ScorerAverage } from '../hooks/use-metrics-scores';\nimport { BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nconst formatScore = (score: number) => score.toFixed(2);\nconst axisScore = (score: number) => String(+score.toFixed(2));\n\n/** One line per scorer. */\nfunction scorerSeries(scorers: ScorerAverage[]): MetricsLineChartSeries[] {\n  return scorers.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n}\n\n/** Average result of each scorer over time, 0 to 1. */\nexport function ScoresCard() {\n  const { data, isLoading, isError, isPlaceholderData } = useMetricsScores();\n  const scorers = data?.scorers ?? [];\n\n  const layout = { title: 'Scores' };\n\n  if (isError) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={isPlaceholderData}>\n      <ChartArea isEmpty={!isLoading && scorers.length === 0} emptyMessage=\"No scores in this range.\">\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={data?.buckets ?? []}\n          series={scorerSeries(scorers)}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={formatScore}\n          axisFormatter={axisScore}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,gBAAgB;CACpB,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,IAAM,eAAe,UAAkB,MAAM,QAAQ,CAAC;AACtD,IAAM,aAAa,UAAkB,OAAO,CAAC,MAAM,QAAQ,CAAC,CAAC;;AAG7D,SAAS,aAAa,SAAoD;CACxE,OAAO,QAAQ,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7C,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAW,aAAa;CACjE,EAAE;AACJ;;AAGA,SAAgB,aAAa;CAC3B,MAAM,EAAE,MAAM,WAAW,SAAS,sBAAsB,iBAAiB;CACzE,MAAM,UAAU,MAAM,WAAW,CAAC;CAElC,MAAM,SAAS,EAAE,OAAO,SAAS;CAEjC,IAAI,SACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD,CAAiB,CAAA;CACR,CAAA;CAIf,OACE,oBAAC,WAAD;EAAW,GAAI;EAAQ,YAAY;EACjC,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,QAAQ,WAAW;GAAG,cAAa;GACnE,UAAA,oBAAC,kBAAD;IACE,WAAU;IACV,MAAM,MAAM,WAAW,CAAC;IACxB,QAAQ,aAAa,OAAO;IAC5B,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB;IAChB,eAAe;IACJ;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/metrics/components/token-usage-card.cjs.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
+const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("../hooks/use-metrics-filters.cjs.js");
+const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
+const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
 const require_domains_metrics_components_chart_area = require("./chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./chart-card-error.cjs.js");
-const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
-const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
-const require_MetricsLineChart = require("../../../MetricsLineChart-CjBm4IXu.cjs");
-const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-BdMlKv6G.cjs");
-const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
+const require_MetricsLineChart = require("../../../MetricsLineChart-BnY9JKzc.cjs");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CJQF99sc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/token-usage-card.tsx

package/dist/domains/metrics/components/token-usage-card.es.js

@@ -1,16 +1,16 @@
-import { formatAxisCount, formatAxisUsd, formatCount, formatUsd } from "../lib/chart-format.es.js";
+import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
+import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
+import { formatAxisCount, formatAxisUsd, formatCount, formatUsd } from "../lib/chart-format.es.js";
 import { bucketPlan, bucketWindow } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { OpenInTracesButton } from "./card-action-buttons.es.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
-import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
-import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { r as MetricsLineChartLegend } from "../../../MetricsLineChart-BhHoduO0.js";
-import { OpenInTracesButton } from "./card-action-buttons.es.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-BRuA6MTE.js";
-import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
+import { r as MetricsLineChartLegend } from "../../../MetricsLineChart-4w5lpH63.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-Bmk0OjYp.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/token-usage-card.tsx

package/dist/domains/metrics/components/trace-aggregate-card.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../hooks/use-metrics-trace-aggregate.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/trace-aggregate-card.tsx
 var FILTER_NAMES = {

package/dist/domains/metrics/components/trace-aggregate-card.es.js

@@ -1,6 +1,6 @@
 import { useTraceAggregateGate } from "../hooks/use-metrics-trace-aggregate.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
 import { ChartCard } from "./chart-card.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/trace-aggregate-card.tsx
 var FILTER_NAMES = {

package/dist/domains/metrics/components/trace-volume-card.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("../hooks/use-metrics-filters.cjs.js");
+const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
+const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
 const require_domains_metrics_components_chart_area = require("./chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./chart-card-error.cjs.js");
-const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
-const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
-const require_ShareBar = require("../../../ShareBar-3Z5np-NY.cjs");
+const require_ShareBar = require("../../../ShareBar-DERy_egz.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/metrics/components/trace-volume-card.es.js

@@ -1,11 +1,11 @@
-import { formatCount, formatPercent } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
+import { formatCount, formatPercent } from "../lib/chart-format.es.js";
+import { OpenErrorsInLogsButton, OpenInTracesButton } from "./card-action-buttons.es.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
-import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { OpenErrorsInLogsButton, OpenInTracesButton } from "./card-action-buttons.es.js";
-import { t as ShareBar } from "../../../ShareBar-D6dWWl4C.js";
+import { t as ShareBar } from "../../../ShareBar-KrzzdcyI.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { keepPreviousData } from "@tanstack/react-query";

package/dist/domains/metrics/components/usage-card.cjs.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("../hooks/use-metrics-filters.cjs.js");
+const require_domains_metrics_hooks_use_token_spend = require("../hooks/use-token-spend.cjs.js");
+const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
+const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
 const require_domains_metrics_components_chart_area = require("./chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./chart-card-error.cjs.js");
-const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
-const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
-const require_ShareBar = require("../../../ShareBar-3Z5np-NY.cjs");
-const require_domains_metrics_hooks_use_token_spend = require("../hooks/use-token-spend.cjs.js");
+const require_ShareBar = require("../../../ShareBar-DERy_egz.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/metrics/components/usage-card.es.js

@@ -1,12 +1,12 @@
-import { formatCount, formatUsd } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
+import { useTokenSpend } from "../hooks/use-token-spend.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
+import { formatCount, formatUsd } from "../lib/chart-format.es.js";
+import { OpenInTracesButton } from "./card-action-buttons.es.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
-import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { OpenInTracesButton } from "./card-action-buttons.es.js";
-import { t as ShareBar } from "../../../ShareBar-D6dWWl4C.js";
-import { useTokenSpend } from "../hooks/use-token-spend.es.js";
+import { t as ShareBar } from "../../../ShareBar-KrzzdcyI.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { keepPreviousData } from "@tanstack/react-query";

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

@@ -1,22 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_aggregate_limiter_provider = require("./hooks/aggregate-limiter-provider.cjs.js");
-const require_domains_metrics_components_kpi_card = require("./components/kpi-card.cjs.js");
+const require_domains_metrics_components_date_range_selector = require("./components/date-range-selector.cjs.js");
+const require_domains_metrics_components_metrics_time_range_chip = require("./components/metrics-time-range-chip.cjs.js");
+const require_domains_metrics_components_card_action_buttons = require("./components/card-action-buttons.cjs.js");
 const require_domains_metrics_components_chart_area = require("./components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./components/chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./components/chart-card-error.cjs.js");
-const require_domains_metrics_components_card_action_buttons = require("./components/card-action-buttons.cjs.js");
-const require_domains_metrics_components_failure_rate_card = require("./components/failure-rate-card.cjs.js");
-const require_domains_metrics_components_agent_runs_card = require("./components/agent-runs-card.cjs.js");
-const require_domains_metrics_components_breakdown_card = require("./components/breakdown-card.cjs.js");
-const require_domains_metrics_components_date_range_selector = require("./components/date-range-selector.cjs.js");
-const require_domains_metrics_components_distinct_ids_card = require("./components/distinct-ids-card.cjs.js");
-const require_domains_metrics_components_metrics_time_range_chip = require("./components/metrics-time-range-chip.cjs.js");
+const require_domains_metrics_hooks_aggregate_limiter_provider = require("./hooks/aggregate-limiter-provider.cjs.js");
+const require_domains_metrics_components_kpi_card = require("./components/kpi-card.cjs.js");
 const require_domains_metrics_components_metrics_grid_metrics_grid = require("./components/metrics-grid/metrics-grid.cjs.js");
 const require_domains_metrics_components_token_usage_card = require("./components/token-usage-card.cjs.js");
+const require_domains_metrics_components_agent_runs_card = require("./components/agent-runs-card.cjs.js");
+const require_domains_metrics_components_failure_rate_card = require("./components/failure-rate-card.cjs.js");
 const require_domains_metrics_components_latency_card = require("./components/latency-card.cjs.js");
 const require_domains_metrics_components_trace_volume_card = require("./components/trace-volume-card.cjs.js");
 const require_domains_metrics_components_usage_card = require("./components/usage-card.cjs.js");
 const require_domains_metrics_components_scores_card = require("./components/scores-card.cjs.js");
+const require_domains_metrics_components_distinct_ids_card = require("./components/distinct-ids-card.cjs.js");
+const require_domains_metrics_components_breakdown_card = require("./components/breakdown-card.cjs.js");
 exports.AgentRunsCard = require_domains_metrics_components_agent_runs_card.AgentRunsCard;
 exports.AggregateLimiterProvider = require_domains_metrics_hooks_aggregate_limiter_provider.AggregateLimiterProvider;
 exports.BreakdownCard = require_domains_metrics_components_breakdown_card.BreakdownCard;

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

@@ -1,19 +1,19 @@
-import { AggregateLimiterProvider } from "./hooks/aggregate-limiter-provider.es.js";
-import { KpiCard } from "./components/kpi-card.es.js";
+import { DateRangeSelector } from "./components/date-range-selector.es.js";
+import { MetricsTimeRangeChip } from "./components/metrics-time-range-chip.es.js";
+import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "./components/card-action-buttons.es.js";
 import { ChartArea } from "./components/chart-area.es.js";
 import { ChartCard } from "./components/chart-card.es.js";
 import { ChartCardError } from "./components/chart-card-error.es.js";
-import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "./components/card-action-buttons.es.js";
-import { FailureRateCard } from "./components/failure-rate-card.es.js";
-import { AgentRunsCard } from "./components/agent-runs-card.es.js";
-import { BreakdownCard } from "./components/breakdown-card.es.js";
-import { DateRangeSelector } from "./components/date-range-selector.es.js";
-import { DistinctIdsCard } from "./components/distinct-ids-card.es.js";
-import { MetricsTimeRangeChip } from "./components/metrics-time-range-chip.es.js";
+import { AggregateLimiterProvider } from "./hooks/aggregate-limiter-provider.es.js";
+import { KpiCard } from "./components/kpi-card.es.js";
 import { MetricsGrid } from "./components/metrics-grid/metrics-grid.es.js";
 import { TokenUsageCard } from "./components/token-usage-card.es.js";
+import { AgentRunsCard } from "./components/agent-runs-card.es.js";
+import { FailureRateCard } from "./components/failure-rate-card.es.js";
 import { LatencyCard } from "./components/latency-card.es.js";
 import { TraceVolumeCard } from "./components/trace-volume-card.es.js";
 import { UsageCard } from "./components/usage-card.es.js";
 import { ScoresCard } from "./components/scores-card.es.js";
+import { DistinctIdsCard } from "./components/distinct-ids-card.es.js";
+import { BreakdownCard } from "./components/breakdown-card.es.js";
 export { AgentRunsCard, AggregateLimiterProvider, BreakdownCard, ChartArea, ChartCard, ChartCardError, DateRangeSelector, DistinctIdsCard, FailureRateCard, KpiCard, LatencyCard, MetricsGrid, MetricsTimeRangeChip, OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton, ScoresCard, TokenUsageCard, TraceVolumeCard, UsageCard };

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

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

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

@@ -1,5 +1,5 @@
-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";
+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";
 // src/domains/metrics/drilldown.ts
 /** Map the metrics date preset (`24h`, `3d`, …) to the equivalent traces /
 *  logs preset (`last-24h`, `last-3d`, …). `'custom'` is passed through and

package/dist/domains/metrics/hooks/use-metrics-activity.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
+const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 let _mastra_react = require("@mastra/react");
 let _tanstack_react_query = require("@tanstack/react-query");
 // src/domains/metrics/hooks/use-metrics-activity.ts

package/dist/domains/metrics/hooks/use-metrics-activity.es.js

@@ -1,5 +1,5 @@
-import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { bucketGrid, bucketPlan, gridIndex } from "../lib/metrics-buckets.es.js";
+import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { useMastraClient } from "@mastra/react";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 // src/domains/metrics/hooks/use-metrics-activity.ts

package/dist/domains/metrics/hooks/use-metrics-latency.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
+const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 let _mastra_react = require("@mastra/react");
 let _tanstack_react_query = require("@tanstack/react-query");
 // src/domains/metrics/hooks/use-metrics-latency.ts

package/dist/domains/metrics/hooks/use-metrics-latency.es.js

@@ -1,5 +1,5 @@
-import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { bucketGrid, bucketPlan, gridIndex, intervalHours } from "../lib/metrics-buckets.es.js";
+import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { useMastraClient } from "@mastra/react";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 // src/domains/metrics/hooks/use-metrics-latency.ts

package/dist/domains/metrics/hooks/use-metrics-scores.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
+const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 let _mastra_react = require("@mastra/react");
 let _tanstack_react_query = require("@tanstack/react-query");
 // src/domains/metrics/hooks/use-metrics-scores.ts

package/dist/domains/metrics/hooks/use-metrics-scores.es.js

@@ -1,5 +1,5 @@
-import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { bucketGrid, bucketPlan, gridIndex, intervalHours } from "../lib/metrics-buckets.es.js";
+import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { useMastraClient } from "@mastra/react";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 // src/domains/metrics/hooks/use-metrics-scores.ts

package/dist/domains/metrics/hooks/use-metrics-span-aggregate.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_aggregate_limiter = require("./use-aggregate-limiter.cjs.js");
-const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_span_aggregate = require("../lib/span-aggregate.cjs.js");
 const require_domains_metrics_lib_trace_aggregate = require("../lib/trace-aggregate.cjs.js");
+const require_domains_metrics_hooks_use_aggregate_limiter = require("./use-aggregate-limiter.cjs.js");
+const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/metrics/hooks/use-metrics-span-aggregate.es.js

@@ -1,7 +1,7 @@
-import { useLimitedQueryFn } from "./use-aggregate-limiter.es.js";
-import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { buildSpanAggregateWhere } from "../lib/span-aggregate.es.js";
 import { toTraceAggregateTimeRange, traceAggregateInterval } from "../lib/trace-aggregate.es.js";
+import { useLimitedQueryFn } from "./use-aggregate-limiter.es.js";
+import { useMetricsFilters } from "./use-metrics-filters.es.js";
 import { useMastraClient } from "@mastra/react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";
 import { keepPreviousData } from "@tanstack/react-query";

package/dist/domains/metrics/hooks/use-metrics-trace-aggregate.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_lib_trace_aggregate = require("../lib/trace-aggregate.cjs.js");
 const require_domains_metrics_hooks_use_aggregate_limiter = require("./use-aggregate-limiter.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("./use-metrics-filters.cjs.js");
-const require_domains_metrics_lib_trace_aggregate = require("../lib/trace-aggregate.cjs.js");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
 let _tanstack_react_query = require("@tanstack/react-query");

package/dist/domains/metrics/hooks/use-metrics-trace-aggregate.es.js

@@ -1,6 +1,6 @@
+import { buildTraceAggregateWhere, toTraceAggregateTimeRange, traceAggregateInterval } from "../lib/trace-aggregate.es.js";
 import { useLimitedQueryFn } from "./use-aggregate-limiter.es.js";
 import { useMetricsFilters } from "./use-metrics-filters.es.js";
-import { buildTraceAggregateWhere, toTraceAggregateTimeRange, traceAggregateInterval } from "../lib/trace-aggregate.es.js";
 import { useMastraClient } from "@mastra/react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";
 import { keepPreviousData } from "@tanstack/react-query";

package/dist/domains/metrics/hooks/use-metrics.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_domains_metrics_metrics_filters = require("../metrics-filters.cjs.js");
 const require_domains_metrics_hooks_aggregate_limiter_provider = require("./aggregate-limiter-provider.cjs.js");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_metrics = require("@mastra/react/hooks/metrics");

package/dist/domains/metrics/hooks/use-metrics.es.js

@@ -1,6 +1,6 @@
-import { formatShortDate } from "../../../utils/date-format.es.js";
 import { buildMetricsDimensionalFilter } from "../metrics-filters.es.js";
 import { AggregateLimiterProvider } from "./aggregate-limiter-provider.es.js";
+import { formatShortDate } from "../../../utils/date-format.es.js";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useMetricsQueryFilters } from "@mastra/react/hooks/metrics";

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

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_metrics_filters = require("./metrics-filters.cjs.js");
 const require_domains_metrics_hooks_use_metrics = require("./hooks/use-metrics.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("./hooks/use-metrics-filters.cjs.js");
 const require_domains_metrics_hooks_use_metrics_scope = require("./hooks/use-metrics-scope.cjs.js");
+const require_domains_metrics_hooks_use_metrics_layout = require("./hooks/use-metrics-layout.cjs.js");
+const require_domains_metrics_drilldown = require("./drilldown.cjs.js");
+const require_domains_metrics_metrics_filters = require("./metrics-filters.cjs.js");
 const require_domains_metrics_hooks_use_metrics_activity = require("./hooks/use-metrics-activity.cjs.js");
-const require_domains_metrics_hooks_use_metrics_usage_totals = require("./hooks/use-metrics-usage-totals.cjs.js");
 const require_domains_metrics_hooks_use_metrics_latency = require("./hooks/use-metrics-latency.cjs.js");
-const require_domains_metrics_hooks_use_token_spend = require("./hooks/use-token-spend.cjs.js");
 const require_domains_metrics_hooks_use_metrics_scores = require("./hooks/use-metrics-scores.cjs.js");
-const require_domains_metrics_drilldown = require("./drilldown.cjs.js");
-const require_domains_metrics_hooks_use_metrics_layout = require("./hooks/use-metrics-layout.cjs.js");
+const require_domains_metrics_hooks_use_token_spend = require("./hooks/use-token-spend.cjs.js");
+const require_domains_metrics_hooks_use_metrics_usage_totals = require("./hooks/use-metrics-usage-totals.cjs.js");
 let _mastra_react_hooks_metrics = require("@mastra/react/hooks/metrics");
 exports.DATE_PRESETS = require_domains_metrics_hooks_use_metrics.DATE_PRESETS;
 exports.METRICS_FILTER_BAR_OPERATORS = require_domains_metrics_metrics_filters.METRICS_FILTER_BAR_OPERATORS;

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

@@ -1,13 +1,13 @@
-import { METRICS_FILTER_BAR_OPERATORS, applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, filterBarItemsToMetricsTokens, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, saveMetricsFiltersToStorage } from "./metrics-filters.es.js";
 import { DATE_PRESETS, MetricsProvider, isValidPreset, useMetrics } from "./hooks/use-metrics.es.js";
 import { useMetricsFilters } from "./hooks/use-metrics-filters.es.js";
 import { useMetricsScope } from "./hooks/use-metrics-scope.es.js";
+import { useMetricsLayout } from "./hooks/use-metrics-layout.es.js";
+import { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from "./drilldown.es.js";
+import { METRICS_FILTER_BAR_OPERATORS, applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, filterBarItemsToMetricsTokens, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, saveMetricsFiltersToStorage } from "./metrics-filters.es.js";
 import { useMetricsActivity } from "./hooks/use-metrics-activity.es.js";
-import { USAGE_METRICS, useMetricsUsageTotals } from "./hooks/use-metrics-usage-totals.es.js";
 import { useMetricsLatency } from "./hooks/use-metrics-latency.es.js";
-import { useTokenSpend } from "./hooks/use-token-spend.es.js";
 import { useMetricsScores } from "./hooks/use-metrics-scores.es.js";
-import { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from "./drilldown.es.js";
-import { useMetricsLayout } from "./hooks/use-metrics-layout.es.js";
+import { useTokenSpend } from "./hooks/use-token-spend.es.js";
+import { USAGE_METRICS, useMetricsUsageTotals } from "./hooks/use-metrics-usage-totals.es.js";
 import { chooseMetricsInterval, formatMetricsBucketLabel, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics } from "@mastra/react/hooks/metrics";
 export { DATE_PRESETS, METRICS_FILTER_BAR_OPERATORS, MetricsProvider, USAGE_METRICS, applyMetricsPropertyFilterTokens, buildLogsDrilldownUrl, buildMetricsDimensionalFilter, buildTracesDrilldownUrl, chooseMetricsInterval, clearSavedMetricsFilters, createMetricsFilterBarFields, createMetricsPropertyFilterFields, filterBarItemsToMetricsTokens, formatMetricsBucketLabel, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, isValidPreset, loadMetricsFiltersFromStorage, metricsTokensToFilterBarItems, saveMetricsFiltersToStorage, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useMetrics, useMetricsActivity, useMetricsFilters, useMetricsLatency, useMetricsLayout, useMetricsScope, useMetricsScores, useMetricsUsageTotals, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenSpend, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics };

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_lib_breakdown = require("./breakdown.cjs.js");
 const require_domains_metrics_lib_chart_format = require("./chart-format.cjs.js");
-const require_domains_metrics_lib_trace_aggregate = require("./trace-aggregate.cjs.js");
 const require_domains_metrics_lib_time_window = require("./time-window.cjs.js");
-const require_domains_metrics_lib_breakdown = require("./breakdown.cjs.js");
+const require_domains_metrics_lib_trace_aggregate = require("./trace-aggregate.cjs.js");
 // src/domains/metrics/lib/breakdown-table.ts
 var DASH = "—";
 /** What the Change column can compare: the sorted column, or the last one sorted. */