@mastra/playground-ui 61.0.0 → 62.0.0-alpha.1

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_metrics_lib_chartAxis = require('./lib/chart-axis.cjs.js');
+const domains_metrics_lib_chartColors = require('./lib/chart-colors.cjs.js');
+const domains_metrics_lib_chartFormat = require('./lib/chart-format.cjs.js');
+const domains_metrics_lib_bucketLabels = require('./lib/bucket-labels.cjs.js');
+
+
+
+exports.BUCKET_AXIS = domains_metrics_lib_chartAxis.BUCKET_AXIS;
+exports.EDGE_BUCKET_AXIS = domains_metrics_lib_chartAxis.EDGE_BUCKET_AXIS;
+exports.CHART_COLORS = domains_metrics_lib_chartColors.CHART_COLORS;
+exports.formatAxisCount = domains_metrics_lib_chartFormat.formatAxisCount;
+exports.formatAxisDuration = domains_metrics_lib_chartFormat.formatAxisDuration;
+exports.formatCount = domains_metrics_lib_chartFormat.formatCount;
+exports.formatDuration = domains_metrics_lib_chartFormat.formatDuration;
+exports.formatPercent = domains_metrics_lib_chartFormat.formatPercent;
+exports.formatUsd = domains_metrics_lib_chartFormat.formatUsd;
+exports.percentChange = domains_metrics_lib_chartFormat.percentChange;
+exports.bucketLabels = domains_metrics_lib_bucketLabels.bucketLabels;
+exports.isMultiDay = domains_metrics_lib_bucketLabels.isMultiDay;
+//# sourceMappingURL=lib.cjs.js.map

package/dist/domains/metrics/lib.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/metrics/lib.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/domains/metrics/lib/index'
+export {}

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

@@ -0,0 +1,5 @@
+export { BUCKET_AXIS, EDGE_BUCKET_AXIS } from './lib/chart-axis.es.js';
+export { CHART_COLORS } from './lib/chart-colors.es.js';
+export { formatAxisCount, formatAxisDuration, formatCount, formatDuration, formatPercent, formatUsd, percentChange } from './lib/chart-format.es.js';
+export { bucketLabels, isMultiDay } from './lib/bucket-labels.es.js';
+//# sourceMappingURL=lib.es.js.map

package/dist/domains/metrics/lib.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/domains/metrics.cjs.js

@@ -3,40 +3,52 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const domains_metrics_components_dateRangeSelector = require('./metrics/components/date-range-selector.cjs.js');
-const domains_metrics_components_metricsUtils = require('./metrics/components/metrics-utils.cjs.js');
-const domains_metrics_components_barList = require('./metrics/components/bar-list.cjs.js');
 const domains_metrics_components_cardActionButtons = require('./metrics/components/card-action-buttons.cjs.js');
