@mastra/playground-ui 63.1.0-alpha.4 → 64.0.0-alpha.6

package/dist/domains/logs/components/logs-error-content.es.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@mastra/react/hooks/query';
 import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
 import { SessionExpired } from '../../auth/components/session-expired.es.js';
-import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
+import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
 
 function LogsErrorContent({ error, resource, errorTitle }) {
   if (is401UnauthorizedError(error)) return /* @__PURE__ */ jsx(SessionExpired, {});

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-require('../../../data-list-CYpGCm6F.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-CIfVTfq4.cjs');
+require('../../../data-list-ecHsw-zr.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-DGMTqeNP.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-Bh_wPam2.cjs');
+const logsDataList = require('../../../logs-data-list-IWZgMCKG.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import '../../../data-list-B4Ho_OCZ.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-AfVi5OHw.js';
+import '../../../data-list-DdCZZctL.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-CGKlcoiI.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-CZ2TvWyb.js';
+import { L as LogsDataList } from '../../../logs-data-list-DBJINzIL.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-CpelyBH9.cjs');
-const utils_cn = require('../../../cn-TqD01zH-.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-CtSglSaH.cjs');
+const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
 function LogsToolbar({
   onClear,

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-BCeGn2zQ.js';
-import { c as cn } from '../../../cn-coERSHz5.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-J9ob_Rss.js';
+import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
 function LogsToolbar({
   onClear,

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CAVPKK09.cjs');
-const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
+const Button = require('../../../Button-DH1aTzbs.cjs');
+const EmptyState = require('../../../EmptyState-FNJu74e8.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 
 const PRESET_LABELS = {

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

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { ExternalLinkIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-60jVnaHt.js';
-import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
+import { B as Button } from '../../../Button-EGoajBQY.js';
+import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 
 const PRESET_LABELS = {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 const domains_logs_logFilters = require('../log-filters.cjs.js');
-const toast = require('../../../toast-C8a7bWV8.cjs');
+const toast = require('../../../toast-DxKdVSyw.cjs');
 
 const DEFAULT_SAVED_MESSAGE = "Filters setting for Logs saved";
 const DEFAULT_CLEARED_MESSAGE = "Filters setting for Logs cleared up";

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

@@ -1,6 +1,6 @@
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { loadLogsFiltersFromStorage, saveLogsFiltersToStorage, clearSavedLogsFilters, hasAnyLogsFilterParams } from '../log-filters.es.js';
-import { t as toast } from '../../../toast-WCmYXnuT.js';
+import { t as toast } from '../../../toast-5aQbZBbY.js';
 
 const DEFAULT_SAVED_MESSAGE = "Filters setting for Logs saved";
 const DEFAULT_CLEARED_MESSAGE = "Filters setting for Logs cleared up";

package/dist/domains/mcps/components/mcp-app-tool-result.cjs.js

@@ -7,7 +7,7 @@ const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
 const React = require('react');
 const domains_mcps_components_mcpAppViewer = require('./mcp-app-viewer.cjs.js');
-const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 
 function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, readOnly }) {
   const client = react.useMastraClient();

package/dist/domains/mcps/components/mcp-app-tool-result.es.js

@@ -3,7 +3,7 @@ import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { McpAppViewer } from './mcp-app-viewer.es.js';
-import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 
 function McpAppToolResult({ appInfo, toolArgs, toolResult, onSendMessage, readOnly }) {
   const client = useMastraClient();

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

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
-const Button = require('../../../Button-CAVPKK09.cjs');
-const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const Button = require('../../../Button-DH1aTzbs.cjs');
+const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
 const domains_memory_lib_timeline = require('../lib/timeline.cjs.js');

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

@@ -2,8 +2,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { RotateCcw } from 'lucide-react';
 import { useCallback, useState, useEffect, useMemo, useRef } from 'react';
 import { ResponsiveContainer, ComposedChart, XAxis, YAxis, Tooltip, Area, ReferenceLine, AreaChart, ScatterChart, Scatter } from 'recharts';
-import { B as Button } from '../../../Button-60jVnaHt.js';
-import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { B as Button } from '../../../Button-EGoajBQY.js';
+import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { overlaySurfaceStyle } from '../../../primitives/raised-surface.es.js';
 import { tToTimestampMs } from '../lib/replay-selection.es.js';
 import { tToTimestamp } from '../lib/timeline.es.js';

package/dist/domains/memory/components/memory-studio-panel.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../../../Button-CAVPKK09.cjs');
-const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
-const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const Button = require('../../../Button-DH1aTzbs.cjs');
+const skeleton = require('../../../skeleton-lkFwOzqL.cjs');
+const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');
 const domains_memory_lib_extractMarkers = require('../lib/extract-markers.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');

package/dist/domains/memory/components/memory-studio-panel.es.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowLeftIcon } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
-import { B as Button } from '../../../Button-60jVnaHt.js';
-import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
-import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { B as Button } from '../../../Button-EGoajBQY.js';
+import { S as Skeleton } from '../../../skeleton-Q4fDAXcz.js';
+import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';
 import { extractOmMarkers } from '../lib/extract-markers.es.js';
 import { getObservationTimestampMs, findRecordIdAtOrBefore } from '../lib/replay-selection.es.js';

package/dist/domains/memory/components/observation-detail-view.cjs.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const checkbox = require('../../../checkbox-DNlMGoJH.cjs');
-const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
-const field = require('../../../field-D1SVMPMz.cjs');
+const checkbox = require('../../../checkbox-8X8iYPf7.cjs');
+const EmptyState = require('../../../EmptyState-FNJu74e8.cjs');
+const field = require('../../../field-BCU5ZtWV.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
-const Txt = require('../../../Txt-DXjXpX9r.cjs');
-const utils_cn = require('../../../cn-TqD01zH-.cjs');
+const skeleton = require('../../../skeleton-lkFwOzqL.cjs');
+const Txt = require('../../../Txt-CIS2G5Jx.cjs');
+const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 const domains_memory_lib_observationPriority = require('../lib/observation-priority.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');
 

package/dist/domains/memory/components/observation-detail-view.es.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { lazy, useState, useMemo, useEffect, Suspense } from 'react';
-import { C as Checkbox } from '../../../checkbox-mmR3rD2j.js';
-import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
-import { F as Field, e as FieldLabel } from '../../../field-B89BEZg4.js';
+import { C as Checkbox } from '../../../checkbox-ts1XgEEa.js';
+import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
+import { F as Field, e as FieldLabel } from '../../../field-Dl1zeXTv.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
-import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
-import { c as cn } from '../../../cn-coERSHz5.js';
+import { S as Skeleton } from '../../../skeleton-Q4fDAXcz.js';
+import { T as Txt } from '../../../Txt-BtIGLRk1.js';
+import { c as cn } from '../../../cn-CQUhN5Jx.js';
 import { observationPriorityByEmoji, observationPriorityTone } from '../lib/observation-priority.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';
 

package/dist/domains/memory/components/thread-context-progress.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const tones = require('../../../tones-koH7QNLH.cjs');
-const Txt = require('../../../Txt-DXjXpX9r.cjs');
-const utils_cn = require('../../../cn-TqD01zH-.cjs');
+const Txt = require('../../../Txt-CIS2G5Jx.cjs');
+const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
 function ProgressBar({
   label,

package/dist/domains/memory/components/thread-context-progress.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { f as formatCompactTokens, t as toneClass } from '../../../tones-RD3VjqiN.js';
-import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
-import { c as cn } from '../../../cn-coERSHz5.js';
+import { T as Txt } from '../../../Txt-BtIGLRk1.js';
+import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
 function ProgressBar({
   label,

package/dist/domains/metrics/components/agent-runs-card.cjs.js

@@ -12,8 +12,8 @@ const domains_metrics_lib_metricsBuckets = require('../lib/metrics-buckets.cjs.j
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BijHfnOd.cjs');
 
 const SERIES = [
   { dataKey: "completed", label: "Completed", color: domains_metrics_lib_chartColors.CHART_COLORS.green },

package/dist/domains/metrics/components/agent-runs-card.es.js

@@ -8,8 +8,8 @@ import { bucketPlan, bucketWindow } from '../lib/metrics-buckets.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-CdcENBLD.js';
 
 const SERIES = [
   { dataKey: "completed", label: "Completed", color: CHART_COLORS.green },

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CAVPKK09.cjs');
+const Button = require('../../../Button-DH1aTzbs.cjs');
 
 function OpenInTracesButton({ onClick }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick, variant: "ghost", size: "icon-md", tooltip: "View in Traces", "aria-label": "View in Traces", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, {}) });

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { LogsIcon, EyeIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-60jVnaHt.js';
+import { B as Button } from '../../../Button-EGoajBQY.js';
 
 function OpenInTracesButton({ onClick }) {
   return /* @__PURE__ */ jsx(Button, { onClick, variant: "ghost", size: "icon-md", tooltip: "View in Traces", "aria-label": "View in Traces", children: /* @__PURE__ */ jsx(EyeIcon, {}) });

package/dist/domains/metrics/components/chart-area.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
 
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

package/dist/domains/metrics/components/chart-area.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
 
 function ChartArea({ isEmpty = false, emptyMessage = "No data in this range.", children }) {
   return /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
 
 function ChartCardError() {
   return /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
 
 function ChartCardError() {
   return /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Couldn't load this data. Try again in a moment.", className: "h-full" });

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const utils_cn = require('../../../cn-TqD01zH-.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
 function ChartCard({
   title,

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { c as cn } from '../../../cn-coERSHz5.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
 function ChartCard({
   title,

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-CyoaOAsi.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-B3qORFfa.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 const domains_metrics_metricsDatePresets = require('../metrics-date-presets.cjs.js');
 

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-B9me2TUa.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CmtCmIrU.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 import { METRICS_PICKER_PRESETS, toPickerPreset, fromPickerPreset } from '../metrics-date-presets.es.js';
 

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

@@ -13,8 +13,8 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: domains_metrics_lib_chartColors.CHART_COLORS.error }];
 const axisPercent = (ratio) => `${Math.round(ratio * 100)}%`;

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

@@ -9,8 +9,8 @@ import { OpenErrorsInLogsButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
 
 const SERIES = [{ dataKey: "failureRate", label: "Failed runs", color: CHART_COLORS.error }];
 const axisPercent = (ratio) => `${Math.round(ratio * 100)}%`;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-B-CKwzcj.cjs');
-const utils_cn = require('../../../cn-TqD01zH-.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-LOGZrRxg.cjs');
+const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
 function KpiCard({ label, icon: Icon, isError = false, ...reading }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(metricsKpiCard.MetricsKpiCard, { children: [

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-gvgEnnuU.js';
-import { c as cn } from '../../../cn-coERSHz5.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-Br-DJ-As.js';
+import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
 function KpiCard({ label, icon: Icon, isError = false, ...reading }) {
   return /* @__PURE__ */ jsxs(MetricsKpiCard, { children: [

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

@@ -15,9 +15,9 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
+const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-v3F9XvGj.cjs');
 
 const ROOT_ENTITY = {
   agents: observability.EntityType.AGENT,

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

@@ -11,9 +11,9 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
+import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-CGFjb9nn.js';
 
 const ROOT_ENTITY = {
   agents: EntityType.AGENT,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../../../../cn-TqD01zH-.cjs');
+const utils_cn = require('../../../../cn-DlOJCxrS.cjs');
 
 const columnClasses = {
   2: "@3xl:grid-cols-2",

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../../../../cn-coERSHz5.js';
+import { c as cn } from '../../../../cn-CQUhN5Jx.js';
 
 const columnClasses = {
   2: "@3xl:grid-cols-2",

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

@@ -10,7 +10,7 @@ const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 const domains_metrics_hooks_useMetricsFilters = require('../hooks/use-metrics-filters.cjs.js');
 const domains_metrics_lib_chartFormat = require('../lib/chart-format.cjs.js');
 const domains_metrics_components_kpiCard = require('./kpi-card.cjs.js');
-const metricsCardGroup = require('../../../metrics-card-group-DfilYeeY.cjs');
+const metricsCardGroup = require('../../../metrics-card-group-BSo1FzDS.cjs');
 
 const KEEP = { placeholderData: reactQuery.keepPreviousData };
 const count = (value) => value == null ? "—" : domains_metrics_lib_chartFormat.formatCount(value);

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

@@ -6,7 +6,7 @@ import { useMetrics } from '../hooks/use-metrics.es.js';
 import { useMetricsFilters } from '../hooks/use-metrics-filters.es.js';
 import { formatCount, formatUsd } from '../lib/chart-format.es.js';
 import { KpiCard } from './kpi-card.es.js';
-import { M as MetricsCardGroup } from '../../../metrics-card-group-byrcZkvx.js';
+import { M as MetricsCardGroup } from '../../../metrics-card-group-ukFejQJs.js';
 
 const KEEP = { placeholderData: keepPreviousData };
 const count = (value) => value == null ? "—" : formatCount(value);

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

@@ -9,8 +9,8 @@ const domains_metrics_lib_chartColors = require('../lib/chart-colors.cjs.js');
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-D7fE4EQJ.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-BkHXfteP.cjs');
 
 const SCORER_COLORS = [
   domains_metrics_lib_chartColors.CHART_COLORS.green,

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

@@ -5,8 +5,8 @@ import { CHART_COLORS } from '../lib/chart-colors.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-BBn0LeqC.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-EJs7ojrX.js';
 
 const SCORER_COLORS = [
   CHART_COLORS.green,

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

@@ -14,9 +14,9 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BSzXdRFR.cjs');
-const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BKhaGInr.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-v3F9XvGj.cjs');
+const metricsStackedBarChart = require('../../../metrics-stacked-bar-chart-BijHfnOd.cjs');
 
 const TOKEN_SERIES = [
   { dataKey: "input", label: "Input", color: domains_metrics_lib_chartColors.CHART_COLORS.green },

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

@@ -10,9 +10,9 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-bgRf6KTb.js';
-import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-3MKRp0RI.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-CGFjb9nn.js';
+import { M as MetricsStackedBarChart } from '../../../metrics-stacked-bar-chart-CdcENBLD.js';
 
 const TOKEN_SERIES = [
   { dataKey: "input", label: "Input", color: CHART_COLORS.green },

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

@@ -14,8 +14,8 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsShareList = require('../../../metrics-share-list-DYpQ4W4l.cjs');
 
 const ROOT_ENTITY = {
   agents: observability.EntityType.AGENT,

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

@@ -10,8 +10,8 @@ import { OpenInTracesButton, OpenErrorsInLogsButton } from './card-action-button
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsShareList } from '../../../metrics-share-list-CNwWjzJa.js';
 
 const ROOT_ENTITY = {
   agents: EntityType.AGENT,

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

@@ -14,8 +14,8 @@ const domains_metrics_components_cardActionButtons = require('./card-action-butt
 const domains_metrics_components_chartArea = require('./chart-area.cjs.js');
 const domains_metrics_components_chartCard = require('./chart-card.cjs.js');
 const domains_metrics_components_chartCardError = require('./chart-card-error.cjs.js');
-const metricsCard = require('../../../metrics-card-CcesVPLN.cjs');
-const metricsShareList = require('../../../metrics-share-list-DfM8dE7e.cjs');
+const metricsCard = require('../../../metrics-card-DaFApxZY.cjs');
+const metricsShareList = require('../../../metrics-share-list-DYpQ4W4l.cjs');
 
 const KEEP = { placeholderData: reactQuery.keepPreviousData };
 const COLUMNS = [{ label: "Tokens" }];

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

@@ -10,8 +10,8 @@ import { OpenInTracesButton } from './card-action-buttons.es.js';
 import { ChartArea } from './chart-area.es.js';
 import { ChartCard } from './chart-card.es.js';
 import { ChartCardError } from './chart-card-error.es.js';
-import { M as MetricsCard } from '../../../metrics-card-BI5okAsj.js';
-import { M as MetricsShareList } from '../../../metrics-share-list-2cC_1I1S.js';
+import { M as MetricsCard } from '../../../metrics-card-Z_moDiV5.js';
+import { M as MetricsShareList } from '../../../metrics-share-list-CNwWjzJa.js';
 
 const KEEP = { placeholderData: keepPreviousData };
 const COLUMNS = [{ label: "Tokens" }];