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

package/dist/domains/metrics/components/distinct-ids/distinct-ids-chart.cjs.js

@@ -3,13 +3,13 @@ const require_domains_metrics_lib_chart_format = require("../../lib/chart-format
 const require_domains_metrics_lib_metrics_buckets = require("../../lib/metrics-buckets.cjs.js");
 const require_domains_metrics_lib_trace_aggregate = require("../../lib/trace-aggregate.cjs.js");
 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_MetricsCard = require("../../../../MetricsCard-BEwiS7Pe.cjs");
 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_MetricsLineChart = require("../../../../MetricsLineChart-tZxsauau.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx
 /** Most apps set resource and thread ids (through memory); few set user and session ids. */
@@ -100,6 +100,7 @@ function DistinctIdsChart({ scope, onTimeRangeClick }) {
 			isEmpty: !isLoading && shown.length === 0,
 			emptyMessage: "No traces in this range set a resource, thread, user or session id.",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				lineStyle: "thin",
 				data: chart,
 				series: lines,
 				height: "fill",

package/dist/domains/metrics/components/distinct-ids/distinct-ids-chart.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"distinct-ids-chart.cjs.js","names":["CHART_COLORS","useMetricsTraceAggregate","bucketTraceAggregateRows","intervalHours","formatCount","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","ChartArea","MetricsLineChart","formatAxisCount","bucketWindow","EDGE_BUCKET_AXIS"],"sources":["../../../../../src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport type { DrilldownScope } from '../../drilldown';\nimport { useMetricsTraceAggregate } from '../../hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateScope } from '../../hooks/use-metrics-trace-aggregate';\nimport { EDGE_BUCKET_AXIS } from '../../lib/chart-axis';\nimport { CHART_COLORS } from '../../lib/chart-colors';\nimport { formatAxisCount, formatCount } from '../../lib/chart-format';\nimport { bucketWindow, intervalHours } from '../../lib/metrics-buckets';\nimport { bucketTraceAggregateRows, TRACE_AGGREGATE_SERIES_LIMIT } from '../../lib/trace-aggregate';\nimport type { TraceAggregateRow } from '../../lib/trace-aggregate';\nimport { ChartArea } from '../chart-area';\nimport { ChartCard } from '../chart-card';\nimport { ChartCardError } from '../chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\n\n/** Most apps set resource and thread ids (through memory); few set user and session ids. */\nconst IDS = [\n  { measure: 'countDistinct.resourceId', dataKey: 'resources', label: 'Resources', color: CHART_COLORS.sky },\n  { measure: 'countDistinct.threadId', dataKey: 'threads', label: 'Threads', color: CHART_COLORS.green },\n  { measure: 'countDistinct.userId', dataKey: 'users', label: 'Users', color: CHART_COLORS.violet },\n  { measure: 'countDistinct.sessionId', dataKey: 'sessions', label: 'Sessions', color: CHART_COLORS.teal },\n] as const;\n\ntype Id = (typeof IDS)[number];\n\nconst MEASURES: AggregateTracesArgs['measures'] = IDS.map(id => id.measure);\n\nexport const DISTINCT_IDS_TITLE = 'Resources and threads';\n\nexport type DistinctIdsChartProps = {\n  scope: TraceAggregateScope;\n  /** Called with the time range of the clicked bucket. */\n  onTimeRangeClick?: (scope: DrilldownScope) => void;\n};\n\nfunction count(row: TraceAggregateRow | undefined, id: Id) {\n  return row?.measures[id.measure] ?? 0;\n}\n\n/** Distinct ids per bucket, with range totals from a second request. */\nexport function DistinctIdsChart({ scope, onTimeRangeClick }: DistinctIdsChartProps) {\n  const series = useMetricsTraceAggregate({\n    timeRange: scope.timeRange,\n    where: scope.where,\n    interval: scope.interval,\n    measures: MEASURES,\n    limit: TRACE_AGGREGATE_SERIES_LIMIT,\n  });\n  // Bucket counts can't be added up: an id active in two buckets would count twice.\n  const totals = useMetricsTraceAggregate({ timeRange: scope.timeRange, where: scope.where, measures: MEASURES });\n\n  const total = totals.data?.rows[0];\n  // Only the ids this project sets get a line; the rest would sit flat at zero.\n  const shown = IDS.filter(id => count(total, id) > 0);\n  const lines: MetricsLineChartSeries[] = shown.map((id, i) => ({\n    dataKey: id.dataKey,\n    label: id.label,\n    color: id.color,\n    emphasis: i === 0,\n  }));\n  const chart = bucketTraceAggregateRows(series.data?.rows ?? [], scope.window).map(({ rows, ...labels }) => ({\n    ...labels,\n    ...Object.fromEntries(shown.map(id => [id.dataKey, count(rows[0], id)])),\n  }));\n  const step = intervalHours(scope.interval === '1d' ? '1d' : '1h');\n  const error = series.error ?? totals.error;\n  const isLoading = series.isLoading || totals.isLoading;\n\n  const layout = {\n    title: DISTINCT_IDS_TITLE,\n    // Each id's range total, marked like its line: they count different things, so no one sum.\n    total: shown.map(id => ({ label: id.label, value: formatCount(count(total, id)), color: id.color })),\n    isLoading: totals.isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (error) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError\n          error={error}\n          onRetry={() => {\n            if (series.error) void series.refetch();\n            if (totals.error) void totals.refetch();\n          }}\n        />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={series.isPlaceholderData || totals.isPlaceholderData}>\n      <ChartArea\n        isEmpty={!isLoading && shown.length === 0}\n        emptyMessage=\"No traces in this range set a resource, thread, user or session id.\"\n      >\n        <MetricsLineChart\n          data={chart}\n          series={lines}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatCount}\n          axisFormatter={formatAxisCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick({ window: bucketWindow(Number(row.ts), step) }))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,MAAM;CACV;EAAE,SAAS;EAA4B,SAAS;EAAa,OAAO;EAAa,OAAOA,yCAAAA,aAAa;CAAI;CACzG;EAAE,SAAS;EAA0B,SAAS;EAAW,OAAO;EAAW,OAAOA,yCAAAA,aAAa;CAAM;CACrG;EAAE,SAAS;EAAwB,SAAS;EAAS,OAAO;EAAS,OAAOA,yCAAAA,aAAa;CAAO;CAChG;EAAE,SAAS;EAA2B,SAAS;EAAY,OAAO;EAAY,OAAOA,yCAAAA,aAAa;CAAK;AACzG;AAIA,IAAM,WAA4C,IAAI,KAAI,OAAM,GAAG,OAAO;AAE1E,IAAa,qBAAqB;AAQlC,SAAS,MAAM,KAAoC,IAAQ;CACzD,OAAO,KAAK,SAAS,GAAG,YAAY;AACtC;;AAGA,SAAgB,iBAAiB,EAAE,OAAO,oBAA2C;CACnF,MAAM,SAASC,0DAAAA,yBAAyB;EACtC,WAAW,MAAM;EACjB,OAAO,MAAM;EACb,UAAU,MAAM;EAChB,UAAU;EACV,OAAA;CACF,CAAC;CAED,MAAM,SAASA,0DAAAA,yBAAyB;EAAE,WAAW,MAAM;EAAW,OAAO,MAAM;EAAO,UAAU;CAAS,CAAC;CAE9G,MAAM,QAAQ,OAAO,MAAM,KAAK;CAEhC,MAAM,QAAQ,IAAI,QAAO,OAAM,MAAM,OAAO,EAAE,IAAI,CAAC;CACnD,MAAM,QAAkC,MAAM,KAAK,IAAI,OAAO;EAC5D,SAAS,GAAG;EACZ,OAAO,GAAG;EACV,OAAO,GAAG;EACV,UAAU,MAAM;CAClB,EAAE;CACF,MAAM,QAAQC,4CAAAA,yBAAyB,OAAO,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;EAC1G,GAAG;EACH,GAAG,OAAO,YAAY,MAAM,KAAI,OAAM,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;CACzE,EAAE;CACF,MAAM,OAAOC,4CAAAA,cAAc,MAAM,aAAa,OAAO,OAAO,IAAI;CAChE,MAAM,QAAQ,OAAO,SAAS,OAAO;CACrC,MAAM,YAAY,OAAO,aAAa,OAAO;CAE7C,MAAM,SAAS;EACb,OAAO;EAEP,OAAO,MAAM,KAAI,QAAO;GAAE,OAAO,GAAG;GAAO,OAAOC,yCAAAA,YAAY,MAAM,OAAO,EAAE,CAAC;GAAG,OAAO,GAAG;EAAM,EAAE;EACnG,WAAW,OAAO;EAClB,SAAS,MAAM,SAAS,KACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,IAAI,OACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD;GACS;GACP,eAAe;IACb,IAAI,OAAO,OAAO,OAAY,QAAQ;IACtC,IAAI,OAAO,OAAO,OAAY,QAAQ;GACxC;EACD,CAAA;CACQ,CAAA;CAIf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,8CAAAA,WAAD;EAAW,GAAI;EAAQ,YAAY,OAAO,qBAAqB,OAAO;EACpE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,8CAAAA,WAAD;GACE,SAAS,CAAC,aAAa,MAAM,WAAW;GACxC,cAAa;GAEb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,MAAM;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBN,yCAAAA;IAChB,eAAeO,yCAAAA;IACf,eAAe,sBAAqB,QAAO,iBAAiB,EAAE,QAAQC,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAC/F;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"distinct-ids-chart.cjs.js","names":["CHART_COLORS","useMetricsTraceAggregate","bucketTraceAggregateRows","intervalHours","formatCount","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","ChartArea","MetricsLineChart","formatAxisCount","bucketWindow","EDGE_BUCKET_AXIS"],"sources":["../../../../../src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport type { DrilldownScope } from '../../drilldown';\nimport { useMetricsTraceAggregate } from '../../hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateScope } from '../../hooks/use-metrics-trace-aggregate';\nimport { EDGE_BUCKET_AXIS } from '../../lib/chart-axis';\nimport { CHART_COLORS } from '../../lib/chart-colors';\nimport { formatAxisCount, formatCount } from '../../lib/chart-format';\nimport { bucketWindow, intervalHours } from '../../lib/metrics-buckets';\nimport { bucketTraceAggregateRows, TRACE_AGGREGATE_SERIES_LIMIT } from '../../lib/trace-aggregate';\nimport type { TraceAggregateRow } from '../../lib/trace-aggregate';\nimport { ChartArea } from '../chart-area';\nimport { ChartCard } from '../chart-card';\nimport { ChartCardError } from '../chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\n\n/** Most apps set resource and thread ids (through memory); few set user and session ids. */\nconst IDS = [\n  { measure: 'countDistinct.resourceId', dataKey: 'resources', label: 'Resources', color: CHART_COLORS.sky },\n  { measure: 'countDistinct.threadId', dataKey: 'threads', label: 'Threads', color: CHART_COLORS.green },\n  { measure: 'countDistinct.userId', dataKey: 'users', label: 'Users', color: CHART_COLORS.violet },\n  { measure: 'countDistinct.sessionId', dataKey: 'sessions', label: 'Sessions', color: CHART_COLORS.teal },\n] as const;\n\ntype Id = (typeof IDS)[number];\n\nconst MEASURES: AggregateTracesArgs['measures'] = IDS.map(id => id.measure);\n\nexport const DISTINCT_IDS_TITLE = 'Resources and threads';\n\nexport type DistinctIdsChartProps = {\n  scope: TraceAggregateScope;\n  /** Called with the time range of the clicked bucket. */\n  onTimeRangeClick?: (scope: DrilldownScope) => void;\n};\n\nfunction count(row: TraceAggregateRow | undefined, id: Id) {\n  return row?.measures[id.measure] ?? 0;\n}\n\n/** Distinct ids per bucket, with range totals from a second request. */\nexport function DistinctIdsChart({ scope, onTimeRangeClick }: DistinctIdsChartProps) {\n  const series = useMetricsTraceAggregate({\n    timeRange: scope.timeRange,\n    where: scope.where,\n    interval: scope.interval,\n    measures: MEASURES,\n    limit: TRACE_AGGREGATE_SERIES_LIMIT,\n  });\n  // Bucket counts can't be added up: an id active in two buckets would count twice.\n  const totals = useMetricsTraceAggregate({ timeRange: scope.timeRange, where: scope.where, measures: MEASURES });\n\n  const total = totals.data?.rows[0];\n  // Only the ids this project sets get a line; the rest would sit flat at zero.\n  const shown = IDS.filter(id => count(total, id) > 0);\n  const lines: MetricsLineChartSeries[] = shown.map((id, i) => ({\n    dataKey: id.dataKey,\n    label: id.label,\n    color: id.color,\n    emphasis: i === 0,\n  }));\n  const chart = bucketTraceAggregateRows(series.data?.rows ?? [], scope.window).map(({ rows, ...labels }) => ({\n    ...labels,\n    ...Object.fromEntries(shown.map(id => [id.dataKey, count(rows[0], id)])),\n  }));\n  const step = intervalHours(scope.interval === '1d' ? '1d' : '1h');\n  const error = series.error ?? totals.error;\n  const isLoading = series.isLoading || totals.isLoading;\n\n  const layout = {\n    title: DISTINCT_IDS_TITLE,\n    // Each id's range total, marked like its line: they count different things, so no one sum.\n    total: shown.map(id => ({ label: id.label, value: formatCount(count(total, id)), color: id.color })),\n    isLoading: totals.isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (error) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError\n          error={error}\n          onRetry={() => {\n            if (series.error) void series.refetch();\n            if (totals.error) void totals.refetch();\n          }}\n        />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={series.isPlaceholderData || totals.isPlaceholderData}>\n      <ChartArea\n        isEmpty={!isLoading && shown.length === 0}\n        emptyMessage=\"No traces in this range set a resource, thread, user or session id.\"\n      >\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={chart}\n          series={lines}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatCount}\n          axisFormatter={formatAxisCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick({ window: bucketWindow(Number(row.ts), step) }))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,MAAM;CACV;EAAE,SAAS;EAA4B,SAAS;EAAa,OAAO;EAAa,OAAOA,yCAAAA,aAAa;CAAI;CACzG;EAAE,SAAS;EAA0B,SAAS;EAAW,OAAO;EAAW,OAAOA,yCAAAA,aAAa;CAAM;CACrG;EAAE,SAAS;EAAwB,SAAS;EAAS,OAAO;EAAS,OAAOA,yCAAAA,aAAa;CAAO;CAChG;EAAE,SAAS;EAA2B,SAAS;EAAY,OAAO;EAAY,OAAOA,yCAAAA,aAAa;CAAK;AACzG;AAIA,IAAM,WAA4C,IAAI,KAAI,OAAM,GAAG,OAAO;AAE1E,IAAa,qBAAqB;AAQlC,SAAS,MAAM,KAAoC,IAAQ;CACzD,OAAO,KAAK,SAAS,GAAG,YAAY;AACtC;;AAGA,SAAgB,iBAAiB,EAAE,OAAO,oBAA2C;CACnF,MAAM,SAASC,0DAAAA,yBAAyB;EACtC,WAAW,MAAM;EACjB,OAAO,MAAM;EACb,UAAU,MAAM;EAChB,UAAU;EACV,OAAA;CACF,CAAC;CAED,MAAM,SAASA,0DAAAA,yBAAyB;EAAE,WAAW,MAAM;EAAW,OAAO,MAAM;EAAO,UAAU;CAAS,CAAC;CAE9G,MAAM,QAAQ,OAAO,MAAM,KAAK;CAEhC,MAAM,QAAQ,IAAI,QAAO,OAAM,MAAM,OAAO,EAAE,IAAI,CAAC;CACnD,MAAM,QAAkC,MAAM,KAAK,IAAI,OAAO;EAC5D,SAAS,GAAG;EACZ,OAAO,GAAG;EACV,OAAO,GAAG;EACV,UAAU,MAAM;CAClB,EAAE;CACF,MAAM,QAAQC,4CAAAA,yBAAyB,OAAO,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;EAC1G,GAAG;EACH,GAAG,OAAO,YAAY,MAAM,KAAI,OAAM,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;CACzE,EAAE;CACF,MAAM,OAAOC,4CAAAA,cAAc,MAAM,aAAa,OAAO,OAAO,IAAI;CAChE,MAAM,QAAQ,OAAO,SAAS,OAAO;CACrC,MAAM,YAAY,OAAO,aAAa,OAAO;CAE7C,MAAM,SAAS;EACb,OAAO;EAEP,OAAO,MAAM,KAAI,QAAO;GAAE,OAAO,GAAG;GAAO,OAAOC,yCAAAA,YAAY,MAAM,OAAO,EAAE,CAAC;GAAG,OAAO,GAAG;EAAM,EAAE;EACnG,WAAW,OAAO;EAClB,SAAS,MAAM,SAAS,KACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,IAAI,OACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;EAAW,GAAI;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oDAAAA,gBAAD;GACS;GACP,eAAe;IACb,IAAI,OAAO,OAAO,OAAY,QAAQ;IACtC,IAAI,OAAO,OAAO,OAAY,QAAQ;GACxC;EACD,CAAA;CACQ,CAAA;CAIf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,8CAAAA,WAAD;EAAW,GAAI;EAAQ,YAAY,OAAO,qBAAqB,OAAO;EACpE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,8CAAAA,WAAD;GACE,SAAS,CAAC,aAAa,MAAM,WAAW;GACxC,cAAa;GAEb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,WAAU;IACV,MAAM;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBN,yCAAAA;IAChB,eAAeO,yCAAAA;IACf,eAAe,sBAAqB,QAAO,iBAAiB,EAAE,QAAQC,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAC/F;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/metrics/components/distinct-ids/distinct-ids-chart.es.js

@@ -2,13 +2,13 @@ import { formatAxisCount, formatCount } from "../../lib/chart-format.es.js";
 import { bucketWindow, intervalHours } from "../../lib/metrics-buckets.es.js";
 import { bucketTraceAggregateRows } from "../../lib/trace-aggregate.es.js";
 import { useMetricsTraceAggregate } from "../../hooks/use-metrics-trace-aggregate.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.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 { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../../MetricsLineChart-4SwxBbQx.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx
 /** Most apps set resource and thread ids (through memory); few set user and session ids. */
@@ -99,6 +99,7 @@ function DistinctIdsChart({ scope, onTimeRangeClick }) {
 			isEmpty: !isLoading && shown.length === 0,
 			emptyMessage: "No traces in this range set a resource, thread, user or session id.",
 			children: /* @__PURE__ */ jsx(MetricsLineChart, {
+				lineStyle: "thin",
 				data: chart,
 				series: lines,
 				height: "fill",

package/dist/domains/metrics/components/distinct-ids/distinct-ids-chart.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"distinct-ids-chart.es.js","names":[],"sources":["../../../../../src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport type { DrilldownScope } from '../../drilldown';\nimport { useMetricsTraceAggregate } from '../../hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateScope } from '../../hooks/use-metrics-trace-aggregate';\nimport { EDGE_BUCKET_AXIS } from '../../lib/chart-axis';\nimport { CHART_COLORS } from '../../lib/chart-colors';\nimport { formatAxisCount, formatCount } from '../../lib/chart-format';\nimport { bucketWindow, intervalHours } from '../../lib/metrics-buckets';\nimport { bucketTraceAggregateRows, TRACE_AGGREGATE_SERIES_LIMIT } from '../../lib/trace-aggregate';\nimport type { TraceAggregateRow } from '../../lib/trace-aggregate';\nimport { ChartArea } from '../chart-area';\nimport { ChartCard } from '../chart-card';\nimport { ChartCardError } from '../chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\n\n/** Most apps set resource and thread ids (through memory); few set user and session ids. */\nconst IDS = [\n  { measure: 'countDistinct.resourceId', dataKey: 'resources', label: 'Resources', color: CHART_COLORS.sky },\n  { measure: 'countDistinct.threadId', dataKey: 'threads', label: 'Threads', color: CHART_COLORS.green },\n  { measure: 'countDistinct.userId', dataKey: 'users', label: 'Users', color: CHART_COLORS.violet },\n  { measure: 'countDistinct.sessionId', dataKey: 'sessions', label: 'Sessions', color: CHART_COLORS.teal },\n] as const;\n\ntype Id = (typeof IDS)[number];\n\nconst MEASURES: AggregateTracesArgs['measures'] = IDS.map(id => id.measure);\n\nexport const DISTINCT_IDS_TITLE = 'Resources and threads';\n\nexport type DistinctIdsChartProps = {\n  scope: TraceAggregateScope;\n  /** Called with the time range of the clicked bucket. */\n  onTimeRangeClick?: (scope: DrilldownScope) => void;\n};\n\nfunction count(row: TraceAggregateRow | undefined, id: Id) {\n  return row?.measures[id.measure] ?? 0;\n}\n\n/** Distinct ids per bucket, with range totals from a second request. */\nexport function DistinctIdsChart({ scope, onTimeRangeClick }: DistinctIdsChartProps) {\n  const series = useMetricsTraceAggregate({\n    timeRange: scope.timeRange,\n    where: scope.where,\n    interval: scope.interval,\n    measures: MEASURES,\n    limit: TRACE_AGGREGATE_SERIES_LIMIT,\n  });\n  // Bucket counts can't be added up: an id active in two buckets would count twice.\n  const totals = useMetricsTraceAggregate({ timeRange: scope.timeRange, where: scope.where, measures: MEASURES });\n\n  const total = totals.data?.rows[0];\n  // Only the ids this project sets get a line; the rest would sit flat at zero.\n  const shown = IDS.filter(id => count(total, id) > 0);\n  const lines: MetricsLineChartSeries[] = shown.map((id, i) => ({\n    dataKey: id.dataKey,\n    label: id.label,\n    color: id.color,\n    emphasis: i === 0,\n  }));\n  const chart = bucketTraceAggregateRows(series.data?.rows ?? [], scope.window).map(({ rows, ...labels }) => ({\n    ...labels,\n    ...Object.fromEntries(shown.map(id => [id.dataKey, count(rows[0], id)])),\n  }));\n  const step = intervalHours(scope.interval === '1d' ? '1d' : '1h');\n  const error = series.error ?? totals.error;\n  const isLoading = series.isLoading || totals.isLoading;\n\n  const layout = {\n    title: DISTINCT_IDS_TITLE,\n    // Each id's range total, marked like its line: they count different things, so no one sum.\n    total: shown.map(id => ({ label: id.label, value: formatCount(count(total, id)), color: id.color })),\n    isLoading: totals.isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (error) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError\n          error={error}\n          onRetry={() => {\n            if (series.error) void series.refetch();\n            if (totals.error) void totals.refetch();\n          }}\n        />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={series.isPlaceholderData || totals.isPlaceholderData}>\n      <ChartArea\n        isEmpty={!isLoading && shown.length === 0}\n        emptyMessage=\"No traces in this range set a resource, thread, user or session id.\"\n      >\n        <MetricsLineChart\n          data={chart}\n          series={lines}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatCount}\n          axisFormatter={formatAxisCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick({ window: bucketWindow(Number(row.ts), step) }))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAM,MAAM;CACV;EAAE,SAAS;EAA4B,SAAS;EAAa,OAAO;EAAa,OAAO,aAAa;CAAI;CACzG;EAAE,SAAS;EAA0B,SAAS;EAAW,OAAO;EAAW,OAAO,aAAa;CAAM;CACrG;EAAE,SAAS;EAAwB,SAAS;EAAS,OAAO;EAAS,OAAO,aAAa;CAAO;CAChG;EAAE,SAAS;EAA2B,SAAS;EAAY,OAAO;EAAY,OAAO,aAAa;CAAK;AACzG;AAIA,IAAM,WAA4C,IAAI,KAAI,OAAM,GAAG,OAAO;AAE1E,IAAa,qBAAqB;AAQlC,SAAS,MAAM,KAAoC,IAAQ;CACzD,OAAO,KAAK,SAAS,GAAG,YAAY;AACtC;;AAGA,SAAgB,iBAAiB,EAAE,OAAO,oBAA2C;CACnF,MAAM,SAAS,yBAAyB;EACtC,WAAW,MAAM;EACjB,OAAO,MAAM;EACb,UAAU,MAAM;EAChB,UAAU;EACV,OAAA;CACF,CAAC;CAED,MAAM,SAAS,yBAAyB;EAAE,WAAW,MAAM;EAAW,OAAO,MAAM;EAAO,UAAU;CAAS,CAAC;CAE9G,MAAM,QAAQ,OAAO,MAAM,KAAK;CAEhC,MAAM,QAAQ,IAAI,QAAO,OAAM,MAAM,OAAO,EAAE,IAAI,CAAC;CACnD,MAAM,QAAkC,MAAM,KAAK,IAAI,OAAO;EAC5D,SAAS,GAAG;EACZ,OAAO,GAAG;EACV,OAAO,GAAG;EACV,UAAU,MAAM;CAClB,EAAE;CACF,MAAM,QAAQ,yBAAyB,OAAO,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;EAC1G,GAAG;EACH,GAAG,OAAO,YAAY,MAAM,KAAI,OAAM,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;CACzE,EAAE;CACF,MAAM,OAAO,cAAc,MAAM,aAAa,OAAO,OAAO,IAAI;CAChE,MAAM,QAAQ,OAAO,SAAS,OAAO;CACrC,MAAM,YAAY,OAAO,aAAa,OAAO;CAE7C,MAAM,SAAS;EACb,OAAO;EAEP,OAAO,MAAM,KAAI,QAAO;GAAE,OAAO,GAAG;GAAO,OAAO,YAAY,MAAM,OAAO,EAAE,CAAC;GAAG,OAAO,GAAG;EAAM,EAAE;EACnG,WAAW,OAAO;EAClB,SAAS,MAAM,SAAS,KACtB,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,IAAI,OACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD;GACS;GACP,eAAe;IACb,IAAI,OAAO,OAAO,OAAY,QAAQ;IACtC,IAAI,OAAO,OAAO,OAAY,QAAQ;GACxC;EACD,CAAA;CACQ,CAAA;CAIf,OACE,oBAAC,WAAD;EAAW,GAAI;EAAQ,YAAY,OAAO,qBAAqB,OAAO;EACpE,UAAA,oBAAC,WAAD;GACE,SAAS,CAAC,aAAa,MAAM,WAAW;GACxC,cAAa;GAEb,UAAA,oBAAC,kBAAD;IACE,MAAM;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,eAAe,sBAAqB,QAAO,iBAAiB,EAAE,QAAQ,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAC/F;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"distinct-ids-chart.es.js","names":[],"sources":["../../../../../src/domains/metrics/components/distinct-ids/distinct-ids-chart.tsx"],"sourcesContent":["import type { AggregateTracesArgs } from '@mastra/client-js';\nimport type { DrilldownScope } from '../../drilldown';\nimport { useMetricsTraceAggregate } from '../../hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateScope } from '../../hooks/use-metrics-trace-aggregate';\nimport { EDGE_BUCKET_AXIS } from '../../lib/chart-axis';\nimport { CHART_COLORS } from '../../lib/chart-colors';\nimport { formatAxisCount, formatCount } from '../../lib/chart-format';\nimport { bucketWindow, intervalHours } from '../../lib/metrics-buckets';\nimport { bucketTraceAggregateRows, TRACE_AGGREGATE_SERIES_LIMIT } from '../../lib/trace-aggregate';\nimport type { TraceAggregateRow } from '../../lib/trace-aggregate';\nimport { ChartArea } from '../chart-area';\nimport { ChartCard } from '../chart-card';\nimport { ChartCardError } from '../chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\n\n/** Most apps set resource and thread ids (through memory); few set user and session ids. */\nconst IDS = [\n  { measure: 'countDistinct.resourceId', dataKey: 'resources', label: 'Resources', color: CHART_COLORS.sky },\n  { measure: 'countDistinct.threadId', dataKey: 'threads', label: 'Threads', color: CHART_COLORS.green },\n  { measure: 'countDistinct.userId', dataKey: 'users', label: 'Users', color: CHART_COLORS.violet },\n  { measure: 'countDistinct.sessionId', dataKey: 'sessions', label: 'Sessions', color: CHART_COLORS.teal },\n] as const;\n\ntype Id = (typeof IDS)[number];\n\nconst MEASURES: AggregateTracesArgs['measures'] = IDS.map(id => id.measure);\n\nexport const DISTINCT_IDS_TITLE = 'Resources and threads';\n\nexport type DistinctIdsChartProps = {\n  scope: TraceAggregateScope;\n  /** Called with the time range of the clicked bucket. */\n  onTimeRangeClick?: (scope: DrilldownScope) => void;\n};\n\nfunction count(row: TraceAggregateRow | undefined, id: Id) {\n  return row?.measures[id.measure] ?? 0;\n}\n\n/** Distinct ids per bucket, with range totals from a second request. */\nexport function DistinctIdsChart({ scope, onTimeRangeClick }: DistinctIdsChartProps) {\n  const series = useMetricsTraceAggregate({\n    timeRange: scope.timeRange,\n    where: scope.where,\n    interval: scope.interval,\n    measures: MEASURES,\n    limit: TRACE_AGGREGATE_SERIES_LIMIT,\n  });\n  // Bucket counts can't be added up: an id active in two buckets would count twice.\n  const totals = useMetricsTraceAggregate({ timeRange: scope.timeRange, where: scope.where, measures: MEASURES });\n\n  const total = totals.data?.rows[0];\n  // Only the ids this project sets get a line; the rest would sit flat at zero.\n  const shown = IDS.filter(id => count(total, id) > 0);\n  const lines: MetricsLineChartSeries[] = shown.map((id, i) => ({\n    dataKey: id.dataKey,\n    label: id.label,\n    color: id.color,\n    emphasis: i === 0,\n  }));\n  const chart = bucketTraceAggregateRows(series.data?.rows ?? [], scope.window).map(({ rows, ...labels }) => ({\n    ...labels,\n    ...Object.fromEntries(shown.map(id => [id.dataKey, count(rows[0], id)])),\n  }));\n  const step = intervalHours(scope.interval === '1d' ? '1d' : '1h');\n  const error = series.error ?? totals.error;\n  const isLoading = series.isLoading || totals.isLoading;\n\n  const layout = {\n    title: DISTINCT_IDS_TITLE,\n    // Each id's range total, marked like its line: they count different things, so no one sum.\n    total: shown.map(id => ({ label: id.label, value: formatCount(count(total, id)), color: id.color })),\n    isLoading: totals.isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  if (error) {\n    return (\n      <ChartCard {...layout}>\n        <ChartCardError\n          error={error}\n          onRetry={() => {\n            if (series.error) void series.refetch();\n            if (totals.error) void totals.refetch();\n          }}\n        />\n      </ChartCard>\n    );\n  }\n\n  return (\n    <ChartCard {...layout} isUpdating={series.isPlaceholderData || totals.isPlaceholderData}>\n      <ChartArea\n        isEmpty={!isLoading && shown.length === 0}\n        emptyMessage=\"No traces in this range set a resource, thread, user or session id.\"\n      >\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={chart}\n          series={lines}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatCount}\n          axisFormatter={formatAxisCount}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick({ window: bucketWindow(Number(row.ts), step) }))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAM,MAAM;CACV;EAAE,SAAS;EAA4B,SAAS;EAAa,OAAO;EAAa,OAAO,aAAa;CAAI;CACzG;EAAE,SAAS;EAA0B,SAAS;EAAW,OAAO;EAAW,OAAO,aAAa;CAAM;CACrG;EAAE,SAAS;EAAwB,SAAS;EAAS,OAAO;EAAS,OAAO,aAAa;CAAO;CAChG;EAAE,SAAS;EAA2B,SAAS;EAAY,OAAO;EAAY,OAAO,aAAa;CAAK;AACzG;AAIA,IAAM,WAA4C,IAAI,KAAI,OAAM,GAAG,OAAO;AAE1E,IAAa,qBAAqB;AAQlC,SAAS,MAAM,KAAoC,IAAQ;CACzD,OAAO,KAAK,SAAS,GAAG,YAAY;AACtC;;AAGA,SAAgB,iBAAiB,EAAE,OAAO,oBAA2C;CACnF,MAAM,SAAS,yBAAyB;EACtC,WAAW,MAAM;EACjB,OAAO,MAAM;EACb,UAAU,MAAM;EAChB,UAAU;EACV,OAAA;CACF,CAAC;CAED,MAAM,SAAS,yBAAyB;EAAE,WAAW,MAAM;EAAW,OAAO,MAAM;EAAO,UAAU;CAAS,CAAC;CAE9G,MAAM,QAAQ,OAAO,MAAM,KAAK;CAEhC,MAAM,QAAQ,IAAI,QAAO,OAAM,MAAM,OAAO,EAAE,IAAI,CAAC;CACnD,MAAM,QAAkC,MAAM,KAAK,IAAI,OAAO;EAC5D,SAAS,GAAG;EACZ,OAAO,GAAG;EACV,OAAO,GAAG;EACV,UAAU,MAAM;CAClB,EAAE;CACF,MAAM,QAAQ,yBAAyB,OAAO,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;EAC1G,GAAG;EACH,GAAG,OAAO,YAAY,MAAM,KAAI,OAAM,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;CACzE,EAAE;CACF,MAAM,OAAO,cAAc,MAAM,aAAa,OAAO,OAAO,IAAI;CAChE,MAAM,QAAQ,OAAO,SAAS,OAAO;CACrC,MAAM,YAAY,OAAO,aAAa,OAAO;CAE7C,MAAM,SAAS;EACb,OAAO;EAEP,OAAO,MAAM,KAAI,QAAO;GAAE,OAAO,GAAG;GAAO,OAAO,YAAY,MAAM,OAAO,EAAE,CAAC;GAAG,OAAO,GAAG;EAAM,EAAE;EACnG,WAAW,OAAO;EAClB,SAAS,MAAM,SAAS,KACtB,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,wBAAD,EAAwB,QAAQ,MAAQ,CAAA,EACrB,CAAA;CAEzB;CAEA,IAAI,OACF,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD;GACS;GACP,eAAe;IACb,IAAI,OAAO,OAAO,OAAY,QAAQ;IACtC,IAAI,OAAO,OAAO,OAAY,QAAQ;GACxC;EACD,CAAA;CACQ,CAAA;CAIf,OACE,oBAAC,WAAD;EAAW,GAAI;EAAQ,YAAY,OAAO,qBAAqB,OAAO;EACpE,UAAA,oBAAC,WAAD;GACE,SAAS,CAAC,aAAa,MAAM,WAAW;GACxC,cAAa;GAEb,UAAA,oBAAC,kBAAD;IACE,WAAU;IACV,MAAM;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,eAAe,sBAAqB,QAAO,iBAAiB,EAAE,QAAQ,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAC/F;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/metrics/components/failure-rate-card.cjs.js

@@ -2,13 +2,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_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 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_MetricsLineChart = require("../../../MetricsLineChart-tZxsauau.cjs");
 const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
 const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -45,6 +45,7 @@ function FailureRateCard({ onViewErrors, onTimeRangeClick, titleMenu }) {
 			isEmpty: !isLoading && runs === 0,
 			emptyMessage: "No agent runs in this range.",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				lineStyle: "thin",
 				data,
 				series: SERIES,
 				height: "fill",

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

@@ -1 +1 @@
-{"version":3,"file":"failure-rate-card.cjs.js","names":["CHART_COLORS","useMetricsActivity","useMetricsFilters","bucketPlan","OpenErrorsInLogsButton","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","formatPercent","ChartArea","MetricsLineChart","bucketWindow","EDGE_BUCKET_AXIS"],"sources":["../../../../src/domains/metrics/components/failure-rate-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatPercent } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { OpenErrorsInLogsButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport type { ChartCardProps } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst SERIES = [{ dataKey: 'failureRate', label: 'Failed runs', color: CHART_COLORS.error }];\n\nconst axisPercent = (ratio: number) => `${Math.round(ratio * 100)}%`;\n\n/** Share of agent runs that failed, per bucket; a point opens the failed runs' traces. */\nexport type FailureRateCardProps<V extends string = string> = {\n  /** Called from the \"View errors in Logs\" button. */\n  onViewErrors?: () => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n  /** Switches to a sibling view from the title (Agent runs uses it). */\n  titleMenu?: ChartCardProps<V>['titleMenu'];\n};\n\nexport function FailureRateCard<V extends string = string>({\n  onViewErrors,\n  onTimeRangeClick,\n  titleMenu,\n}: FailureRateCardProps<V>) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const runs = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n  const failed = data.reduce((sum, b) => sum + b.failed, 0);\n  // With nothing failed, the axis would fall back to 0-4 (400%); a share tops out at 100%.\n  const yDomain: [number, number] | undefined = failed === 0 ? [0, 1] : undefined;\n\n  const layout = {\n    title: 'Failure rate',\n    titleMenu,\n    actions: onViewErrors && <OpenErrorsInLogsButton onClick={onViewErrors} />,\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={formatPercent(runs > 0 ? failed / runs : 0)}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && runs === 0} emptyMessage=\"No agent runs in this range.\">\n        <MetricsLineChart\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatPercent}\n          axisFormatter={axisPercent}\n          yDomain={yDomain}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,SAAS,CAAC;CAAE,SAAS;CAAe,OAAO;CAAe,OAAOA,yCAAAA,aAAa;AAAM,CAAC;AAE3F,IAAM,eAAe,UAAkB,GAAG,KAAK,MAAM,QAAQ,GAAG,EAAE;AAYlE,SAAgB,gBAA2C,EACzD,cACA,kBACA,aAC0B;CAC1B,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsBC,mDAAAA,mBAAmB;CAChF,MAAM,EAAE,cAAcC,kDAAAA,kBAAkB;CACxC,MAAM,EAAE,cAAcC,4CAAAA,WAAW,UAAU,OAAO,UAAU,GAAG;CAC/D,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;CACpE,MAAM,SAAS,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC;CAExD,MAAM,UAAwC,WAAW,IAAI,CAAC,GAAG,CAAC,IAAI,KAAA;CAEtE,MAAM,SAAS;EACb,OAAO;EACP;EACA,SAAS,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,wBAAD,EAAwB,SAAS,aAAe,CAAA;EACzE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,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;EACE,GAAI;EACJ,OAAOE,yCAAAA,cAAc,OAAO,IAAI,SAAS,OAAO,CAAC;EACtC;EACX,YAAY;EAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAa;GACzD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACQ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBF,yCAAAA;IAChB,eAAe;IACN;IACT,eAAe,sBAAqB,QAAO,iBAAiBG,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC;IACxF;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"failure-rate-card.cjs.js","names":["CHART_COLORS","useMetricsActivity","useMetricsFilters","bucketPlan","OpenErrorsInLogsButton","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","formatPercent","ChartArea","MetricsLineChart","bucketWindow","EDGE_BUCKET_AXIS"],"sources":["../../../../src/domains/metrics/components/failure-rate-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatPercent } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { OpenErrorsInLogsButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport type { ChartCardProps } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst SERIES = [{ dataKey: 'failureRate', label: 'Failed runs', color: CHART_COLORS.error }];\n\nconst axisPercent = (ratio: number) => `${Math.round(ratio * 100)}%`;\n\n/** Share of agent runs that failed, per bucket; a point opens the failed runs' traces. */\nexport type FailureRateCardProps<V extends string = string> = {\n  /** Called from the \"View errors in Logs\" button. */\n  onViewErrors?: () => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n  /** Switches to a sibling view from the title (Agent runs uses it). */\n  titleMenu?: ChartCardProps<V>['titleMenu'];\n};\n\nexport function FailureRateCard<V extends string = string>({\n  onViewErrors,\n  onTimeRangeClick,\n  titleMenu,\n}: FailureRateCardProps<V>) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const runs = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n  const failed = data.reduce((sum, b) => sum + b.failed, 0);\n  // With nothing failed, the axis would fall back to 0-4 (400%); a share tops out at 100%.\n  const yDomain: [number, number] | undefined = failed === 0 ? [0, 1] : undefined;\n\n  const layout = {\n    title: 'Failure rate',\n    titleMenu,\n    actions: onViewErrors && <OpenErrorsInLogsButton onClick={onViewErrors} />,\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={formatPercent(runs > 0 ? failed / runs : 0)}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && runs === 0} emptyMessage=\"No agent runs 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={formatPercent}\n          axisFormatter={axisPercent}\n          yDomain={yDomain}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,SAAS,CAAC;CAAE,SAAS;CAAe,OAAO;CAAe,OAAOA,yCAAAA,aAAa;AAAM,CAAC;AAE3F,IAAM,eAAe,UAAkB,GAAG,KAAK,MAAM,QAAQ,GAAG,EAAE;AAYlE,SAAgB,gBAA2C,EACzD,cACA,kBACA,aAC0B;CAC1B,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsBC,mDAAAA,mBAAmB;CAChF,MAAM,EAAE,cAAcC,kDAAAA,kBAAkB;CACxC,MAAM,EAAE,cAAcC,4CAAAA,WAAW,UAAU,OAAO,UAAU,GAAG;CAC/D,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;CACpE,MAAM,SAAS,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC;CAExD,MAAM,UAAwC,WAAW,IAAI,CAAC,GAAG,CAAC,IAAI,KAAA;CAEtE,MAAM,SAAS;EACb,OAAO;EACP;EACA,SAAS,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,wBAAD,EAAwB,SAAS,aAAe,CAAA;EACzE,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,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;EACE,GAAI;EACJ,OAAOE,yCAAAA,cAAc,OAAO,IAAI,SAAS,OAAO,CAAC;EACtC;EACX,YAAY;EAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAa;GACzD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,WAAU;IACJ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBF,yCAAAA;IAChB,eAAe;IACN;IACT,eAAe,sBAAqB,QAAO,iBAAiBG,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC;IACxF;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/metrics/components/failure-rate-card.es.js

@@ -1,13 +1,13 @@
 import { formatPercent } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
 import { bucketPlan, bucketWindow } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.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 { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../MetricsLineChart-4SwxBbQx.js";
 import { OpenErrorsInLogsButton } from "./card-action-buttons.es.js";
 import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { jsx } from "react/jsx-runtime";
@@ -44,6 +44,7 @@ function FailureRateCard({ onViewErrors, onTimeRangeClick, titleMenu }) {
 			isEmpty: !isLoading && runs === 0,
 			emptyMessage: "No agent runs in this range.",
 			children: /* @__PURE__ */ jsx(MetricsLineChart, {
+				lineStyle: "thin",
 				data,
 				series: SERIES,
 				height: "fill",

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

@@ -1 +1 @@
-{"version":3,"file":"failure-rate-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/failure-rate-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatPercent } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { OpenErrorsInLogsButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport type { ChartCardProps } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst SERIES = [{ dataKey: 'failureRate', label: 'Failed runs', color: CHART_COLORS.error }];\n\nconst axisPercent = (ratio: number) => `${Math.round(ratio * 100)}%`;\n\n/** Share of agent runs that failed, per bucket; a point opens the failed runs' traces. */\nexport type FailureRateCardProps<V extends string = string> = {\n  /** Called from the \"View errors in Logs\" button. */\n  onViewErrors?: () => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n  /** Switches to a sibling view from the title (Agent runs uses it). */\n  titleMenu?: ChartCardProps<V>['titleMenu'];\n};\n\nexport function FailureRateCard<V extends string = string>({\n  onViewErrors,\n  onTimeRangeClick,\n  titleMenu,\n}: FailureRateCardProps<V>) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const runs = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n  const failed = data.reduce((sum, b) => sum + b.failed, 0);\n  // With nothing failed, the axis would fall back to 0-4 (400%); a share tops out at 100%.\n  const yDomain: [number, number] | undefined = failed === 0 ? [0, 1] : undefined;\n\n  const layout = {\n    title: 'Failure rate',\n    titleMenu,\n    actions: onViewErrors && <OpenErrorsInLogsButton onClick={onViewErrors} />,\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={formatPercent(runs > 0 ? failed / runs : 0)}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && runs === 0} emptyMessage=\"No agent runs in this range.\">\n        <MetricsLineChart\n          data={data}\n          series={SERIES}\n          height=\"fill\"\n          xLabels=\"edges\"\n          showLegend={false}\n          valueFormatter={formatPercent}\n          axisFormatter={axisPercent}\n          yDomain={yDomain}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,SAAS,CAAC;CAAE,SAAS;CAAe,OAAO;CAAe,OAAO,aAAa;AAAM,CAAC;AAE3F,IAAM,eAAe,UAAkB,GAAG,KAAK,MAAM,QAAQ,GAAG,EAAE;AAYlE,SAAgB,gBAA2C,EACzD,cACA,kBACA,aAC0B;CAC1B,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsB,mBAAmB;CAChF,MAAM,EAAE,cAAc,kBAAkB;CACxC,MAAM,EAAE,cAAc,WAAW,UAAU,OAAO,UAAU,GAAG;CAC/D,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;CACpE,MAAM,SAAS,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC;CAExD,MAAM,UAAwC,WAAW,IAAI,CAAC,GAAG,CAAC,IAAI,KAAA;CAEtE,MAAM,SAAS;EACb,OAAO;EACP;EACA,SAAS,gBAAgB,oBAAC,wBAAD,EAAwB,SAAS,aAAe,CAAA;EACzE,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,cAAc,OAAO,IAAI,SAAS,OAAO,CAAC;EACtC;EACX,YAAY;EAEZ,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAa;GACzD,UAAA,oBAAC,kBAAD;IACQ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACN;IACT,eAAe,sBAAqB,QAAO,iBAAiB,aAAa,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC;IACxF;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"failure-rate-card.es.js","names":[],"sources":["../../../../src/domains/metrics/components/failure-rate-card.tsx"],"sourcesContent":["import { EntityType } from '@mastra/core/observability';\nimport type { TimeRange } from '../drilldown';\nimport { useMetricsActivity } from '../hooks/use-metrics-activity';\nimport { useMetricsFilters } from '../hooks/use-metrics-filters';\nimport { EDGE_BUCKET_AXIS } from '../lib/chart-axis';\nimport { CHART_COLORS } from '../lib/chart-colors';\nimport { formatPercent } from '../lib/chart-format';\nimport { bucketPlan, bucketWindow } from '../lib/metrics-buckets';\nimport { OpenErrorsInLogsButton } from './card-action-buttons';\nimport { ChartArea } from './chart-area';\nimport { ChartCard } from './chart-card';\nimport type { ChartCardProps } from './chart-card';\nimport { ChartCardError } from './chart-card-error';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\n\nconst SERIES = [{ dataKey: 'failureRate', label: 'Failed runs', color: CHART_COLORS.error }];\n\nconst axisPercent = (ratio: number) => `${Math.round(ratio * 100)}%`;\n\n/** Share of agent runs that failed, per bucket; a point opens the failed runs' traces. */\nexport type FailureRateCardProps<V extends string = string> = {\n  /** Called from the \"View errors in Logs\" button. */\n  onViewErrors?: () => void;\n  /** Called with the time range of the clicked bar or point. */\n  onTimeRangeClick?: (range: TimeRange) => void;\n  /** Switches to a sibling view from the title (Agent runs uses it). */\n  titleMenu?: ChartCardProps<V>['titleMenu'];\n};\n\nexport function FailureRateCard<V extends string = string>({\n  onViewErrors,\n  onTimeRangeClick,\n  titleMenu,\n}: FailureRateCardProps<V>) {\n  const { data = [], isLoading, isError, isPlaceholderData } = useMetricsActivity();\n  const { timestamp } = useMetricsFilters();\n  const { stepHours } = bucketPlan(timestamp.start, timestamp.end);\n  const runs = data.reduce((sum, b) => sum + b.completed + b.failed, 0);\n  const failed = data.reduce((sum, b) => sum + b.failed, 0);\n  // With nothing failed, the axis would fall back to 0-4 (400%); a share tops out at 100%.\n  const yDomain: [number, number] | undefined = failed === 0 ? [0, 1] : undefined;\n\n  const layout = {\n    title: 'Failure rate',\n    titleMenu,\n    actions: onViewErrors && <OpenErrorsInLogsButton onClick={onViewErrors} />,\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={formatPercent(runs > 0 ? failed / runs : 0)}\n      isLoading={isLoading}\n      isUpdating={isPlaceholderData}\n    >\n      <ChartArea isEmpty={!isLoading && runs === 0} emptyMessage=\"No agent runs 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={formatPercent}\n          axisFormatter={axisPercent}\n          yDomain={yDomain}\n          onBucketClick={onTimeRangeClick && (row => onTimeRangeClick(bucketWindow(Number(row.ts), stepHours)))}\n          isLoading={isLoading}\n          {...EDGE_BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,SAAS,CAAC;CAAE,SAAS;CAAe,OAAO;CAAe,OAAO,aAAa;AAAM,CAAC;AAE3F,IAAM,eAAe,UAAkB,GAAG,KAAK,MAAM,QAAQ,GAAG,EAAE;AAYlE,SAAgB,gBAA2C,EACzD,cACA,kBACA,aAC0B;CAC1B,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsB,mBAAmB;CAChF,MAAM,EAAE,cAAc,kBAAkB;CACxC,MAAM,EAAE,cAAc,WAAW,UAAU,OAAO,UAAU,GAAG;CAC/D,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,YAAY,EAAE,QAAQ,CAAC;CACpE,MAAM,SAAS,KAAK,QAAQ,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC;CAExD,MAAM,UAAwC,WAAW,IAAI,CAAC,GAAG,CAAC,IAAI,KAAA;CAEtE,MAAM,SAAS;EACb,OAAO;EACP;EACA,SAAS,gBAAgB,oBAAC,wBAAD,EAAwB,SAAS,aAAe,CAAA;EACzE,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,cAAc,OAAO,IAAI,SAAS,OAAO,CAAC;EACtC;EACX,YAAY;EAEZ,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAa;GACzD,UAAA,oBAAC,kBAAD;IACE,WAAU;IACJ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACN;IACT,eAAe,sBAAqB,QAAO,iBAAiB,aAAa,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC;IACxF;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

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

@@ -2,13 +2,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_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 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_MetricsLineChart = require("../../../MetricsLineChart-tZxsauau.cjs");
 const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
 const require_domains_metrics_hooks_use_metrics_latency = require("../hooks/use-metrics-latency.cjs.js");
 let react = require("react");
@@ -91,6 +91,7 @@ function LatencyCard({ onViewTraces, onTimeRangeClick }) {
 			isEmpty: !isLoading && peak === 0,
 			emptyMessage: `No ${EMPTY_NOUN[entity]} in this range.`,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				lineStyle: "thin",
 				data,
 				series: SERIES,
 				height: "fill",

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

@@ -1 +1 @@
-{"version":3,"file":"latency-card.cjs.js","names":["EntityType","CHART_COLORS","useState","useMetricsLatency","useMetricsFilters","intervalHours","bucketPlan","OpenInTracesButton","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","formatDuration","ChartArea","MetricsLineChart","formatAxisDuration","bucketWindow","EDGE_BUCKET_AXIS"],"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,QAAQA,2BAAAA,WAAW;CACnB,WAAWA,2BAAAA,WAAW;CACtB,OAAOA,2BAAAA,WAAW;AACpB;AAEA,IAAM,SAAmC;CACvC;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOC,yCAAAA,aAAa;CAAI;CACxD;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOA,yCAAAA,aAAa;EAAO,UAAU;CAAK;CAC1E;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOA,yCAAAA,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,cAAA,GAAaC,MAAAA,SAAAA,CAAwB,QAAQ;CAC5D,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsBC,kDAAAA,kBAAkB,MAAM;CACrF,MAAM,EAAE,cAAcC,kDAAAA,kBAAkB;CAExC,MAAM,OAAOC,4CAAAA,cAAcC,4CAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAoB,eAAe,aAAa,YAAY,OAAO,EAAI,CAAA;EAChG,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,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;EACE,GAAI;EACJ,OAAO,OAAO,IAAIE,yCAAAA,eAAe,IAAI,IAAI;EAC9B;EACX,YAAY;EAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAc,MAAM,WAAW,QAAQ;GACnF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACQ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBF,yCAAAA;IAChB,eAAeG,yCAAAA;IACf,eAAe,sBAAqB,QAAO,iBAAiBC,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,CAAC;IACnF;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"latency-card.cjs.js","names":["EntityType","CHART_COLORS","useState","useMetricsLatency","useMetricsFilters","intervalHours","bucketPlan","OpenInTracesButton","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","formatDuration","ChartArea","MetricsLineChart","formatAxisDuration","bucketWindow","EDGE_BUCKET_AXIS"],"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,QAAQA,2BAAAA,WAAW;CACnB,WAAWA,2BAAAA,WAAW;CACtB,OAAOA,2BAAAA,WAAW;AACpB;AAEA,IAAM,SAAmC;CACvC;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOC,yCAAAA,aAAa;CAAI;CACxD;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOA,yCAAAA,aAAa;EAAO,UAAU;CAAK;CAC1E;EAAE,SAAS;EAAO,OAAO;EAAO,OAAOA,yCAAAA,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,cAAA,GAAaC,MAAAA,SAAAA,CAAwB,QAAQ;CAC5D,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,SAAS,sBAAsBC,kDAAAA,kBAAkB,MAAM;CACrF,MAAM,EAAE,cAAcC,kDAAAA,kBAAkB;CAExC,MAAM,OAAOC,4CAAAA,cAAcC,4CAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAoB,eAAe,aAAa,YAAY,OAAO,EAAI,CAAA;EAChG,SACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,wBAAD,EAAwB,QAAQ,OAAS,CAAA,EACtB,CAAA;CAEzB;CAEA,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;EACE,GAAI;EACJ,OAAO,OAAO,IAAIE,yCAAAA,eAAe,IAAI,IAAI;EAC9B;EACX,YAAY;EAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,SAAS,CAAC,aAAa,SAAS;GAAG,cAAc,MAAM,WAAW,QAAQ;GACnF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;IACE,WAAU;IACJ;IACN,QAAQ;IACR,QAAO;IACP,SAAQ;IACR,YAAY;IACZ,gBAAgBF,yCAAAA;IAChB,eAAeG,yCAAAA;IACf,eAAe,sBAAqB,QAAO,iBAAiBC,4CAAAA,aAAa,OAAO,IAAI,EAAE,GAAG,IAAI,CAAC;IACnF;IACX,GAAIC,uCAAAA;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

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

@@ -1,13 +1,13 @@
 import { formatAxisDuration, formatDuration } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
 import { bucketPlan, bucketWindow, intervalHours } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.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 { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../MetricsLineChart-4SwxBbQx.js";
 import { OpenInTracesButton } from "./card-action-buttons.es.js";
 import { useMetricsLatency } from "../hooks/use-metrics-latency.es.js";
 import { useState } from "react";
@@ -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

@@ -2,7 +2,7 @@ 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_filter_bar_time_range = require("../../../filter-bar-time-range-zdM024JD.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 { i as FilterBarTimeRange } from "../../../filter-bar-time-range-qlV8p7hp.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

@@ -4,7 +4,7 @@ const require_domains_metrics_components_chart_card = require("./chart-card.cjs.
 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_MetricsLineChart = require("../../../MetricsLineChart-tZxsauau.cjs");
 const require_domains_metrics_hooks_use_metrics_scores = require("../hooks/use-metrics-scores.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/scores-card.tsx
@@ -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

@@ -3,7 +3,7 @@ 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 { t as MetricsLineChart } from "../../../MetricsLineChart-4SwxBbQx.js";
 import { useMetricsScores } from "../hooks/use-metrics-scores.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/scores-card.tsx
@@ -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

@@ -2,15 +2,15 @@ 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_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 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_MetricsLineChart = require("../../../MetricsLineChart-tZxsauau.cjs");
 const require_domains_metrics_components_card_action_buttons = require("./card-action-buttons.cjs.js");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-BdMlKv6G.cjs");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CDLE76IB.cjs");
 const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,15 +1,15 @@
 import { formatAxisCount, formatAxisUsd, formatCount, formatUsd } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
 import { bucketPlan, bucketWindow } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.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 { r as MetricsLineChartLegend } from "../../../MetricsLineChart-4SwxBbQx.js";
 import { OpenInTracesButton } from "./card-action-buttons.es.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-BRuA6MTE.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-D2QyS4-z.js";
 import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,6 +1,6 @@
 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_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/trace-aggregate-card.tsx

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

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

package/dist/domains/observability/components/observability-histogram.cjs.js

@@ -4,7 +4,7 @@ const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_domains_metrics_lib_chart_format = require("../../metrics/lib/chart-format.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("../../metrics/lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../../metrics/lib/chart-colors.cjs.js");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-BdMlKv6G.cjs");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CDLE76IB.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/observability/components/observability-histogram.tsx

package/dist/domains/observability/components/observability-histogram.es.js

@@ -3,7 +3,7 @@ import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { formatCount } from "../../metrics/lib/chart-format.es.js";
 import { BUCKET_AXIS } from "../../metrics/lib/chart-axis.es.js";
 import { CHART_COLORS } from "../../metrics/lib/chart-colors.es.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-BRuA6MTE.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-D2QyS4-z.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/observability/components/observability-histogram.tsx

package/dist/domains/scores/components/trace-scores-list.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
-const require_MarkdownRenderer = require("../../../MarkdownRenderer-CB8Z_CHc.cjs");
+const require_MarkdownRenderer = require("../../../MarkdownRenderer-y65WGBhC.cjs");
+const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
 const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
 const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
-const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/scores/components/trace-scores-list.es.js

@@ -1,9 +1,9 @@
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
-import { t as MarkdownRenderer } from "../../../MarkdownRenderer-2GOXQJEv.js";
+import { t as MarkdownRenderer } from "../../../MarkdownRenderer-CI30RqdB.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
 import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
 import { t as DataList } from "../../../data-list-DHCOoLmj.js";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
 import { Fragment, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InfoIcon } from "lucide-react";

package/dist/domains/skills/skill-simple-form.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_input = require("../../input-2hRXcZIu.cjs");
-const require_MarkdownRenderer = require("../../MarkdownRenderer-CB8Z_CHc.cjs");
+const require_MarkdownRenderer = require("../../MarkdownRenderer-y65WGBhC.cjs");
 const require_CodeEditor = require("../../CodeEditor-CLzs0yVc.cjs");
 const require_components_Field = require("../../components/Field.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/skills/skill-simple-form.es.js

@@ -1,6 +1,6 @@
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { t as Input } from "../../input-0l1uzOBZ.js";
-import { t as MarkdownRenderer } from "../../MarkdownRenderer-2GOXQJEv.js";
+import { t as MarkdownRenderer } from "../../MarkdownRenderer-CI30RqdB.js";
 import { t as CodeEditor } from "../../CodeEditor-COnz9c6B.js";
 import { Field, FieldLabel } from "../../components/Field.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";