-const domains_metrics_components_kpiCardView = require('./metrics/components/kpi-card-view.cjs.js');
-const domains_metrics_components_latencyCardView = require('./metrics/components/latency-card-view.cjs.js');
-const domains_metrics_components_memoryCardView = require('./metrics/components/memory-card-view.cjs.js');
-const domains_metrics_components_modelUsageCostCardView = require('./metrics/components/model-usage-cost-card-view.cjs.js');
-const domains_metrics_components_scoresCardView = require('./metrics/components/scores-card-view.cjs.js');
-const domains_metrics_components_tokenUsageByAgentCardView = require('./metrics/components/token-usage-by-agent-card-view.cjs.js');
-const domains_metrics_components_tokenUsageTimelineCardView = require('./metrics/components/token-usage-timeline-card-view.cjs.js');
-const domains_metrics_components_tracesVolumeCardView = require('./metrics/components/traces-volume-card-view.cjs.js');
+const domains_metrics_components_chartArea = require('./metrics/components/chart-area.cjs.js');
+const domains_metrics_components_chartCard = require('./metrics/components/chart-card.cjs.js');
+const domains_metrics_components_chartCardError = require('./metrics/components/chart-card-error.cjs.js');
+const domains_metrics_components_kpiCard = require('./metrics/components/kpi-card.cjs.js');
+const domains_metrics_components_metricsGrid_metricsGrid = require('./metrics/components/metrics-grid/metrics-grid.cjs.js');
+const domains_metrics_components_metricsKpis = require('./metrics/components/metrics-kpis.cjs.js');
+const domains_metrics_components_tokenUsageCard = require('./metrics/components/token-usage-card.cjs.js');
+const domains_metrics_components_agentRunsCard = require('./metrics/components/agent-runs-card.cjs.js');
+const domains_metrics_components_failureRateCard = require('./metrics/components/failure-rate-card.cjs.js');
+const domains_metrics_components_latencyCard = require('./metrics/components/latency-card.cjs.js');
+const domains_metrics_components_traceVolumeCard = require('./metrics/components/trace-volume-card.cjs.js');
+const domains_metrics_components_usageCard = require('./metrics/components/usage-card.cjs.js');
+const domains_metrics_components_scoresCard = require('./metrics/components/scores-card.cjs.js');
 const domains_metrics_hooks_useMetrics = require('./metrics/hooks/use-metrics.cjs.js');
 const domains_metrics_hooks_useMetricsFilters = require('./metrics/hooks/use-metrics-filters.cjs.js');
 const metrics = require('@mastra/react/hooks/metrics');
-const domains_metrics_hooks_useDrilldown = require('./metrics/hooks/use-drilldown.cjs.js');
 const domains_metrics_drilldown = require('./metrics/drilldown.cjs.js');
 const domains_metrics_metricsFilters = require('./metrics/metrics-filters.cjs.js');
+const domains_metrics_hooks_useMetricsActivity = require('./metrics/hooks/use-metrics-activity.cjs.js');
+const domains_metrics_hooks_useMetricsLatency = require('./metrics/hooks/use-metrics-latency.cjs.js');
+const domains_metrics_hooks_useMetricsScores = require('./metrics/hooks/use-metrics-scores.cjs.js');
+const domains_metrics_hooks_useTokenSpend = require('./metrics/hooks/use-token-spend.cjs.js');
+const domains_metrics_lib_chartAxis = require('./metrics/lib/chart-axis.cjs.js');
+const domains_metrics_lib_chartColors = require('./metrics/lib/chart-colors.cjs.js');
+const domains_metrics_lib_chartFormat = require('./metrics/lib/chart-format.cjs.js');
+const domains_metrics_lib_bucketLabels = require('./metrics/lib/bucket-labels.cjs.js');
 
 
 
 exports.DateRangeSelector = domains_metrics_components_dateRangeSelector.DateRangeSelector;
-exports.CHART_COLORS = domains_metrics_components_metricsUtils.CHART_COLORS;
-exports.BarListContent = domains_metrics_components_barList.BarListContent;
-exports.StackedRunsBars = domains_metrics_components_barList.StackedRunsBars;
 exports.OpenErrorsInLogsButton = domains_metrics_components_cardActionButtons.OpenErrorsInLogsButton;
 exports.OpenInTracesButton = domains_metrics_components_cardActionButtons.OpenInTracesButton;
