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

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

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_MemoryIcon = require("../../../icons/MemoryIcon.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_domains_memory_lib_timeline = require("../lib/timeline.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_MemoryIcon = require("../../../icons/MemoryIcon.cjs.js");
+const require_domains_memory_lib_extract_markers = require("../lib/extract-markers.cjs.js");
 const require_domains_memory_lib_replay_selection = require("../lib/replay-selection.cjs.js");
+const require_domains_memory_lib_thread_context_window_state = require("../lib/thread-context-window-state.cjs.js");
+const require_domains_memory_lib_timeline = require("../lib/timeline.cjs.js");
 const require_domains_memory_components_flame_graph = require("./flame-graph.cjs.js");
 const require_domains_memory_components_observation_detail_view = require("./observation-detail-view.cjs.js");
 const require_domains_memory_components_thread_context_progress = require("./thread-context-progress.cjs.js");
-const require_domains_memory_lib_extract_markers = require("../lib/extract-markers.cjs.js");
-const require_domains_memory_lib_thread_context_window_state = require("../lib/thread-context-window-state.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,14 +1,14 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { MemoryIcon } from "../../../icons/MemoryIcon.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
-import { timestampsToTDomain } from "../lib/timeline.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { MemoryIcon } from "../../../icons/MemoryIcon.es.js";
+import { extractOmMarkers } from "../lib/extract-markers.es.js";
 import { findRecordIdAtOrBefore, getObservationTimestampMs } from "../lib/replay-selection.es.js";
+import { getLatestThreadContextWindowState } from "../lib/thread-context-window-state.es.js";
+import { timestampsToTDomain } from "../lib/timeline.es.js";
 import { FlameGraph } from "./flame-graph.es.js";
 import { ObservationDetailView } from "./observation-detail-view.es.js";
 import { ThreadContextProgress } from "./thread-context-progress.es.js";
-import { extractOmMarkers } from "../lib/extract-markers.es.js";
-import { getLatestThreadContextWindowState } from "../lib/thread-context-window-state.es.js";
 import { useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftIcon } from "lucide-react";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Checkbox = require("../../../components/Checkbox.cjs.js");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_components_Field = require("../../../components/Field.cjs.js");
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_domains_memory_lib_observation_priority = require("../lib/observation-priority.cjs.js");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/memory/components/observation-detail-view.tsx

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

@@ -1,11 +1,11 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { formatDate } from "../../../utils/date-format.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
-import { Field, FieldLabel } from "../../../components/Field.es.js";
 import { Checkbox } from "../../../components/Checkbox.es.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
+import { Field, FieldLabel } from "../../../components/Field.es.js";
+import { Skeleton } from "../../../components/Skeleton.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { observationPriorityByEmoji, observationPriorityTone } from "../lib/observation-priority.es.js";
+import { formatDate } from "../../../utils/date-format.es.js";
 import { Suspense, lazy, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/memory/components/observation-detail-view.tsx

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_tones = require("../../../tones-C0SPXOKK.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/memory/components/thread-context-progress.tsx
 function ProgressBar({ label, value, max, tone }) {

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

@@ -1,6 +1,6 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { n as formatCompactTokens, t as toneClass } from "../../../tones-DrHZdbpr.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/memory/components/thread-context-progress.tsx
 function ProgressBar({ label, value, max, tone }) {

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_memory_components_flame_graph = require("./components/flame-graph.cjs.js");
 const require_domains_memory_components_observation_detail_view = require("./components/observation-detail-view.cjs.js");
 const require_domains_memory_components_thread_context_progress = require("./components/thread-context-progress.cjs.js");
+const require_domains_memory_components_flame_graph = require("./components/flame-graph.cjs.js");
 const require_domains_memory_components_memory_studio_panel = require("./components/memory-studio-panel.cjs.js");
 exports.FlameGraph = require_domains_memory_components_flame_graph.FlameGraph;
 exports.MemoryStudioPanel = require_domains_memory_components_memory_studio_panel.MemoryStudioPanel;

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

@@ -1,5 +1,5 @@
-import { FlameGraph } from "./components/flame-graph.es.js";
 import { ObservationDetailView } from "./components/observation-detail-view.es.js";
 import { ThreadContextProgress } from "./components/thread-context-progress.es.js";
+import { FlameGraph } from "./components/flame-graph.es.js";
 import { MemoryStudioPanel } from "./components/memory-studio-panel.es.js";
 export { FlameGraph, MemoryStudioPanel, ObservationDetailView, ThreadContextProgress };

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

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
+const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("../hooks/use-metrics-filters.cjs.js");
+const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
+const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-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-tZxsauau.cjs");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CDLE76IB.cjs");
-const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 const require_domains_metrics_components_failure_rate_card = require("./failure-rate-card.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
+const require_MetricsLineChart = require("../../../MetricsLineChart-BnY9JKzc.cjs");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CJQF99sc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/agent-runs-card.tsx

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

@@ -1,16 +1,16 @@
-import { formatCount } from "../lib/chart-format.es.js";
+import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
+import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
+import { CHART_COLORS } from "../lib/chart-colors.es.js";
+import { formatCount } from "../lib/chart-format.es.js";
 import { bucketPlan, bucketWindow } from "../lib/metrics-buckets.es.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-4SwxBbQx.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-D2QyS4-z.js";
-import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { FailureRateCard } from "./failure-rate-card.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
+import { r as MetricsLineChartLegend } from "../../../MetricsLineChart-4w5lpH63.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-Bmk0OjYp.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/agent-runs-card.tsx

package/dist/domains/metrics/components/breakdown/breakdown-entity-tab.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_request_limiter = require("../../lib/request-limiter.cjs.js");
 const require_domains_metrics_hooks_use_metrics_span_aggregate = require("../../hooks/use-metrics-span-aggregate.cjs.js");
+const require_domains_metrics_hooks_use_metrics_usage_totals = require("../../hooks/use-metrics-usage-totals.cjs.js");
 const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
 const require_domains_metrics_lib_breakdown_table = require("../../lib/breakdown-table.cjs.js");
-const require_domains_metrics_hooks_use_metrics_usage_totals = require("../../hooks/use-metrics-usage-totals.cjs.js");
+const require_domains_metrics_lib_request_limiter = require("../../lib/request-limiter.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_table = require("./breakdown-table.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-entity-tab.tsx

package/dist/domains/metrics/components/breakdown/breakdown-entity-tab.es.js

@@ -1,8 +1,8 @@
-import { AGGREGATE_PRIORITY } from "../../lib/request-limiter.es.js";
 import { useMetricsSpanAggregate } from "../../hooks/use-metrics-span-aggregate.es.js";
+import { useMetricsUsageTotals } from "../../hooks/use-metrics-usage-totals.es.js";
 import { BREAKDOWN_GROUP_LIMIT, breakdownGroupBy, entitiesAggregateRequest, hasUsage } from "../../lib/breakdown.es.js";
 import { previousScope } from "../../lib/breakdown-table.es.js";
-import { useMetricsUsageTotals } from "../../hooks/use-metrics-usage-totals.es.js";
+import { AGGREGATE_PRIORITY } from "../../lib/request-limiter.es.js";
 import { BreakdownTable } from "./breakdown-table.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-entity-tab.tsx

package/dist/domains/metrics/components/breakdown/breakdown-figure.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-figure.tsx
 /** A table figure in fixed-width digits; `muted` for the figures beside the one the table ranks by. */

package/dist/domains/metrics/components/breakdown/breakdown-figure.es.js

@@ -1,4 +1,4 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-figure.tsx
 /** A table figure in fixed-width digits; `muted` for the figures beside the one the table ranks by. */

package/dist/domains/metrics/components/breakdown/breakdown-models-tab.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics_filters = require("../../hooks/use-metrics-filters.cjs.js");
-const require_domains_metrics_lib_time_window = require("../../lib/time-window.cjs.js");
-const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
 const require_domains_metrics_hooks_use_metrics_usage_totals = require("../../hooks/use-metrics-usage-totals.cjs.js");
+const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
+const require_domains_metrics_lib_time_window = require("../../lib/time-window.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_table = require("./breakdown-table.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-models-tab.tsx

package/dist/domains/metrics/components/breakdown/breakdown-models-tab.es.js

@@ -1,7 +1,7 @@
 import { useMetricsFilters } from "../../hooks/use-metrics-filters.es.js";
-import { previousWindow } from "../../lib/time-window.es.js";
-import { BREAKDOWN_GROUP_LIMIT, breakdownGroupBy } from "../../lib/breakdown.es.js";
 import { useMetricsUsageTotals } from "../../hooks/use-metrics-usage-totals.es.js";
+import { BREAKDOWN_GROUP_LIMIT, breakdownGroupBy } from "../../lib/breakdown.es.js";
+import { previousWindow } from "../../lib/time-window.es.js";
 import { BreakdownTable } from "./breakdown-table.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-models-tab.tsx

package/dist/domains/metrics/components/breakdown/breakdown-row-mark.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_llm_provider_mark = require("../../../llm/provider-mark.cjs.js");
+const require_components_SeriesMark = require("../../../../components/SeriesMark.cjs.js");
 const require_icons_AgentIcon = require("../../../../icons/AgentIcon.cjs.js");
 const require_icons_AiIcon = require("../../../../icons/AiIcon.cjs.js");
 const require_icons_ToolsIcon = require("../../../../icons/ToolsIcon.cjs.js");
 const require_icons_WorkflowIcon = require("../../../../icons/WorkflowIcon.cjs.js");
-const require_components_SeriesMark = require("../../../../components/SeriesMark.cjs.js");
-const require_domains_llm_provider_mark = require("../../../llm/provider-mark.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-row-mark.tsx
 /** The entities a row can be, each marked by its icon before the name. */

package/dist/domains/metrics/components/breakdown/breakdown-row-mark.es.js

@@ -1,9 +1,9 @@
+import { ProviderMark } from "../../../llm/provider-mark.es.js";
+import { SeriesMark } from "../../../../components/SeriesMark.es.js";
 import { AgentIcon } from "../../../../icons/AgentIcon.es.js";
 import { AiIcon } from "../../../../icons/AiIcon.es.js";
 import { ToolsIcon } from "../../../../icons/ToolsIcon.es.js";
 import { WorkflowIcon } from "../../../../icons/WorkflowIcon.es.js";
-import { SeriesMark } from "../../../../components/SeriesMark.es.js";
-import { ProviderMark } from "../../../llm/provider-mark.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-row-mark.tsx
 /** The entities a row can be, each marked by its icon before the name. */

package/dist/domains/metrics/components/breakdown/breakdown-row-name.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
 const require_domains_metrics_lib_breakdown_table = require("../../lib/breakdown-table.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_name = require("./breakdown-name.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_row_mark = require("./breakdown-row-mark.cjs.js");
-const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-row-name.tsx
 /** The row's mark and name; a model reads `openai › gpt-5-mini`. */

package/dist/domains/metrics/components/breakdown/breakdown-row-name.es.js

@@ -1,7 +1,7 @@
+import { useMetricsScope } from "../../hooks/use-metrics-scope.es.js";
 import { rowLabel } from "../../lib/breakdown-table.es.js";
 import { BreakdownName } from "./breakdown-name.es.js";
 import { BreakdownRowMark } from "./breakdown-row-mark.es.js";
-import { useMetricsScope } from "../../hooks/use-metrics-scope.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-row-name.tsx
 /** The row's mark and name; a model reads `openai › gpt-5-mini`. */

package/dist/domains/metrics/components/breakdown/breakdown-tab-body.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsCard = require("../../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
-const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_entity_tab = require("./breakdown-entity-tab.cjs.js");
+const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_models_tab = require("./breakdown-models-tab.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_trace_tab = require("./breakdown-trace-tab.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-tab-body.tsx
 var FILTER_NAMES = {

package/dist/domains/metrics/components/breakdown/breakdown-tab-body.es.js

@@ -1,9 +1,9 @@
-import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.js";
 import { isEntityTab } from "../../lib/breakdown.es.js";
-import { BreakdownFrame } from "./breakdown-frame.es.js";
 import { BreakdownEntityTab } from "./breakdown-entity-tab.es.js";
+import { BreakdownFrame } from "./breakdown-frame.es.js";
 import { BreakdownModelsTab } from "./breakdown-models-tab.es.js";
 import { BreakdownTraceTab } from "./breakdown-trace-tab.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-tab-body.tsx
 var FILTER_NAMES = {

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

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
+const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
+const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
+const require_domains_metrics_lib_breakdown_table = require("../../lib/breakdown-table.cjs.js");
 const require_domains_metrics_lib_chart_format = require("../../lib/chart-format.cjs.js");
 const require_domains_metrics_components_chart_area = require("../chart-area.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../chart-card-error.cjs.js");
-const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
-const require_domains_metrics_lib_breakdown_table = require("../../lib/breakdown-table.cjs.js");
-const require_domains_metrics_components_breakdown_breakdown_change_description = require("./breakdown-change-description.cjs.js");
-const require_domains_metrics_components_breakdown_breakdown_figure = require("./breakdown-figure.cjs.js");
-const require_domains_metrics_components_breakdown_breakdown_text = require("./breakdown-text.cjs.js");
-const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
-const require_MetricsTable = require("../../../../MetricsTable-BSl81oNe.cjs");
 const require_domains_metrics_components_breakdown_breakdown_change_cell = require("./breakdown-change-cell.cjs.js");
+const require_domains_metrics_components_breakdown_breakdown_change_description = require("./breakdown-change-description.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_cost_cell = require("./breakdown-cost-cell.cjs.js");
+const require_domains_metrics_components_breakdown_breakdown_figure = require("./breakdown-figure.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_row_name = require("./breakdown-row-name.cjs.js");
+const require_domains_metrics_components_breakdown_breakdown_text = require("./breakdown-text.cjs.js");
+const require_MetricsTable = require("../../../../MetricsTable-CvMoo2vg.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-table.tsx

package/dist/domains/metrics/components/breakdown/breakdown-table.es.js

@@ -1,18 +1,18 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
+import { useMetricsScope } from "../../hooks/use-metrics-scope.es.js";
+import { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from "../../lib/breakdown.es.js";
+import { comparedLabel, countDescription, drilldownFor, isChangeMetric, showsProject, tableRows, volumeLabel } from "../../lib/breakdown-table.es.js";
 import { formatCount, formatDuration, formatPercent } from "../../lib/chart-format.es.js";
 import { ChartArea } from "../chart-area.es.js";
 import { ChartCardError } from "../chart-card-error.es.js";
-import { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from "../../lib/breakdown.es.js";
-import { comparedLabel, countDescription, drilldownFor, isChangeMetric, showsProject, tableRows, volumeLabel } from "../../lib/breakdown-table.es.js";
-import { BreakdownChangeDescription } from "./breakdown-change-description.es.js";
-import { BreakdownFigure } from "./breakdown-figure.es.js";
-import { BreakdownText } from "./breakdown-text.es.js";
-import { useMetricsScope } from "../../hooks/use-metrics-scope.es.js";
-import { t as MetricsTable } from "../../../../MetricsTable-DID6LRoP.js";
 import { BreakdownChangeCell } from "./breakdown-change-cell.es.js";
+import { BreakdownChangeDescription } from "./breakdown-change-description.es.js";
 import { BreakdownCostCell } from "./breakdown-cost-cell.es.js";
+import { BreakdownFigure } from "./breakdown-figure.es.js";
 import { BreakdownFrame } from "./breakdown-frame.es.js";
 import { BreakdownRowName } from "./breakdown-row-name.es.js";
+import { BreakdownText } from "./breakdown-text.es.js";
+import { t as MetricsTable } from "../../../../MetricsTable-DIjbD5Xk.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-table.tsx

package/dist/domains/metrics/components/breakdown/breakdown-text.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-text.tsx
 /** A muted text cell (a project, a resource) that truncates, with the full text on hover. */

package/dist/domains/metrics/components/breakdown/breakdown-text.es.js

@@ -1,4 +1,4 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-text.tsx
 /** A muted text cell (a project, a resource) that truncates, with the full text on hover. */

package/dist/domains/metrics/components/breakdown/breakdown-trace-tab.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_request_limiter = require("../../lib/request-limiter.cjs.js");
 const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../../hooks/use-metrics-trace-aggregate.cjs.js");
+const require_domains_metrics_hooks_use_metrics_usage_totals = require("../../hooks/use-metrics-usage-totals.cjs.js");
 const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
 const require_domains_metrics_lib_breakdown_table = require("../../lib/breakdown-table.cjs.js");
-const require_domains_metrics_hooks_use_metrics_usage_totals = require("../../hooks/use-metrics-usage-totals.cjs.js");
+const require_domains_metrics_lib_request_limiter = require("../../lib/request-limiter.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_table = require("./breakdown-table.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-trace-tab.tsx

package/dist/domains/metrics/components/breakdown/breakdown-trace-tab.es.js

@@ -1,8 +1,8 @@
-import { AGGREGATE_PRIORITY } from "../../lib/request-limiter.es.js";
 import { useMetricsTraceAggregate } from "../../hooks/use-metrics-trace-aggregate.es.js";
+import { useMetricsUsageTotals } from "../../hooks/use-metrics-usage-totals.es.js";
 import { BREAKDOWN_GROUP_LIMIT, breakdownGroupBy, threadResourcesRequest, traceTabRequest } from "../../lib/breakdown.es.js";
 import { previousScope } from "../../lib/breakdown-table.es.js";
-import { useMetricsUsageTotals } from "../../hooks/use-metrics-usage-totals.es.js";
+import { AGGREGATE_PRIORITY } from "../../lib/request-limiter.es.js";
 import { BreakdownTable } from "./breakdown-table.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown/breakdown-trace-tab.tsx

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_hooks_use_metrics_scope = require("../hooks/use-metrics-scope.cjs.js");
 const require_domains_metrics_hooks_use_metrics_span_aggregate = require("../hooks/use-metrics-span-aggregate.cjs.js");
 const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../hooks/use-metrics-trace-aggregate.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
-const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
-const require_domains_metrics_hooks_use_metrics_scope = require("../hooks/use-metrics-scope.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown/breakdown-frame.cjs.js");
-const require_domains_metrics_components_breakdown_breakdown_tab_body = require("./breakdown/breakdown-tab-body.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_projects_first = require("./breakdown/breakdown-projects-first.cjs.js");
+const require_domains_metrics_components_breakdown_breakdown_tab_body = require("./breakdown/breakdown-tab-body.cjs.js");
+const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown-card.tsx

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

@@ -1,11 +1,11 @@
+import { useMetricsScope } from "../hooks/use-metrics-scope.es.js";
 import { useSpanAggregateGate } from "../hooks/use-metrics-span-aggregate.es.js";
 import { useTraceAggregateGate } from "../hooks/use-metrics-trace-aggregate.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
-import { ChartCard } from "./chart-card.es.js";
-import { useMetricsScope } from "../hooks/use-metrics-scope.es.js";
 import { BREAKDOWN_TITLE } from "./breakdown/breakdown-frame.es.js";
-import { BreakdownTabBody } from "./breakdown/breakdown-tab-body.es.js";
 import { BreakdownProjectsFirst } from "./breakdown/breakdown-projects-first.es.js";
+import { BreakdownTabBody } from "./breakdown/breakdown-tab-body.es.js";
+import { ChartCard } from "./chart-card.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/domains/metrics/components/breakdown-card.tsx

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,4 +1,4 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { TraceIcon } from "../../../icons/TraceIcon.es.js";
 import { jsx } from "react/jsx-runtime";
 import { ListTreeIcon, LogsIcon, MessagesSquareIcon } from "lucide-react";

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/chart-area.tsx
 /** A card's chart or list, filling the card body; an empty range shows a message over it. */

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

@@ -1,4 +1,4 @@
-import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/metrics/components/chart-area.tsx
 /** A card's chart or list, filling the card body; an empty range shows a message over it. */

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_domains_auth_components_permission_denied = require("../../auth/components/permission-denied.cjs.js");
 const require_domains_auth_components_session_expired = require("../../auth/components/session-expired.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_query = require("@mastra/react/hooks/query");
 let lucide_react = require("lucide-react");

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

@@ -1,7 +1,7 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { PermissionDenied } from "../../auth/components/permission-denied.es.js";
 import { SessionExpired } from "../../auth/components/session-expired.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { is401UnauthorizedError, is403ForbiddenError } from "@mastra/react/hooks/query";
 import { RotateCcwIcon } from "lucide-react";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/metrics/components/chart-card.tsx
@@ -8,7 +8,7 @@ let lucide_react = require("lucide-react");
 * Pure layout for a metrics chart card. The body has a fixed height, so the loading,
 * error, empty and loaded states take the same room and nothing shifts around the card.
 */
-function ChartCard({ variant = "default", title, href, LinkComponent, titleMenu, total, change, isLoading = false, actions, toolbar, isUpdating = false, bodyHeight = "fixed", className, children }) {
+function ChartCard({ variant = "default", title, href, LinkComponent, titleMenu, dragHandle, total, change, isLoading = false, actions, persistentActions, toolbar, isUpdating = false, bodyHeight = "fixed", className, children }) {
 	const fade = require_utils.cn("transition-opacity duration-200", isUpdating && "opacity-50");
 	const compact = variant === "compact";
 	const hero = variant === "hero";
@@ -26,9 +26,17 @@ function ChartCard({ variant = "default", title, href, LinkComponent, titleMenu,
 				title,
 				href,
 				LinkComponent,
-				titleMenu
+				titleMenu,
+				dragHandle
 			}),
-			actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Actions, {
+			persistentActions ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_MetricsCard.MetricsCard.Actions, {
+				className: require_utils.cn(hero && "my-0 self-center"),
+				children: [actions && (hero ? actions : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Actions, {
+					reveal: "hover",
+					className: "my-0",
+					children: actions
+				})), persistentActions]
+			}) : actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Actions, {
 				reveal: hero ? "always" : "hover",
 				className: require_utils.cn(hero && "my-0 self-center"),
 				children: actions
@@ -57,8 +65,16 @@ function bodyClass(variant, bodyHeight) {
 	if (bodyHeight === "fit") return "min-h-60";
 	return "min-h-60 flex-1";
 }
+/** The title, after the drag handle when there is one. */
+function ChartCardHeading({ dragHandle, ...title }) {
+	if (!dragHandle) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartCardTitle, { ...title });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-0 items-center gap-1.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.DragHandle, { ...dragHandle }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartCardTitle, { ...title })]
+	});
+}
 /** The title: a view menu, a link to a fuller view, or plain. */
-function ChartCardHeading({ title, href, LinkComponent, titleMenu }) {
+function ChartCardTitle({ title, href, LinkComponent, titleMenu }) {
 	if (titleMenu) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.TitleMenu, {
 		title,
 		...titleMenu