npm - @mastra/playground-ui - Versions diffs - 68.0.0-alpha.3 → 68.0.0 - Mend

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

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

Files changed (163) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/spans/components/spans-filter-bar.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-require("../../../filter-bar-time-range-BA-pXMlo.cjs");
-const require_FilterBar = require("../../../FilterBar-CQl04O6t.cjs");
+require("../../../filter-bar-time-range-zdM024JD.cjs");
+const require_FilterBar = require("../../../FilterBar-BSP2UTjc.cjs");
 const require_domains_spans_hooks_use_spans_filter_bar = require("../hooks/use-spans-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/spans/components/spans-filter-bar.tsx

package/dist/domains/spans/components/spans-filter-bar.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import "../../../filter-bar-time-range-mg9JeYue.js";
-import { n as FilterBar } from "../../../FilterBar-BgW2dqRQ.js";
+import "../../../filter-bar-time-range-qlV8p7hp.js";
+import { n as FilterBar } from "../../../FilterBar-PSQ1OwqH.js";
 import { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from "../hooks/use-spans-filter-bar.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/spans/components/spans-filter-bar.tsx

package/dist/domains/spans/hooks/use-spans-filter-bar.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_types = require("../../../types-CP7wbYua.cjs");
 const require_domains_spans_span_filters = require("../span-filters.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 = require("react");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");

package/dist/domains/spans/hooks/use-spans-filter-bar.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../trace-filters-CaWkw779.js";
 import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
 import { createSpanFilterBarFields } from "../span-filters.es.js";
-import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-mg9JeYue.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-qlV8p7hp.js";
 import { useCallback, useMemo } from "react";
 import { useMastraClient } from "@mastra/react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";

package/dist/domains/threads/components/threads-filter-bar.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-require("../../../filter-bar-time-range-BA-pXMlo.cjs");
-const require_FilterBar = require("../../../FilterBar-CQl04O6t.cjs");
+require("../../../filter-bar-time-range-zdM024JD.cjs");
+const require_FilterBar = require("../../../FilterBar-BSP2UTjc.cjs");
 const require_domains_threads_hooks_use_threads_filter_bar = require("../hooks/use-threads-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/threads/components/threads-filter-bar.tsx

package/dist/domains/threads/components/threads-filter-bar.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import "../../../filter-bar-time-range-mg9JeYue.js";
-import { n as FilterBar } from "../../../FilterBar-BgW2dqRQ.js";
+import "../../../filter-bar-time-range-qlV8p7hp.js";
+import { n as FilterBar } from "../../../FilterBar-PSQ1OwqH.js";
 import { THREAD_TIME_RANGE_PRESETS, useThreadsFilterBar, useThreadsFilterBarFields } from "../hooks/use-threads-filter-bar.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/threads/components/threads-filter-bar.tsx

package/dist/domains/threads/hooks/use-threads-filter-bar.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_types = require("../../../types-CP7wbYua.cjs");
 const require_domains_threads_thread_filters = require("../thread-filters.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 = require("react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");

package/dist/domains/threads/hooks/use-threads-filter-bar.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../trace-filters-CaWkw779.js";
 import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
 import { createThreadFilterBarFields } from "../thread-filters.es.js";
-import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-mg9JeYue.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-qlV8p7hp.js";
 import { useCallback, useMemo } from "react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";
 import { useEntityNames, useEnvironments } from "@mastra/react/hooks/traces";

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer-actions.cjs.js");
-require("../../../../filter-bar-time-range-BA-pXMlo.cjs");
-const require_FilterBar = require("../../../../FilterBar-CQl04O6t.cjs");
+require("../../../../filter-bar-time-range-zdM024JD.cjs");
+const require_FilterBar = require("../../../../FilterBar-BSP2UTjc.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer-context.cjs.js");
 const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./use-traces-filter-bar.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/traces-explorer/traces-explorer-filter-bar.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "./traces-explorer-actions.es.js";
-import "../../../../filter-bar-time-range-mg9JeYue.js";
-import { n as FilterBar } from "../../../../FilterBar-BgW2dqRQ.js";
+import "../../../../filter-bar-time-range-qlV8p7hp.js";
+import { n as FilterBar } from "../../../../FilterBar-PSQ1OwqH.js";
 import { useTracesConfig, useTracesFilters, useTracesList } from "./traces-explorer-context.es.js";
 import { useTracesFilterBar, useTracesFilterBarFields } from "./use-traces-filter-bar.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";