-exports.KpiCardView = domains_metrics_components_kpiCardView.KpiCardView;
-exports.LatencyCardView = domains_metrics_components_latencyCardView.LatencyCardView;
-exports.MemoryCardView = domains_metrics_components_memoryCardView.MemoryCardView;
-exports.ModelUsageCostCardView = domains_metrics_components_modelUsageCostCardView.ModelUsageCostCardView;
-exports.ScoresCardView = domains_metrics_components_scoresCardView.ScoresCardView;
-exports.TokenUsageByAgentCardView = domains_metrics_components_tokenUsageByAgentCardView.TokenUsageByAgentCardView;
-exports.TokenUsageTimelineCardView = domains_metrics_components_tokenUsageTimelineCardView.TokenUsageTimelineCardView;
-exports.TracesVolumeCardView = domains_metrics_components_tracesVolumeCardView.TracesVolumeCardView;
+exports.ChartArea = domains_metrics_components_chartArea.ChartArea;
+exports.ChartCard = domains_metrics_components_chartCard.ChartCard;
+exports.ChartCardError = domains_metrics_components_chartCardError.ChartCardError;
+exports.KpiCard = domains_metrics_components_kpiCard.KpiCard;
+exports.MetricsGrid = domains_metrics_components_metricsGrid_metricsGrid.MetricsGrid;
+exports.MetricsKpis = domains_metrics_components_metricsKpis.MetricsKpis;
+exports.TokenUsageCard = domains_metrics_components_tokenUsageCard.TokenUsageCard;
+exports.AgentRunsCard = domains_metrics_components_agentRunsCard.AgentRunsCard;
+exports.FailureRateCard = domains_metrics_components_failureRateCard.FailureRateCard;
+exports.LatencyCard = domains_metrics_components_latencyCard.LatencyCard;
+exports.TraceVolumeCard = domains_metrics_components_traceVolumeCard.TraceVolumeCard;
+exports.UsageCard = domains_metrics_components_usageCard.UsageCard;
+exports.ScoresCard = domains_metrics_components_scoresCard.ScoresCard;
 exports.DATE_PRESETS = domains_metrics_hooks_useMetrics.DATE_PRESETS;
 exports.MetricsProvider = domains_metrics_hooks_useMetrics.MetricsProvider;
 exports.isValidPreset = domains_metrics_hooks_useMetrics.isValidPreset;
@@ -102,10 +114,8 @@ Object.defineProperty(exports, "useTraceVolumeMetrics", {
 	enumerable: true,
 	get: () => metrics.useTraceVolumeMetrics
 });
-exports.useDrilldown = domains_metrics_hooks_useDrilldown.useDrilldown;
 exports.buildLogsDrilldownUrl = domains_metrics_drilldown.buildLogsDrilldownUrl;
 exports.buildTracesDrilldownUrl = domains_metrics_drilldown.buildTracesDrilldownUrl;
-exports.narrowWindowToBucket = domains_metrics_drilldown.narrowWindowToBucket;
 exports.applyMetricsPropertyFilterTokens = domains_metrics_metricsFilters.applyMetricsPropertyFilterTokens;
 exports.buildMetricsDimensionalFilter = domains_metrics_metricsFilters.buildMetricsDimensionalFilter;
 exports.clearSavedMetricsFilters = domains_metrics_metricsFilters.clearSavedMetricsFilters;
@@ -114,4 +124,20 @@ exports.getMetricsPropertyFilterTokens = domains_metrics_metricsFilters.getMetri
 exports.hasAnyMetricsFilterParams = domains_metrics_metricsFilters.hasAnyMetricsFilterParams;
 exports.loadMetricsFiltersFromStorage = domains_metrics_metricsFilters.loadMetricsFiltersFromStorage;
 exports.saveMetricsFiltersToStorage = domains_metrics_metricsFilters.saveMetricsFiltersToStorage;
+exports.useMetricsActivity = domains_metrics_hooks_useMetricsActivity.useMetricsActivity;
+exports.useMetricsLatency = domains_metrics_hooks_useMetricsLatency.useMetricsLatency;
+exports.useMetricsScores = domains_metrics_hooks_useMetricsScores.useMetricsScores;
+exports.useTokenSpend = domains_metrics_hooks_useTokenSpend.useTokenSpend;
+exports.BUCKET_AXIS = domains_metrics_lib_chartAxis.BUCKET_AXIS;
+exports.EDGE_BUCKET_AXIS = domains_metrics_lib_chartAxis.EDGE_BUCKET_AXIS;
+exports.CHART_COLORS = domains_metrics_lib_chartColors.CHART_COLORS;
+exports.formatAxisCount = domains_metrics_lib_chartFormat.formatAxisCount;
+exports.formatAxisDuration = domains_metrics_lib_chartFormat.formatAxisDuration;
+exports.formatCount = domains_metrics_lib_chartFormat.formatCount;
+exports.formatDuration = domains_metrics_lib_chartFormat.formatDuration;
+exports.formatPercent = domains_metrics_lib_chartFormat.formatPercent;
+exports.formatUsd = domains_metrics_lib_chartFormat.formatUsd;
+exports.percentChange = domains_metrics_lib_chartFormat.percentChange;
+exports.bucketLabels = domains_metrics_lib_bucketLabels.bucketLabels;
+exports.isMultiDay = domains_metrics_lib_bucketLabels.isMultiDay;
 //# sourceMappingURL=metrics.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"metrics.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"metrics.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/metrics.es.js

@@ -1,19 +1,29 @@
 export { DateRangeSelector } from './metrics/components/date-range-selector.es.js';
-export { CHART_COLORS } from './metrics/components/metrics-utils.es.js';
-export { BarListContent, StackedRunsBars } from './metrics/components/bar-list.es.js';
 export { OpenErrorsInLogsButton, OpenInTracesButton } from './metrics/components/card-action-buttons.es.js';
-export { KpiCardView } from './metrics/components/kpi-card-view.es.js';
-export { LatencyCardView } from './metrics/components/latency-card-view.es.js';
-export { MemoryCardView } from './metrics/components/memory-card-view.es.js';
-export { ModelUsageCostCardView } from './metrics/components/model-usage-cost-card-view.es.js';
-export { ScoresCardView } from './metrics/components/scores-card-view.es.js';
-export { TokenUsageByAgentCardView } from './metrics/components/token-usage-by-agent-card-view.es.js';
-export { TokenUsageTimelineCardView } from './metrics/components/token-usage-timeline-card-view.es.js';
-export { TracesVolumeCardView } from './metrics/components/traces-volume-card-view.es.js';
+export { ChartArea } from './metrics/components/chart-area.es.js';
+export { ChartCard } from './metrics/components/chart-card.es.js';
+export { ChartCardError } from './metrics/components/chart-card-error.es.js';
+export { KpiCard } from './metrics/components/kpi-card.es.js';
+export { MetricsGrid } from './metrics/components/metrics-grid/metrics-grid.es.js';
+export { MetricsKpis } from './metrics/components/metrics-kpis.es.js';
+export { TokenUsageCard } from './metrics/components/token-usage-card.es.js';
+export { AgentRunsCard } from './metrics/components/agent-runs-card.es.js';
+export { FailureRateCard } from './metrics/components/failure-rate-card.es.js';
+export { LatencyCard } from './metrics/components/latency-card.es.js';
+export { TraceVolumeCard } from './metrics/components/trace-volume-card.es.js';
+export { UsageCard } from './metrics/components/usage-card.es.js';
+export { ScoresCard } from './metrics/components/scores-card.es.js';
 export { DATE_PRESETS, MetricsProvider, isValidPreset, useMetrics } from './metrics/hooks/use-metrics.es.js';
 export { useMetricsFilters } from './metrics/hooks/use-metrics-filters.es.js';
 export { chooseMetricsInterval, formatMetricsBucketLabel, useActiveResourcesKpiMetrics, useActiveThreadsKpiMetrics, useAgentRunsKpiMetrics, useLatencyMetrics, useModelCostKpiMetrics, useModelUsageCostMetrics, useScoresMetrics, useTokenUsageByAgentMetrics, useTokenUsageTimeSeries, useTopActiveThreadsMetrics, useTopResourcesByThreadsMetrics, useTotalTokensKpiMetrics, useTraceVolumeMetrics } from '@mastra/react/hooks/metrics';
-export { useDrilldown } from './metrics/hooks/use-drilldown.es.js';
-export { buildLogsDrilldownUrl, buildTracesDrilldownUrl, narrowWindowToBucket } from './metrics/drilldown.es.js';
+export { buildLogsDrilldownUrl, buildTracesDrilldownUrl } from './metrics/drilldown.es.js';
 export { applyMetricsPropertyFilterTokens, buildMetricsDimensionalFilter, clearSavedMetricsFilters, createMetricsPropertyFilterFields, getMetricsPropertyFilterTokens, hasAnyMetricsFilterParams, loadMetricsFiltersFromStorage, saveMetricsFiltersToStorage } from './metrics/metrics-filters.es.js';
+export { useMetricsActivity } from './metrics/hooks/use-metrics-activity.es.js';
+export { useMetricsLatency } from './metrics/hooks/use-metrics-latency.es.js';
+export { useMetricsScores } from './metrics/hooks/use-metrics-scores.es.js';
+export { useTokenSpend } from './metrics/hooks/use-token-spend.es.js';
+export { BUCKET_AXIS, EDGE_BUCKET_AXIS } from './metrics/lib/chart-axis.es.js';
+export { CHART_COLORS } from './metrics/lib/chart-colors.es.js';
+export { formatAxisCount, formatAxisDuration, formatCount, formatDuration, formatPercent, formatUsd, percentChange } from './metrics/lib/chart-format.es.js';
+export { bucketLabels, isMultiDay } from './metrics/lib/bucket-labels.es.js';
 //# sourceMappingURL=metrics.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"metrics.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"metrics.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js

@@ -10,17 +10,17 @@ const datasets = require('@mastra/react/hooks/datasets');
 const reactQuery = require('@tanstack/react-query');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../code-editor-GtjlBrBg.cjs');
-const field = require('../../../field-BkeKcz_6.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const codeEditor = require('../../../code-editor-Bw_rGwp9.cjs');
+const field = require('../../../field-D1SVMPMz.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const form = require('../../../form-ChOlos7g.cjs');
-const select = require('../../../select-KV77JIvp.cjs');
-const sideDialog = require('../../../side-dialog-BsMzNpHT.cjs');
-const textAndIcon = require('../../../text-and-icon-DB9klVPu.cjs');
+const form = require('../../../form-CsSBTIbV.cjs');
+const select = require('../../../select-BFHGp0Gs.cjs');
+const sideDialog = require('../../../side-dialog-CJC2Tj0i.cjs');
+const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const toast = require('../../../toast-nm-fM7BR.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const toast = require('../../../toast-C8a7bWV8.cjs');
 
 function itemLabel(item) {
   const preview = (() => {

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js

@@ -6,17 +6,17 @@ import { useDatasets, useDatasetItems, useDatasetItem, useDatasetMutations } fro
 import { useQuery } from '@tanstack/react-query';
 import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../code-editor-zKwlle-5.js';
-import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-BiMIiq2Y.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { C as CodeEditor } from '../../../code-editor-CIiMtHPN.js';
+import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-B89BEZg4.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { F as Form } from '../../../form-uj2xap-j.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CWxcmE3F.js';
-import { S as SideDialog } from '../../../side-dialog-BMrmb8Fz.js';
-import { T as TextAndIcon } from '../../../text-and-icon-CsBZ4Gn8.js';
+import { F as Form } from '../../../form-CDRsQaFS.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CzDDdAMs.js';
+import { S as SideDialog } from '../../../side-dialog-CUmxpQRz.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { getShortId } from '../../../utils/id.es.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { t as toast } from '../../../toast-c5kCpyWt.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { t as toast } from '../../../toast-WCmYXnuT.js';
 
 function itemLabel(item) {
   const preview = (() => {

package/dist/domains/observability/components/trace-as-item-dialog.cjs.js

@@ -11,7 +11,7 @@ const reactQuery = require('@tanstack/react-query');
 const lucideReact = require('lucide-react');
 const domains_datasets_components_saveAsDatasetItemDialog = require('../../datasets/components/save-as-dataset-item-dialog.cjs.js');
 require('@mastra/react/hooks/datasets');
-const textAndIcon = require('../../../text-and-icon-DB9klVPu.cjs');
+const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 
 function getInitialInput(traceDetails) {

package/dist/domains/observability/components/trace-as-item-dialog.es.js

@@ -7,7 +7,7 @@ import { useQuery } from '@tanstack/react-query';
 import { EyeIcon } from 'lucide-react';
 import { SaveAsDatasetItemDialog } from '../../datasets/components/save-as-dataset-item-dialog.es.js';
 import '@mastra/react/hooks/datasets';
-import { T as TextAndIcon } from '../../../text-and-icon-CsBZ4Gn8.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { getShortId } from '../../../utils/id.es.js';
 
 function getInitialInput(traceDetails) {

package/dist/domains/request-context/components/request-context-label.cjs.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const field = require('../../../field-BkeKcz_6.cjs');
+const field = require('../../../field-D1SVMPMz.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
+const tooltip = require('../../../tooltip-C4txPRSa.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../../primitives/typography.cjs.js');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 
 function RequestContextLabel({ children, tooltip: tooltip$1 }) {
   const labelText = typeof children === "string" ? children.replace(/\s*\([^)]*\)/g, "") : "Request context";

package/dist/domains/request-context/components/request-context-label.es.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Info } from 'lucide-react';
-import { e as FieldLabel } from '../../../field-BiMIiq2Y.js';
+import { e as FieldLabel } from '../../../field-B89BEZg4.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
+import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-CCZcMbgy.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 
 function RequestContextLabel({ children, tooltip }) {
   const labelText = typeof children === "string" ? children.replace(/\s*\([^)]*\)/g, "") : "Request context";

package/dist/domains/review/components/review-status-badge.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Badge = require('../../../Badge-DB59RxT5.cjs');
+const Badge = require('../../../Badge-BF6FbLH_.cjs');
 
 function reviewStatusBadgeVariant(status) {
   if (status === "needs-review") return "warning";

package/dist/domains/review/components/review-status-badge.es.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { B as Badge } from '../../../Badge-DId-8rYY.js';
+import { B as Badge } from '../../../Badge-3-G2I_cx.js';
 
 function reviewStatusBadgeVariant(status) {
   if (status === "needs-review") return "warning";

package/dist/domains/scores/components/score-as-item-dialog.cjs.js

@@ -7,7 +7,7 @@ const safeStringify = require('@mastra/core/utils/safe-stringify');
 const lucideReact = require('lucide-react');
 const domains_datasets_components_saveAsDatasetItemDialog = require('../../datasets/components/save-as-dataset-item-dialog.cjs.js');
 require('@mastra/react/hooks/datasets');
-const textAndIcon = require('../../../text-and-icon-DB9klVPu.cjs');
+const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
 
 function getInitialInput(score) {

package/dist/domains/scores/components/score-as-item-dialog.es.js

@@ -3,7 +3,7 @@ import { safeStringify } from '@mastra/core/utils/safe-stringify';
 import { CalculatorIcon } from 'lucide-react';
 import { SaveAsDatasetItemDialog } from '../../datasets/components/save-as-dataset-item-dialog.es.js';
 import '@mastra/react/hooks/datasets';
-import { T as TextAndIcon } from '../../../text-and-icon-CsBZ4Gn8.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
 import { getShortId } from '../../../utils/id.es.js';
 
 function getInitialInput(score) {

package/dist/domains/scores/components/score-data-panel.cjs.js

@@ -6,12 +6,12 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-b48tWgzs.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-C1I--hWn.cjs');
+const dataPanel = require('../../../data-panel-C3ympXVb.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 function isCodeBasedScorer(score) {

package/dist/domains/scores/components/score-data-panel.es.js

@@ -2,12 +2,12 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { SaveIcon, GaugeIcon, FileInputIcon, FileOutputIcon, ReceiptText } from 'lucide-react';
 import { useState } from 'react';
 import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-Bzed2B75.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-B1u00ihh.js';
+import { D as DataPanel } from '../../../data-panel-CQb99UIM.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
 
 function isCodeBasedScorer(score) {

package/dist/domains/scores/components/span-scoring.cjs.js

@@ -6,13 +6,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../../../combobox-anmnqGB0.cjs');
+const combobox = require('../../../combobox-C94lovBP.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-c2AhB8HM.cjs');
-const Notice = require('../../../Notice-CjQQjfK7.cjs');
-const textAndIcon = require('../../../text-and-icon-DB9klVPu.cjs');
-const toast = require('../../../toast-nm-fM7BR.cjs');
-const dialogAction = require('../../../dialog-action-7HmywY8w.cjs');
+const dialog = require('../../../dialog-Bl_yLOAi.cjs');
+const Notice = require('../../../Notice-c8dMiAtZ.cjs');
+const textAndIcon = require('../../../text-and-icon-BJ5wgYf5.cjs');
+const toast = require('../../../toast-C8a7bWV8.cjs');
+const dialogAction = require('../../../dialog-action-C-p24Zfp.cjs');
 
 function SpanScoring({
   traceId,

package/dist/domains/scores/components/span-scoring.es.js

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTriggerScorer } from '@mastra/react/hooks/scores';
 import { InfoIcon } from 'lucide-react';
 import { useState } from 'react';
-import { C as Combobox } from '../../../combobox-Dwf4U1CZ.js';
+import { C as Combobox } from '../../../combobox-Cm87oqoh.js';
 import '@base-ui/react/combobox';
-import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-DhtPcWY-.js';
-import { N as Notice } from '../../../Notice-CmFkTliT.js';
-import { T as TextAndIcon } from '../../../text-and-icon-CsBZ4Gn8.js';
-import { t as toast } from '../../../toast-c5kCpyWt.js';
-import { D as DialogAction } from '../../../dialog-action-BtbY5o2b.js';
+import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-BXtm6e9u.js';
+import { N as Notice } from '../../../Notice-Wy1grdLu.js';
+import { T as TextAndIcon } from '../../../text-and-icon-CGupOpWs.js';
+import { t as toast } from '../../../toast-WCmYXnuT.js';
+import { D as DialogAction } from '../../../dialog-action-BmcloPa9.js';
 
 function SpanScoring({
   traceId,

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

@@ -6,17 +6,18 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataList = require('../../../data-list-DQgIgmjy.cjs');
-const EmptyState = require('../../../EmptyState-B6kP-dEp.cjs');
-const metricsKpiCard = require('../../../metrics-kpi-card-DU96jUI0.cjs');
-const spinner = require('../../../spinner-BCpN7LL9.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const dataList = require('../../../data-list-DLFiFrph.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-B-CKwzcj.cjs');
+const spinner = require('../../../spinner-BW4nHg_A.cjs');
 const utils_id = require('../../../utils/id.cjs.js');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../../primitives/typography.cjs.js');
 const lib_framework = require('../../../lib/framework.cjs.js');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 const REASON_PREVIEW_LENGTH = 100;

package/dist/domains/scores/components/trace-scores-tab.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","useLinkComponent","MetricsKpiCard","getShortId","Txt","formatDate","Button","ExternalLinkIcon","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}
+{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","useLinkComponent","MetricsKpiCard","getShortId","Txt","formatDate","Button","ExternalLinkIcon","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}

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

@@ -2,17 +2,18 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTraceSpanScores } from '@mastra/react/hooks/scores';
 import { ExternalLinkIcon } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataList } from '../../../data-list-B6DT-u-0.js';
-import { E as EmptyState } from '../../../EmptyState-BQww74OL.js';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-PJWplcOg.js';
-import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { e as DataList } from '../../../data-list-D5XeKpNR.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-gvgEnnuU.js';
+import { S as Spinner } from '../../../spinner-CFtgt3oI.js';
 import { getShortId } from '../../../utils/id.es.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 
 const REASON_PREVIEW_LENGTH = 100;