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

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

@@ -1,9 +1,9 @@
 import { I as createTraceFilterBarFields, L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../../trace-filters-CaWkw779.js";
-import { t as isFilterBarGroup } from "../../../../types-DiiL5mTO.js";
 import { getSelectedEntityOption } from "./traces-explorer-actions.es.js";
-import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../../filter-bar-time-range-qlV8p7hp.js";
 import { useTracesConfig, useTracesFilters } from "./traces-explorer-context.es.js";
 import { useTracesDiscovery } from "./use-traces-discovery.es.js";
+import { t as isFilterBarGroup } from "../../../../types-DiiL5mTO.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../../filter-bar-time-range-D9SnzR2J.js";
 import { useMemo } from "react";
 import { useMastraClient } from "@mastra/react";
 import { createTraceQueryValuesResolver, useEntityNames, useEnvironments } from "@mastra/react/hooks/traces";

package/dist/domains/traces/components/traces-explorer.cjs.js

@@ -1,10 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer/traces-explorer-actions.cjs.js");
-const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer/traces-explorer-context.cjs.js");
-const require_domains_traces_components_traces_explorer_use_traces_discovery = require("./traces-explorer/use-traces-discovery.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_body = require("./traces-explorer/traces-explorer-body.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_columns_menu = require("./traces-explorer/traces-explorer-columns-menu.cjs.js");
-const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./traces-explorer/use-traces-filter-bar.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_filter_bar = require("./traces-explorer/traces-explorer-filter-bar.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_histogram = require("./traces-explorer/traces-explorer-histogram.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_layout = require("./traces-explorer/traces-explorer-layout.cjs.js");
@@ -12,6 +8,10 @@ const require_domains_traces_components_traces_explorer_traces_explorer_list = r
 const require_domains_traces_components_traces_explorer_traces_explorer_panel = require("./traces-explorer/traces-explorer-panel.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_root = require("./traces-explorer/traces-explorer-root.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_saved_views = require("./traces-explorer/traces-explorer-saved-views.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("./traces-explorer/traces-explorer-actions.cjs.js");
+const require_domains_traces_components_traces_explorer_traces_explorer_context = require("./traces-explorer/traces-explorer-context.cjs.js");
+const require_domains_traces_components_traces_explorer_use_traces_filter_bar = require("./traces-explorer/use-traces-filter-bar.cjs.js");
+const require_domains_traces_components_traces_explorer_use_traces_discovery = require("./traces-explorer/use-traces-discovery.cjs.js");
 // src/domains/traces/components/traces-explorer/index.ts
 var TracesExplorer = Object.assign(require_domains_traces_components_traces_explorer_traces_explorer_root.TracesExplorerRoot, {
 	Layout: require_domains_traces_components_traces_explorer_traces_explorer_layout.TracesExplorerLayout,

package/dist/domains/traces/components/traces-explorer.es.js

@@ -1,9 +1,5 @@
-import { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, TRACES_SORT_FIELDS, resolveTracesDateWindow } from "./traces-explorer/traces-explorer-actions.es.js";
-import { useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection } from "./traces-explorer/traces-explorer-context.es.js";
-import { useTracesDiscovery } from "./traces-explorer/use-traces-discovery.es.js";
 import { TracesExplorerBody } from "./traces-explorer/traces-explorer-body.es.js";
 import { TracesExplorerColumnsMenu } from "./traces-explorer/traces-explorer-columns-menu.es.js";
-import { useTracesFilterBar, useTracesFilterBarFields } from "./traces-explorer/use-traces-filter-bar.es.js";
 import { TracesExplorerFilterBar, TracesExplorerFilterChips, TracesExplorerTimeRangeChip } from "./traces-explorer/traces-explorer-filter-bar.es.js";
 import { TracesExplorerHistogram } from "./traces-explorer/traces-explorer-histogram.es.js";
 import { TracesExplorerLayout } from "./traces-explorer/traces-explorer-layout.es.js";
@@ -11,6 +7,10 @@ import { TracesExplorerList } from "./traces-explorer/traces-explorer-list.es.js
 import { TracesExplorerPanel } from "./traces-explorer/traces-explorer-panel.es.js";
 import { TracesExplorerRoot } from "./traces-explorer/traces-explorer-root.es.js";
 import { TracesExplorerSavedViews } from "./traces-explorer/traces-explorer-saved-views.es.js";
+import { DEFAULT_TRACES_FILTERS, DEFAULT_TRACES_SORT, EMPTY_TRACES_SELECTION, TRACES_SORT_FIELDS, resolveTracesDateWindow } from "./traces-explorer/traces-explorer-actions.es.js";
+import { useTraceUsageColumns, useTracesColumns, useTracesConfig, useTracesFilters, useTracesList, useTracesListFetching, useTracesSelection } from "./traces-explorer/traces-explorer-context.es.js";
+import { useTracesFilterBar, useTracesFilterBarFields } from "./traces-explorer/use-traces-filter-bar.es.js";
+import { useTracesDiscovery } from "./traces-explorer/use-traces-discovery.es.js";
 // src/domains/traces/components/traces-explorer/index.ts
 var TracesExplorer = Object.assign(TracesExplorerRoot, {
 	Layout: TracesExplorerLayout,

package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-Dx-jCOIv.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/traces-list-mode-toggle.tsx

package/dist/domains/traces/components/traces-list-mode-toggle.es.js

@@ -1,5 +1,5 @@
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-DKoWI8kD.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 // src/domains/traces/components/traces-list-mode-toggle.tsx

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

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_cost = require("../../../cost-CDXUhpb_.cjs");
-const require_utils_duration = require("../../../utils/duration.cjs.js");
-const require_tooltip = require("../../../tooltip-BiRLT3Th.cjs");
-const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
-const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
-const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 const require_domains_traces_components_trace_error_cell = require("./trace-error-cell.cjs.js");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
+const require_DataList = require("../../../DataList-DTIdllb-.cjs");
+const require_use_data_list_keyboard = require("../../../use-data-list-keyboard-BCLBdaWR.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-Dx-jCOIv.cjs");
+const require_tooltip = require("../../../tooltip-BsExuMO8.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_primitives_transitions = require("../../../primitives/transitions.cjs.js");
+const require_cost = require("../../../cost-CDXUhpb_.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_utils_duration = require("../../../utils/duration.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

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

@@ -1,16 +1,16 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { n as formatCost, t as formatCompactNumber } from "../../../cost-C2vDb3o7.js";
-import { formatDuration } from "../../../utils/duration.es.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-HzcLyGtV.js";
-import { focusRing } from "../../../primitives/transitions.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
-import { C as splitColumns, t as DataList } from "../../../data-list-DHCOoLmj.js";
-import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-CUhRQAv6.js";
-import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, buildTraceListColumnKeys, buildTraceListColumns, formatTraceMetadataValue, hasTraceColumn } from "../trace-list-columns.es.js";
 import { getInputPreview, getSpanDurationMs } from "../utils/span-utils.es.js";
 import { TraceErrorCell } from "./trace-error-cell.es.js";
+import { C as splitColumns, t as DataList } from "../../../data-list-GzbzPmYR.js";
+import { i as DataListSkeletonRows, t as TracesDataList } from "../../../DataList-B7ho6PrJ.js";
+import { t as useDataListKeyboard } from "../../../use-data-list-keyboard-fJXq2T3y.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-DKoWI8kD.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-DJcze2VZ.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { focusRing } from "../../../primitives/transitions.es.js";
+import { n as formatCost, t as formatCompactNumber } from "../../../cost-C2vDb3o7.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { formatDuration } from "../../../utils/duration.es.js";
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ListFilterIcon } from "lucide-react";

package/dist/domains/traces/components/traces-page-skeleton.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_DataList = require("../../../DataList-Cj0mfk19.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
+const require_DataList = require("../../../DataList-DTIdllb-.cjs");
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/traces-page-skeleton.tsx
 /**

package/dist/domains/traces/components/traces-page-skeleton.es.js

@@ -1,6 +1,6 @@
-import { Skeleton } from "../../../components/Skeleton.es.js";
-import { r as DataListSkeleton } from "../../../DataList-CUhRQAv6.js";
 import { DEFAULT_TRACE_COLUMN_PREFERENCES, buildTraceListColumns } from "../trace-list-columns.es.js";
+import { r as DataListSkeleton } from "../../../DataList-B7ho6PrJ.js";
+import { Skeleton } from "../../../components/Skeleton.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/traces-page-skeleton.tsx
 /**

package/dist/domains/traces/components/traces-spans-switch.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
+const require_tabs_tab = require("../../../tabs-tab-CANh2eAD.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
-const require_tabs_tab = require("../../../tabs-tab-DGwfHVDr.cjs");
-const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/traces-spans-switch.tsx

package/dist/domains/traces/components/traces-spans-switch.es.js

@@ -1,8 +1,8 @@
+import { Skeleton } from "../../../components/Skeleton.es.js";
+import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-BHs639jL.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { TraceIcon } from "../../../icons/TraceIcon.es.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CYTZevdV.js";
-import { Skeleton } from "../../../components/Skeleton.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChartNoAxesGantt, MessagesSquare } from "lucide-react";
 // src/domains/traces/components/traces-spans-switch.tsx

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_components_traces_spans_switch = require("./components/traces-spans-switch.cjs.js");
-const require_domains_traces_components_shared = require("./components/shared.cjs.js");
 const require_domains_traces_components_format_hierarchical_spans = require("./components/format-hierarchical-spans.cjs.js");
+const require_domains_traces_components_shared = require("./components/shared.cjs.js");
+const require_domains_traces_components_span_token_usage = require("./components/span-token-usage.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./components/span-payload/span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./components/span-payload/span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./components/span-payload/span-payload-messages.cjs.js");
@@ -12,31 +12,31 @@ const require_domains_traces_components_span_payload_span_error_renderer = requi
 const require_domains_traces_components_span_payload_span_payload_section = require("./components/span-payload/span-payload-section.cjs.js");
 const require_domains_traces_components_span_payload_span_processor_attributes = require("./components/span-payload/span-processor-attributes.cjs.js");
 const require_domains_traces_components_span_payload_span_processor_mutations = require("./components/span-payload/span-processor-mutations.cjs.js");
-const require_domains_traces_components_span_token_usage = require("./components/span-token-usage.cjs.js");
-const require_domains_traces_components_span_data_panel_view = require("./components/span-data-panel-view.cjs.js");
-const require_domains_traces_components_no_traces_info = require("./components/no-traces-info.cjs.js");
-const require_domains_traces_components_traces_error_content = require("./components/traces-error-content.cjs.js");
-const require_domains_traces_components_traces_list_view = require("./components/traces-list-view.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./components/thread-trace/thread-trace-row-context.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_context = require("./components/thread-trace/thread-trace-context.cjs.js");
-const require_domains_traces_components_thread_trace_thread_trace_row = require("./components/thread-trace/thread-trace-row.cjs.js");
-const require_domains_traces_components_span_rows = require("./components/span-rows.cjs.js");
 const require_domains_traces_components_timeline_name_col = require("./components/timeline-name-col.cjs.js");
-const require_domains_traces_components_span_tree_row = require("./components/span-tree-row.cjs.js");
-const require_domains_traces_components_trace_span_tree = require("./components/trace-span-tree.cjs.js");
-const require_domains_traces_components_thread_trace = require("./components/thread-trace.cjs.js");
 const require_domains_traces_components_timeline_structure_sign = require("./components/timeline-structure-sign.cjs.js");
-const require_domains_traces_components_span_timing_hover_card = require("./components/span-timing-hover-card.cjs.js");
 const require_domains_traces_components_timeline_timing_col = require("./components/timeline-timing-col.cjs.js");
 const require_domains_traces_components_trace_timeline_span = require("./components/trace-timeline-span.cjs.js");
 const require_domains_traces_components_trace_timeline = require("./components/trace-timeline.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./components/thread-trace/thread-trace-row-context.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_context = require("./components/thread-trace/thread-trace-context.cjs.js");
+const require_domains_traces_components_thread_trace_thread_trace_row = require("./components/thread-trace/thread-trace-row.cjs.js");
+const require_domains_traces_components_span_rows = require("./components/span-rows.cjs.js");
+const require_domains_traces_components_span_tree_row = require("./components/span-tree-row.cjs.js");
 const require_domains_traces_components_span_timeline_row = require("./components/span-timeline-row.cjs.js");
+const require_domains_traces_components_span_timing_hover_card = require("./components/span-timing-hover-card.cjs.js");
+const require_domains_traces_components_trace_span_tree = require("./components/trace-span-tree.cjs.js");
 const require_domains_traces_components_trace_span_timeline = require("./components/trace-span-timeline.cjs.js");
 const require_domains_traces_components_trace_data_panel_view = require("./components/trace-data-panel-view.cjs.js");
+const require_domains_traces_components_span_data_panel_view = require("./components/span-data-panel-view.cjs.js");
 const require_domains_traces_components_span_details_view = require("./components/span-details-view.cjs.js");
 const require_domains_traces_components_trace_details_view = require("./components/trace-details-view.cjs.js");
+const require_domains_traces_components_traces_list_view = require("./components/traces-list-view.cjs.js");
 const require_domains_traces_components_traces_page_skeleton = require("./components/traces-page-skeleton.cjs.js");
 const require_domains_traces_components_traces_list_mode_toggle = require("./components/traces-list-mode-toggle.cjs.js");
+const require_domains_traces_components_traces_error_content = require("./components/traces-error-content.cjs.js");
+const require_domains_traces_components_no_traces_info = require("./components/no-traces-info.cjs.js");
+const require_domains_traces_components_traces_spans_switch = require("./components/traces-spans-switch.cjs.js");
+const require_domains_traces_components_thread_trace = require("./components/thread-trace.cjs.js");
 exports.NoTracesInfo = require_domains_traces_components_no_traces_info.NoTracesInfo;
 exports.SpanDataPanelView = require_domains_traces_components_span_data_panel_view.SpanDataPanelView;
 exports.SpanDetailsView = require_domains_traces_components_span_details_view.SpanDetailsView;

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

@@ -1,6 +1,6 @@
-import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "./components/traces-spans-switch.es.js";
-import { getSpanTypeUi, spanTypePrefixes } from "./components/shared.es.js";
 import { formatHierarchicalSpans } from "./components/format-hierarchical-spans.es.js";
+import { getSpanTypeUi, spanTypePrefixes } from "./components/shared.es.js";
+import { SpanTokenUsage } from "./components/span-token-usage.es.js";
 import { getSpanOutputPayload, hasSpanInputPreview, hasSpanOutputPreview } from "./components/span-payload/span-payload-registry.es.js";
 import { SpanPayloadJson } from "./components/span-payload/span-payload-json.es.js";
 import { SpanPayloadMessages } from "./components/span-payload/span-payload-messages.es.js";
@@ -11,29 +11,29 @@ import { SpanErrorDetails, SpanErrorRenderer } from "./components/span-payload/s
 import { SpanPayloadJsonSection, SpanPayloadSection } from "./components/span-payload/span-payload-section.es.js";
 import { SpanProcessorAttributes } from "./components/span-payload/span-processor-attributes.es.js";
 import { SpanProcessorMutations } from "./components/span-payload/span-processor-mutations.es.js";
-import { SpanTokenUsage } from "./components/span-token-usage.es.js";
-import { SpanDataPanelView } from "./components/span-data-panel-view.es.js";
-import { NoTracesInfo } from "./components/no-traces-info.es.js";
-import { TracesErrorContent } from "./components/traces-error-content.es.js";
-import { TracesListView } from "./components/traces-list-view.es.js";
-import { useThreadTraceRow } from "./components/thread-trace/thread-trace-row-context.es.js";
-import { useThreadTrace } from "./components/thread-trace/thread-trace-context.es.js";
-import { THREAD_TRACE_MESSAGES_TAB } from "./components/thread-trace/thread-trace-row.es.js";
-import { SpanRows } from "./components/span-rows.es.js";
 import { TimelineNameCol } from "./components/timeline-name-col.es.js";
-import { SpanTreeRow } from "./components/span-tree-row.es.js";
-import { TraceSpanTree } from "./components/trace-span-tree.es.js";
-import { ThreadTrace } from "./components/thread-trace.es.js";
 import { TimelineStructureSign } from "./components/timeline-structure-sign.es.js";
-import { SpanTimingHoverCard } from "./components/span-timing-hover-card.es.js";
 import { TimelineTimingCol } from "./components/timeline-timing-col.es.js";
 import { TraceTimelineSpan } from "./components/trace-timeline-span.es.js";
 import { TraceTimeline } from "./components/trace-timeline.es.js";
+import { useThreadTraceRow } from "./components/thread-trace/thread-trace-row-context.es.js";
+import { useThreadTrace } from "./components/thread-trace/thread-trace-context.es.js";
+import { THREAD_TRACE_MESSAGES_TAB } from "./components/thread-trace/thread-trace-row.es.js";
+import { SpanRows } from "./components/span-rows.es.js";
+import { SpanTreeRow } from "./components/span-tree-row.es.js";
 import { SpanTimelineRow } from "./components/span-timeline-row.es.js";
+import { SpanTimingHoverCard } from "./components/span-timing-hover-card.es.js";
+import { TraceSpanTree } from "./components/trace-span-tree.es.js";
 import { TraceSpanTimeline } from "./components/trace-span-timeline.es.js";
 import { TraceDataPanelView } from "./components/trace-data-panel-view.es.js";
+import { SpanDataPanelView } from "./components/span-data-panel-view.es.js";
 import { SpanDetailsView } from "./components/span-details-view.es.js";
 import { TraceDetailsView } from "./components/trace-details-view.es.js";
+import { TracesListView } from "./components/traces-list-view.es.js";
 import { TracesPageSkeleton } from "./components/traces-page-skeleton.es.js";
 import { TracesListModeToggle } from "./components/traces-list-mode-toggle.es.js";
+import { TracesErrorContent } from "./components/traces-error-content.es.js";
+import { NoTracesInfo } from "./components/no-traces-info.es.js";
+import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "./components/traces-spans-switch.es.js";
+import { ThreadTrace } from "./components/thread-trace.es.js";
 export { NoTracesInfo, SpanDataPanelView, SpanDetailsView, SpanErrorDetails, SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadJson, SpanPayloadJsonSection, SpanPayloadMessages, SpanPayloadProcessor, SpanPayloadSection, SpanProcessorAttributes, SpanProcessorMutations, SpanRows, SpanTimelineRow, SpanTimingHoverCard, SpanTokenUsage, SpanTreeRow, THREAD_TRACE_MESSAGES_TAB, ThreadTrace, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, TraceDataPanelView, TraceDetailsView, TraceSpanTimeline, TraceSpanTree, TraceTimeline, TraceTimelineSpan, TracesErrorContent, TracesListModeToggle, TracesListView, TracesPageSkeleton, TracesSpansSwitch, TracesSpansSwitchSkeleton, formatHierarchicalSpans, getSpanOutputPayload, getSpanTypeUi, hasSpanInputPreview, hasSpanOutputPreview, spanTypePrefixes, useThreadTrace, useThreadTraceRow };

package/dist/domains/traces/hooks/use-download-trace-json.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_downloadJson = require("../../../downloadJson-BmtDPhkG.cjs");
-const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
+const require_toast_api = require("../../../toast-api-DDcGCbIw.cjs");
 let react = require("react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/domains/traces/hooks/use-download-trace-json.ts

package/dist/domains/traces/hooks/use-download-trace-json.es.js

@@ -1,5 +1,5 @@
 import { t as downloadJson } from "../../../downloadJson-Dm-7r0MA.js";
-import { t as toast } from "../../../toast-api-D_rrRhNG.js";
+import { t as toast } from "../../../toast-api-Cak5N8pT.js";
 import { useState } from "react";
 import { useFetchTraceSpans } from "@mastra/react/hooks/traces";
 // src/domains/traces/hooks/use-download-trace-json.ts

package/dist/domains/traces/hooks/use-traces-list-source.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_list_polling = require("../../observability/list-polling.cjs.js");
 const require_domains_traces_components_traces_list_view_adapter = require("../components/traces-list-view-adapter.cjs.js");
+const require_domains_observability_list_polling = require("../../observability/list-polling.cjs.js");
 let react = require("react");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 // src/domains/traces/hooks/use-traces-list-source.ts

package/dist/domains/traces/hooks/use-traces-list-source.es.js

@@ -1,5 +1,5 @@
-import { OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, recoveryRefetchInterval } from "../../observability/list-polling.es.js";
 import { toTracesListViewTraces } from "../components/traces-list-view-adapter.es.js";
+import { OBSERVABILITY_LIST_HORIZON_MS, OBSERVABILITY_LIST_POLL_INTERVAL_MS, OBSERVABILITY_LIST_REFETCH_INTERVAL_MS, fixedWindowRefetchInterval, recoveryRefetchInterval } from "../../observability/list-polling.es.js";
 import { useEffect, useMemo, useState } from "react";
 import { useTraceQuery, useTraceQueryLatest } from "@mastra/react/hooks/traces";
 // src/domains/traces/hooks/use-traces-list-source.ts

package/dist/domains/traces/hooks.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_hooks_use_visible_trace_rows = require("./hooks/use-visible-trace-rows.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("./hooks/get-all-span-ids.cjs.js");
-const require_domains_traces_hooks_use_expanded_span_ids = require("./hooks/use-expanded-span-ids.cjs.js");
-const require_domains_traces_hooks_use_traces_list_source = require("./hooks/use-traces-list-source.cjs.js");
 const require_domains_traces_hooks_use_download_trace_json = require("./hooks/use-download-trace-json.cjs.js");
 const require_domains_traces_hooks_use_trace_search = require("./hooks/use-trace-search.cjs.js");
-const require_domains_traces_hooks_use_trace_list_navigation = require("./hooks/use-trace-list-navigation.cjs.js");
+const require_domains_traces_hooks_use_traces_list_source = require("./hooks/use-traces-list-source.cjs.js");
 const require_domains_traces_hooks_use_trace_span_navigation = require("./hooks/use-trace-span-navigation.cjs.js");
+const require_domains_traces_hooks_use_trace_list_navigation = require("./hooks/use-trace-list-navigation.cjs.js");
+const require_domains_traces_hooks_use_expanded_span_ids = require("./hooks/use-expanded-span-ids.cjs.js");
+const require_domains_traces_hooks_use_visible_trace_rows = require("./hooks/use-visible-trace-rows.cjs.js");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 exports.getAllSpanIds = require_domains_traces_hooks_get_all_span_ids.getAllSpanIds;
 exports.getSpanDescendantIds = require_domains_traces_hooks_get_all_span_ids.getSpanDescendantIds;

package/dist/domains/traces/hooks.es.js

@@ -1,10 +1,10 @@
-import { useVisibleTraceRows } from "./hooks/use-visible-trace-rows.es.js";
 import { getAllSpanIds, getSpanDescendantIds } from "./hooks/get-all-span-ids.es.js";
-import { useExpandedSpanIds } from "./hooks/use-expanded-span-ids.es.js";
-import { useTracesListSource } from "./hooks/use-traces-list-source.es.js";
 import { useDownloadTraceJson } from "./hooks/use-download-trace-json.es.js";
 import { useTraceSearch } from "./hooks/use-trace-search.es.js";
-import { useTraceListNavigation } from "./hooks/use-trace-list-navigation.es.js";
+import { useTracesListSource } from "./hooks/use-traces-list-source.es.js";
 import { useTraceSpanNavigation } from "./hooks/use-trace-span-navigation.es.js";
+import { useTraceListNavigation } from "./hooks/use-trace-list-navigation.es.js";
+import { useExpandedSpanIds } from "./hooks/use-expanded-span-ids.es.js";
+import { useVisibleTraceRows } from "./hooks/use-visible-trace-rows.es.js";
 import { useBranch, useEntityNames, useEnvironments, useServiceNames, useSpanDetail, useTags, useTraceLightSpans, useTraceMetadataFilterFields, useTraceOrBranchSpans, useTraceQuery, useTraceSpans, useTraces } from "@mastra/react/hooks/traces";
 export { getAllSpanIds, getSpanDescendantIds, useBranch, useDownloadTraceJson, useEntityNames, useEnvironments, useExpandedSpanIds, useServiceNames, useSpanDetail, useTags, useTraceLightSpans, useTraceListNavigation, useTraceMetadataFilterFields, useTraceOrBranchSpans, useTraceQuery, useTraceSearch, useTraceSpanNavigation, useTraceSpans, useTraces, useTracesListSource, useVisibleTraceRows };

package/dist/domains/traces/utils/span-utils.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_domains_traces_utils_span_signal = require("./span-signal.cjs.js");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 // src/domains/traces/utils/span-utils.ts
 function getSpanDurationMs(startedAt, endedAt) {
 	const startedAtMs = require_utils_date_format.toDate(startedAt)?.getTime();
@@ -25,7 +25,7 @@ function getInputPreview(input, maxLength = 100) {
 				return "";
 			}).filter(Boolean).join(" ");
 			return "";
-		}).filter(Boolean).join(" | ");
+		}).filter(Boolean).join("; ");
 		if (joined.length > maxLength) return joined.slice(0, maxLength) + "…";
 		return joined;
 	}

package/dist/domains/traces/utils/span-utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-utils.cjs.js","names":["toDate","messages","getSignalInputPreview"],"sources":["../../../../src/domains/traces/utils/span-utils.ts"],"sourcesContent":["import type { SpanRecord } from '../types';\nimport { getSignalInputPreview } from './span-signal';\nimport { toDate } from '@/utils/date-format';\n\ntype MessageLike = { role?: string; content?: unknown };\n\nexport function getSpanDurationMs(\n  startedAt: Date | string | null | undefined,\n  endedAt: Date | string | null | undefined,\n): number | undefined {\n  const startedAtMs = toDate(startedAt)?.getTime();\n  const endedAtMs = toDate(endedAt)?.getTime();\n  if (startedAtMs === undefined || endedAtMs === undefined || endedAtMs < startedAtMs) return undefined;\n  return endedAtMs - startedAtMs;\n}\n\n/**\n * Extract a truncated text preview from a span's input field.\n * Agent traces store `input` as an array of message objects.\n * Returns the text content of all user messages joined, truncated to maxLength.\n */\nexport function getInputPreview(input: unknown, maxLength = 100): string {\n  if (input == null) return '';\n\n  // Unwrap legacy { messages: [...] } wrapper from agent_run spans\n  const messageArray = Array.isArray(input)\n    ? input\n    : input && typeof input === 'object' && !Array.isArray(input) && Array.isArray((input as any).messages)\n      ? (input as any).messages\n      : null;\n\n  if (messageArray) {\n    const messages = messageArray as MessageLike[];\n    const userMessages = messages\n      .filter(m => m?.role === 'user')\n      .map(m => {\n        if (typeof m.content === 'string') return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((part: any) => {\n              if (typeof part === 'string') return part;\n              if (part?.type === 'text' && typeof part.text === 'string') return part.text;\n              return '';\n            })\n            .filter(Boolean)\n            .join(' ');\n        }\n        return '';\n      })\n      .filter(Boolean);\n\n    const joined = userMessages.join(' | ');\n    if (joined.length > maxLength) {\n      return joined.slice(0, maxLength) + '…';\n    }\n    return joined;\n  }\n\n  const signalPreview = getSignalInputPreview(input);\n  if (signalPreview !== undefined) {\n    return signalPreview.length > maxLength ? signalPreview.slice(0, maxLength) + '…' : signalPreview;\n  }\n\n  if (typeof input === 'string') {\n    if (input.length > maxLength) {\n      return input.slice(0, maxLength) + '…';\n    }\n    return input;\n  }\n\n  const str = JSON.stringify(input);\n  if (str.length > maxLength) {\n    return str.slice(0, maxLength) + '…';\n  }\n  return str;\n}\n\ntype TokenUsage = {\n  inputTokens?: number;\n  outputTokens?: number;\n  totalTokens?: number;\n};\n\n/**\n * Check if a span indicates that the token limit was exceeded\n */\nexport function isTokenLimitExceeded(span?: SpanRecord): boolean {\n  return span?.attributes?.finishReason === 'length';\n}\n\n/**\n * Get a human-readable message for token limit exceeded\n */\nexport function getTokenLimitMessage(span?: SpanRecord): string {\n  const usage = span?.attributes?.usage as TokenUsage | undefined;\n\n  if (!usage) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.`;\n  }\n\n  const inputTokens = usage.inputTokens ?? 0;\n  const outputTokens = usage.outputTokens ?? 0;\n  const totalTokens = usage.totalTokens ?? inputTokens + outputTokens;\n\n  // Show breakdown if we have detailed info\n  if (inputTokens > 0 || outputTokens > 0) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\\n\\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;\n  }\n\n  return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;\n}\n"],"mappings":";;;;AAMA,SAAgB,kBACd,WACA,SACoB;CACpB,MAAM,cAAcA,0BAAAA,OAAO,SAAS,CAAC,EAAE,QAAQ;CAC/C,MAAM,YAAYA,0BAAAA,OAAO,OAAO,CAAC,EAAE,QAAQ;CAC3C,IAAI,gBAAgB,KAAA,KAAa,cAAc,KAAA,KAAa,YAAY,aAAa,OAAO,KAAA;CAC5F,OAAO,YAAY;AACrB;;;;;;AAOA,SAAgB,gBAAgB,OAAgB,YAAY,KAAa;CACvE,IAAI,SAAS,MAAM,OAAO;CAG1B,MAAM,eAAe,MAAM,QAAQ,KAAK,IACpC,QACA,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAS,MAAc,QAAQ,IACjG,MAAc,WACf;CAEN,IAAI,cAAc;EAoBhB,MAAM,SAlBeC,aAClB,QAAO,MAAK,GAAG,SAAS,MAAM,CAAC,CAC/B,KAAI,MAAK;GACR,IAAI,OAAO,EAAE,YAAY,UAAU,OAAO,EAAE;GAC5C,IAAI,MAAM,QAAQ,EAAE,OAAO,GACzB,OAAO,EAAE,QACN,KAAK,SAAc;IAClB,IAAI,OAAO,SAAS,UAAU,OAAO;IACrC,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,SAAS,UAAU,OAAO,KAAK;IACxE,OAAO;GACT,CAAC,CAAC,CACD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;GAEb,OAAO;EACT,CAAC,CAAC,CACD,OAAO,OAEK,CAAA,CAAa,KAAK,KAAK;EACtC,IAAI,OAAO,SAAS,WAClB,OAAO,OAAO,MAAM,GAAG,SAAS,IAAI;EAEtC,OAAO;CACT;CAEA,MAAM,gBAAgBC,yCAAAA,sBAAsB,KAAK;CACjD,IAAI,kBAAkB,KAAA,GACpB,OAAO,cAAc,SAAS,YAAY,cAAc,MAAM,GAAG,SAAS,IAAI,MAAM;CAGtF,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,WACjB,OAAO,MAAM,MAAM,GAAG,SAAS,IAAI;EAErC,OAAO;CACT;CAEA,MAAM,MAAM,KAAK,UAAU,KAAK;CAChC,IAAI,IAAI,SAAS,WACf,OAAO,IAAI,MAAM,GAAG,SAAS,IAAI;CAEnC,OAAO;AACT;;;;AAWA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,MAAM,YAAY,iBAAiB;AAC5C;;;;AAKA,SAAgB,qBAAqB,MAA2B;CAC9D,MAAM,QAAQ,MAAM,YAAY;CAEhC,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,cAAc,MAAM,eAAe,cAAc;CAGvD,IAAI,cAAc,KAAK,eAAe,GACpC,OAAO,8IAA8I,YAAY,WAAW,aAAa,YAAY,YAAY;CAGnN,OAAO,4EAA4E,YAAY;AACjG"}
+{"version":3,"file":"span-utils.cjs.js","names":["toDate","messages","getSignalInputPreview"],"sources":["../../../../src/domains/traces/utils/span-utils.ts"],"sourcesContent":["import type { SpanRecord } from '../types';\nimport { getSignalInputPreview } from './span-signal';\nimport { toDate } from '@/utils/date-format';\n\ntype MessageLike = { role?: string; content?: unknown };\n\nexport function getSpanDurationMs(\n  startedAt: Date | string | null | undefined,\n  endedAt: Date | string | null | undefined,\n): number | undefined {\n  const startedAtMs = toDate(startedAt)?.getTime();\n  const endedAtMs = toDate(endedAt)?.getTime();\n  if (startedAtMs === undefined || endedAtMs === undefined || endedAtMs < startedAtMs) return undefined;\n  return endedAtMs - startedAtMs;\n}\n\n/**\n * Extract a truncated text preview from a span's input field.\n * Agent traces store `input` as an array of message objects.\n * Returns the text content of all user messages joined, truncated to maxLength.\n */\nexport function getInputPreview(input: unknown, maxLength = 100): string {\n  if (input == null) return '';\n\n  // Unwrap legacy { messages: [...] } wrapper from agent_run spans\n  const messageArray = Array.isArray(input)\n    ? input\n    : input && typeof input === 'object' && !Array.isArray(input) && Array.isArray((input as any).messages)\n      ? (input as any).messages\n      : null;\n\n  if (messageArray) {\n    const messages = messageArray as MessageLike[];\n    const userMessages = messages\n      .filter(m => m?.role === 'user')\n      .map(m => {\n        if (typeof m.content === 'string') return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((part: any) => {\n              if (typeof part === 'string') return part;\n              if (part?.type === 'text' && typeof part.text === 'string') return part.text;\n              return '';\n            })\n            .filter(Boolean)\n            .join(' ');\n        }\n        return '';\n      })\n      .filter(Boolean);\n\n    const joined = userMessages.join('; ');\n    if (joined.length > maxLength) {\n      return joined.slice(0, maxLength) + '…';\n    }\n    return joined;\n  }\n\n  const signalPreview = getSignalInputPreview(input);\n  if (signalPreview !== undefined) {\n    return signalPreview.length > maxLength ? signalPreview.slice(0, maxLength) + '…' : signalPreview;\n  }\n\n  if (typeof input === 'string') {\n    if (input.length > maxLength) {\n      return input.slice(0, maxLength) + '…';\n    }\n    return input;\n  }\n\n  const str = JSON.stringify(input);\n  if (str.length > maxLength) {\n    return str.slice(0, maxLength) + '…';\n  }\n  return str;\n}\n\ntype TokenUsage = {\n  inputTokens?: number;\n  outputTokens?: number;\n  totalTokens?: number;\n};\n\n/**\n * Check if a span indicates that the token limit was exceeded\n */\nexport function isTokenLimitExceeded(span?: SpanRecord): boolean {\n  return span?.attributes?.finishReason === 'length';\n}\n\n/**\n * Get a human-readable message for token limit exceeded\n */\nexport function getTokenLimitMessage(span?: SpanRecord): string {\n  const usage = span?.attributes?.usage as TokenUsage | undefined;\n\n  if (!usage) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.`;\n  }\n\n  const inputTokens = usage.inputTokens ?? 0;\n  const outputTokens = usage.outputTokens ?? 0;\n  const totalTokens = usage.totalTokens ?? inputTokens + outputTokens;\n\n  // Show breakdown if we have detailed info\n  if (inputTokens > 0 || outputTokens > 0) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\\n\\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;\n  }\n\n  return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;\n}\n"],"mappings":";;;;AAMA,SAAgB,kBACd,WACA,SACoB;CACpB,MAAM,cAAcA,0BAAAA,OAAO,SAAS,CAAC,EAAE,QAAQ;CAC/C,MAAM,YAAYA,0BAAAA,OAAO,OAAO,CAAC,EAAE,QAAQ;CAC3C,IAAI,gBAAgB,KAAA,KAAa,cAAc,KAAA,KAAa,YAAY,aAAa,OAAO,KAAA;CAC5F,OAAO,YAAY;AACrB;;;;;;AAOA,SAAgB,gBAAgB,OAAgB,YAAY,KAAa;CACvE,IAAI,SAAS,MAAM,OAAO;CAG1B,MAAM,eAAe,MAAM,QAAQ,KAAK,IACpC,QACA,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAS,MAAc,QAAQ,IACjG,MAAc,WACf;CAEN,IAAI,cAAc;EAoBhB,MAAM,SAlBeC,aAClB,QAAO,MAAK,GAAG,SAAS,MAAM,CAAC,CAC/B,KAAI,MAAK;GACR,IAAI,OAAO,EAAE,YAAY,UAAU,OAAO,EAAE;GAC5C,IAAI,MAAM,QAAQ,EAAE,OAAO,GACzB,OAAO,EAAE,QACN,KAAK,SAAc;IAClB,IAAI,OAAO,SAAS,UAAU,OAAO;IACrC,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,SAAS,UAAU,OAAO,KAAK;IACxE,OAAO;GACT,CAAC,CAAC,CACD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;GAEb,OAAO;EACT,CAAC,CAAC,CACD,OAAO,OAEK,CAAA,CAAa,KAAK,IAAI;EACrC,IAAI,OAAO,SAAS,WAClB,OAAO,OAAO,MAAM,GAAG,SAAS,IAAI;EAEtC,OAAO;CACT;CAEA,MAAM,gBAAgBC,yCAAAA,sBAAsB,KAAK;CACjD,IAAI,kBAAkB,KAAA,GACpB,OAAO,cAAc,SAAS,YAAY,cAAc,MAAM,GAAG,SAAS,IAAI,MAAM;CAGtF,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,WACjB,OAAO,MAAM,MAAM,GAAG,SAAS,IAAI;EAErC,OAAO;CACT;CAEA,MAAM,MAAM,KAAK,UAAU,KAAK;CAChC,IAAI,IAAI,SAAS,WACf,OAAO,IAAI,MAAM,GAAG,SAAS,IAAI;CAEnC,OAAO;AACT;;;;AAWA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,MAAM,YAAY,iBAAiB;AAC5C;;;;AAKA,SAAgB,qBAAqB,MAA2B;CAC9D,MAAM,QAAQ,MAAM,YAAY;CAEhC,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,cAAc,MAAM,eAAe,cAAc;CAGvD,IAAI,cAAc,KAAK,eAAe,GACpC,OAAO,8IAA8I,YAAY,WAAW,aAAa,YAAY,YAAY;CAGnN,OAAO,4EAA4E,YAAY;AACjG"}

package/dist/domains/traces/utils/span-utils.es.js

@@ -1,5 +1,5 @@
-import { toDate } from "../../../utils/date-format.es.js";
 import { getSignalInputPreview } from "./span-signal.es.js";
+import { toDate } from "../../../utils/date-format.es.js";
 // src/domains/traces/utils/span-utils.ts
 function getSpanDurationMs(startedAt, endedAt) {
 	const startedAtMs = toDate(startedAt)?.getTime();
@@ -24,7 +24,7 @@ function getInputPreview(input, maxLength = 100) {
 				return "";
 			}).filter(Boolean).join(" ");
 			return "";
-		}).filter(Boolean).join(" | ");
+		}).filter(Boolean).join("; ");
 		if (joined.length > maxLength) return joined.slice(0, maxLength) + "…";
 		return joined;
 	}

package/dist/domains/traces/utils/span-utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-utils.es.js","names":["messages"],"sources":["../../../../src/domains/traces/utils/span-utils.ts"],"sourcesContent":["import type { SpanRecord } from '../types';\nimport { getSignalInputPreview } from './span-signal';\nimport { toDate } from '@/utils/date-format';\n\ntype MessageLike = { role?: string; content?: unknown };\n\nexport function getSpanDurationMs(\n  startedAt: Date | string | null | undefined,\n  endedAt: Date | string | null | undefined,\n): number | undefined {\n  const startedAtMs = toDate(startedAt)?.getTime();\n  const endedAtMs = toDate(endedAt)?.getTime();\n  if (startedAtMs === undefined || endedAtMs === undefined || endedAtMs < startedAtMs) return undefined;\n  return endedAtMs - startedAtMs;\n}\n\n/**\n * Extract a truncated text preview from a span's input field.\n * Agent traces store `input` as an array of message objects.\n * Returns the text content of all user messages joined, truncated to maxLength.\n */\nexport function getInputPreview(input: unknown, maxLength = 100): string {\n  if (input == null) return '';\n\n  // Unwrap legacy { messages: [...] } wrapper from agent_run spans\n  const messageArray = Array.isArray(input)\n    ? input\n    : input && typeof input === 'object' && !Array.isArray(input) && Array.isArray((input as any).messages)\n      ? (input as any).messages\n      : null;\n\n  if (messageArray) {\n    const messages = messageArray as MessageLike[];\n    const userMessages = messages\n      .filter(m => m?.role === 'user')\n      .map(m => {\n        if (typeof m.content === 'string') return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((part: any) => {\n              if (typeof part === 'string') return part;\n              if (part?.type === 'text' && typeof part.text === 'string') return part.text;\n              return '';\n            })\n            .filter(Boolean)\n            .join(' ');\n        }\n        return '';\n      })\n      .filter(Boolean);\n\n    const joined = userMessages.join(' | ');\n    if (joined.length > maxLength) {\n      return joined.slice(0, maxLength) + '…';\n    }\n    return joined;\n  }\n\n  const signalPreview = getSignalInputPreview(input);\n  if (signalPreview !== undefined) {\n    return signalPreview.length > maxLength ? signalPreview.slice(0, maxLength) + '…' : signalPreview;\n  }\n\n  if (typeof input === 'string') {\n    if (input.length > maxLength) {\n      return input.slice(0, maxLength) + '…';\n    }\n    return input;\n  }\n\n  const str = JSON.stringify(input);\n  if (str.length > maxLength) {\n    return str.slice(0, maxLength) + '…';\n  }\n  return str;\n}\n\ntype TokenUsage = {\n  inputTokens?: number;\n  outputTokens?: number;\n  totalTokens?: number;\n};\n\n/**\n * Check if a span indicates that the token limit was exceeded\n */\nexport function isTokenLimitExceeded(span?: SpanRecord): boolean {\n  return span?.attributes?.finishReason === 'length';\n}\n\n/**\n * Get a human-readable message for token limit exceeded\n */\nexport function getTokenLimitMessage(span?: SpanRecord): string {\n  const usage = span?.attributes?.usage as TokenUsage | undefined;\n\n  if (!usage) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.`;\n  }\n\n  const inputTokens = usage.inputTokens ?? 0;\n  const outputTokens = usage.outputTokens ?? 0;\n  const totalTokens = usage.totalTokens ?? inputTokens + outputTokens;\n\n  // Show breakdown if we have detailed info\n  if (inputTokens > 0 || outputTokens > 0) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\\n\\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;\n  }\n\n  return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;\n}\n"],"mappings":";;;AAMA,SAAgB,kBACd,WACA,SACoB;CACpB,MAAM,cAAc,OAAO,SAAS,CAAC,EAAE,QAAQ;CAC/C,MAAM,YAAY,OAAO,OAAO,CAAC,EAAE,QAAQ;CAC3C,IAAI,gBAAgB,KAAA,KAAa,cAAc,KAAA,KAAa,YAAY,aAAa,OAAO,KAAA;CAC5F,OAAO,YAAY;AACrB;;;;;;AAOA,SAAgB,gBAAgB,OAAgB,YAAY,KAAa;CACvE,IAAI,SAAS,MAAM,OAAO;CAG1B,MAAM,eAAe,MAAM,QAAQ,KAAK,IACpC,QACA,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAS,MAAc,QAAQ,IACjG,MAAc,WACf;CAEN,IAAI,cAAc;EAoBhB,MAAM,SAlBeA,aAClB,QAAO,MAAK,GAAG,SAAS,MAAM,CAAC,CAC/B,KAAI,MAAK;GACR,IAAI,OAAO,EAAE,YAAY,UAAU,OAAO,EAAE;GAC5C,IAAI,MAAM,QAAQ,EAAE,OAAO,GACzB,OAAO,EAAE,QACN,KAAK,SAAc;IAClB,IAAI,OAAO,SAAS,UAAU,OAAO;IACrC,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,SAAS,UAAU,OAAO,KAAK;IACxE,OAAO;GACT,CAAC,CAAC,CACD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;GAEb,OAAO;EACT,CAAC,CAAC,CACD,OAAO,OAEK,CAAA,CAAa,KAAK,KAAK;EACtC,IAAI,OAAO,SAAS,WAClB,OAAO,OAAO,MAAM,GAAG,SAAS,IAAI;EAEtC,OAAO;CACT;CAEA,MAAM,gBAAgB,sBAAsB,KAAK;CACjD,IAAI,kBAAkB,KAAA,GACpB,OAAO,cAAc,SAAS,YAAY,cAAc,MAAM,GAAG,SAAS,IAAI,MAAM;CAGtF,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,WACjB,OAAO,MAAM,MAAM,GAAG,SAAS,IAAI;EAErC,OAAO;CACT;CAEA,MAAM,MAAM,KAAK,UAAU,KAAK;CAChC,IAAI,IAAI,SAAS,WACf,OAAO,IAAI,MAAM,GAAG,SAAS,IAAI;CAEnC,OAAO;AACT;;;;AAWA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,MAAM,YAAY,iBAAiB;AAC5C;;;;AAKA,SAAgB,qBAAqB,MAA2B;CAC9D,MAAM,QAAQ,MAAM,YAAY;CAEhC,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,cAAc,MAAM,eAAe,cAAc;CAGvD,IAAI,cAAc,KAAK,eAAe,GACpC,OAAO,8IAA8I,YAAY,WAAW,aAAa,YAAY,YAAY;CAGnN,OAAO,4EAA4E,YAAY;AACjG"}
+{"version":3,"file":"span-utils.es.js","names":["messages"],"sources":["../../../../src/domains/traces/utils/span-utils.ts"],"sourcesContent":["import type { SpanRecord } from '../types';\nimport { getSignalInputPreview } from './span-signal';\nimport { toDate } from '@/utils/date-format';\n\ntype MessageLike = { role?: string; content?: unknown };\n\nexport function getSpanDurationMs(\n  startedAt: Date | string | null | undefined,\n  endedAt: Date | string | null | undefined,\n): number | undefined {\n  const startedAtMs = toDate(startedAt)?.getTime();\n  const endedAtMs = toDate(endedAt)?.getTime();\n  if (startedAtMs === undefined || endedAtMs === undefined || endedAtMs < startedAtMs) return undefined;\n  return endedAtMs - startedAtMs;\n}\n\n/**\n * Extract a truncated text preview from a span's input field.\n * Agent traces store `input` as an array of message objects.\n * Returns the text content of all user messages joined, truncated to maxLength.\n */\nexport function getInputPreview(input: unknown, maxLength = 100): string {\n  if (input == null) return '';\n\n  // Unwrap legacy { messages: [...] } wrapper from agent_run spans\n  const messageArray = Array.isArray(input)\n    ? input\n    : input && typeof input === 'object' && !Array.isArray(input) && Array.isArray((input as any).messages)\n      ? (input as any).messages\n      : null;\n\n  if (messageArray) {\n    const messages = messageArray as MessageLike[];\n    const userMessages = messages\n      .filter(m => m?.role === 'user')\n      .map(m => {\n        if (typeof m.content === 'string') return m.content;\n        if (Array.isArray(m.content)) {\n          return m.content\n            .map((part: any) => {\n              if (typeof part === 'string') return part;\n              if (part?.type === 'text' && typeof part.text === 'string') return part.text;\n              return '';\n            })\n            .filter(Boolean)\n            .join(' ');\n        }\n        return '';\n      })\n      .filter(Boolean);\n\n    const joined = userMessages.join('; ');\n    if (joined.length > maxLength) {\n      return joined.slice(0, maxLength) + '…';\n    }\n    return joined;\n  }\n\n  const signalPreview = getSignalInputPreview(input);\n  if (signalPreview !== undefined) {\n    return signalPreview.length > maxLength ? signalPreview.slice(0, maxLength) + '…' : signalPreview;\n  }\n\n  if (typeof input === 'string') {\n    if (input.length > maxLength) {\n      return input.slice(0, maxLength) + '…';\n    }\n    return input;\n  }\n\n  const str = JSON.stringify(input);\n  if (str.length > maxLength) {\n    return str.slice(0, maxLength) + '…';\n  }\n  return str;\n}\n\ntype TokenUsage = {\n  inputTokens?: number;\n  outputTokens?: number;\n  totalTokens?: number;\n};\n\n/**\n * Check if a span indicates that the token limit was exceeded\n */\nexport function isTokenLimitExceeded(span?: SpanRecord): boolean {\n  return span?.attributes?.finishReason === 'length';\n}\n\n/**\n * Get a human-readable message for token limit exceeded\n */\nexport function getTokenLimitMessage(span?: SpanRecord): string {\n  const usage = span?.attributes?.usage as TokenUsage | undefined;\n\n  if (!usage) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.`;\n  }\n\n  const inputTokens = usage.inputTokens ?? 0;\n  const outputTokens = usage.outputTokens ?? 0;\n  const totalTokens = usage.totalTokens ?? inputTokens + outputTokens;\n\n  // Show breakdown if we have detailed info\n  if (inputTokens > 0 || outputTokens > 0) {\n    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\\n\\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;\n  }\n\n  return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;\n}\n"],"mappings":";;;AAMA,SAAgB,kBACd,WACA,SACoB;CACpB,MAAM,cAAc,OAAO,SAAS,CAAC,EAAE,QAAQ;CAC/C,MAAM,YAAY,OAAO,OAAO,CAAC,EAAE,QAAQ;CAC3C,IAAI,gBAAgB,KAAA,KAAa,cAAc,KAAA,KAAa,YAAY,aAAa,OAAO,KAAA;CAC5F,OAAO,YAAY;AACrB;;;;;;AAOA,SAAgB,gBAAgB,OAAgB,YAAY,KAAa;CACvE,IAAI,SAAS,MAAM,OAAO;CAG1B,MAAM,eAAe,MAAM,QAAQ,KAAK,IACpC,QACA,SAAS,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAS,MAAc,QAAQ,IACjG,MAAc,WACf;CAEN,IAAI,cAAc;EAoBhB,MAAM,SAlBeA,aAClB,QAAO,MAAK,GAAG,SAAS,MAAM,CAAC,CAC/B,KAAI,MAAK;GACR,IAAI,OAAO,EAAE,YAAY,UAAU,OAAO,EAAE;GAC5C,IAAI,MAAM,QAAQ,EAAE,OAAO,GACzB,OAAO,EAAE,QACN,KAAK,SAAc;IAClB,IAAI,OAAO,SAAS,UAAU,OAAO;IACrC,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK,SAAS,UAAU,OAAO,KAAK;IACxE,OAAO;GACT,CAAC,CAAC,CACD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;GAEb,OAAO;EACT,CAAC,CAAC,CACD,OAAO,OAEK,CAAA,CAAa,KAAK,IAAI;EACrC,IAAI,OAAO,SAAS,WAClB,OAAO,OAAO,MAAM,GAAG,SAAS,IAAI;EAEtC,OAAO;CACT;CAEA,MAAM,gBAAgB,sBAAsB,KAAK;CACjD,IAAI,kBAAkB,KAAA,GACpB,OAAO,cAAc,SAAS,YAAY,cAAc,MAAM,GAAG,SAAS,IAAI,MAAM;CAGtF,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,MAAM,SAAS,WACjB,OAAO,MAAM,MAAM,GAAG,SAAS,IAAI;EAErC,OAAO;CACT;CAEA,MAAM,MAAM,KAAK,UAAU,KAAK;CAChC,IAAI,IAAI,SAAS,WACf,OAAO,IAAI,MAAM,GAAG,SAAS,IAAI;CAEnC,OAAO;AACT;;;;AAWA,SAAgB,qBAAqB,MAA4B;CAC/D,OAAO,MAAM,YAAY,iBAAiB;AAC5C;;;;AAKA,SAAgB,qBAAqB,MAA2B;CAC9D,MAAM,QAAQ,MAAM,YAAY;CAEhC,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,cAAc,MAAM,eAAe,cAAc;CAGvD,IAAI,cAAc,KAAK,eAAe,GACpC,OAAO,8IAA8I,YAAY,WAAW,aAAa,YAAY,YAAY;CAGnN,OAAO,4EAA4E,YAAY;AACjG"}

package/dist/domains/traces/utils.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_traces_utils_span_utils = require("./utils/span-utils.cjs.js");
-const require_domains_traces_utils_span_timing = require("./utils/span-timing.cjs.js");
 const require_domains_traces_utils_filter_spans_keeping_ancestors = require("./utils/filter-spans-keeping-ancestors.cjs.js");
 const require_domains_traces_utils_flatten_to_search_text = require("./utils/flatten-to-search-text.cjs.js");
 const require_domains_traces_utils_to_searchable_spans = require("./utils/to-searchable-spans.cjs.js");
+const require_domains_traces_utils_span_timing = require("./utils/span-timing.cjs.js");
+const require_domains_traces_utils_span_utils = require("./utils/span-utils.cjs.js");
 exports.filterSpansKeepingAncestors = require_domains_traces_utils_filter_spans_keeping_ancestors.filterSpansKeepingAncestors;
 exports.flattenToSearchText = require_domains_traces_utils_flatten_to_search_text.flattenToSearchText;
 exports.getInputPreview = require_domains_traces_utils_span_utils.getInputPreview;

package/dist/domains/traces/utils.es.js

@@ -1,6 +1,6 @@
-import { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from "./utils/span-utils.es.js";
-import { getSpanTimingLayout } from "./utils/span-timing.es.js";
 import { filterSpansKeepingAncestors } from "./utils/filter-spans-keeping-ancestors.es.js";
 import { flattenToSearchText } from "./utils/flatten-to-search-text.es.js";
 import { toSearchableSpans } from "./utils/to-searchable-spans.es.js";
+import { getSpanTimingLayout } from "./utils/span-timing.es.js";
+import { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from "./utils/span-utils.es.js";
 export { filterSpansKeepingAncestors, flattenToSearchText, getInputPreview, getSpanDurationMs, getSpanTimingLayout, getTokenLimitMessage, isTokenLimitExceeded, toSearchableSpans };

package/dist/domains/traces.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../trace-filters-a0N9bf52.cjs");
+require("./traces/hooks.cjs.js");
 const require_domains_traces_components_traces_spans_switch = require("./traces/components/traces-spans-switch.cjs.js");
 const require_domains_traces_utils_span_utils = require("./traces/utils/span-utils.cjs.js");
 const require_domains_traces_components_shared = require("./traces/components/shared.cjs.js");
@@ -52,7 +52,7 @@ const require_domains_traces_components_traces_list_mode_toggle = require("./tra
 require("./traces/components.cjs.js");
 const require_domains_traces_hooks_use_trace_list_navigation = require("./traces/hooks/use-trace-list-navigation.cjs.js");
 const require_domains_traces_hooks_use_trace_span_navigation = require("./traces/hooks/use-trace-span-navigation.cjs.js");
-require("./traces/hooks.cjs.js");
+const require_trace_filters = require("../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_types = require("./traces/types.cjs.js");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");
 exports.CONTEXT_FIELD_IDS = require_domains_traces_types.CONTEXT_FIELD_IDS;

package/dist/domains/traces.es.js

@@ -1,4 +1,4 @@
-import { $ as traceFilterOperatorParam, A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, C as TRACE_ROOT_ENTITY_TYPE_PARAM, D as TRACE_STRING_OPERATORS, E as TRACE_STATUS_VALUES, F as createOutcomeFilterBarFields, G as loadTraceFiltersFromStorage, H as hasAnyTraceFilterParams, I as createTraceFilterBarFields, J as parseTraceFilterGroupParam, K as metadataFieldIdToParam, L as filterBarExpressionToTraceFilters, M as applyTracePropertyFilterTokens, N as buildTraceListFilters, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, P as clearSavedTraceFilters, Q as traceFilterFieldIcon, R as filterBarItemsToTraceTokens, S as TRACE_REQUIRED_STRING_OPERATORS, T as TRACE_STATUS_PARAM, U as isLegacyAnyValue, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, X as serializeTraceFilterGroup, Y as saveTraceFiltersToStorage, Z as traceFilterFieldColor, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, a as TRACE_DATE_FROM_PARAM, at as TRACE_FILTER_OPERATOR_IDS, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, ft as resolveTraceQueryTimeRange, g as TRACE_METADATA_FILTER_FIELD_PREFIX, h as TRACE_LIST_MODE_VALUES, i as TRACE_ANCHOR_SPAN_ID_PARAM, it as withoutUnrecordedStreamingTimings, j as TRACE_TEXT_OPERATORS, k as TRACE_SYNTHETIC_OPERATORS, l as TRACE_FILTER_BAR_LABELS, lt as buildTraceQueryRequest, m as TRACE_LIST_MODE_PARAM, n as ROOT_ENTITY_TYPES, nt as traceQueryUnqueryableFieldIds, o as TRACE_DATE_PRESET_PARAM, ot as TRACE_QUERY_NUMERIC_FIELD_IDS, p as TRACE_LIST_MODE_OPTIONS, pt as scalarPredicate, q as metadataParamToFieldId, r as ROOT_ENTITY_TYPE_OPTIONS, rt as traceTokensToFilterBarItems, s as TRACE_DATE_PRESET_VALUES, st as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, tt as traceFiltersToFilterBarExpression, u as TRACE_FILTER_BAR_OPERATORS, ut as isTraceFilterGroup, v as TRACE_NUMBER_OPERATORS, w as TRACE_STATUS_OPTIONS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, y as TRACE_PRESENCE_OPERATORS, z as getPreservedTraceFilterParams } from "../trace-filters-CaWkw779.js";
+import { useBranch, useEntityNames, useEnvironments, useServiceNames, useSpanDetail, useTags, useTraceLightSpans, useTraceMetadataFilterFields, useTraceOrBranchSpans, useTraceQuery, useTraceSpans, useTraces } from "./traces/hooks.es.js";
 import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "./traces/components/traces-spans-switch.es.js";
 import { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from "./traces/utils/span-utils.es.js";
 import { getSpanTypeUi, spanTypePrefixes } from "./traces/components/shared.es.js";
@@ -51,6 +51,6 @@ import { TracesListModeToggle } from "./traces/components/traces-list-mode-toggl
 import "./traces/components.es.js";
 import { useTraceListNavigation } from "./traces/hooks/use-trace-list-navigation.es.js";
 import { useTraceSpanNavigation } from "./traces/hooks/use-trace-span-navigation.es.js";
-import { useBranch, useEntityNames, useEnvironments, useServiceNames, useSpanDetail, useTags, useTraceLightSpans, useTraceMetadataFilterFields, useTraceOrBranchSpans, useTraceQuery, useTraceSpans, useTraces } from "./traces/hooks.es.js";
+import { $ as traceFilterOperatorParam, A as TRACE_TAGS_OPERATORS, B as getTraceFilterGroups, C as TRACE_ROOT_ENTITY_TYPE_PARAM, D as TRACE_STRING_OPERATORS, E as TRACE_STATUS_VALUES, F as createOutcomeFilterBarFields, G as loadTraceFiltersFromStorage, H as hasAnyTraceFilterParams, I as createTraceFilterBarFields, J as parseTraceFilterGroupParam, K as metadataFieldIdToParam, L as filterBarExpressionToTraceFilters, M as applyTracePropertyFilterTokens, N as buildTraceListFilters, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, P as clearSavedTraceFilters, Q as traceFilterFieldIcon, R as filterBarItemsToTraceTokens, S as TRACE_REQUIRED_STRING_OPERATORS, T as TRACE_STATUS_PARAM, U as isLegacyAnyValue, V as getTracePropertyFilterTokens, W as isTraceMetadataFieldId, X as serializeTraceFilterGroup, Y as saveTraceFiltersToStorage, Z as traceFilterFieldColor, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, a as TRACE_DATE_FROM_PARAM, at as TRACE_FILTER_OPERATOR_IDS, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, ct as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, d as TRACE_FILTER_GROUP_PARAM, dt as isTraceFilterOperatorId, et as traceFilterTokenOperator, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, ft as resolveTraceQueryTimeRange, g as TRACE_METADATA_FILTER_FIELD_PREFIX, h as TRACE_LIST_MODE_VALUES, i as TRACE_ANCHOR_SPAN_ID_PARAM, it as withoutUnrecordedStreamingTimings, j as TRACE_TEXT_OPERATORS, k as TRACE_SYNTHETIC_OPERATORS, l as TRACE_FILTER_BAR_LABELS, lt as buildTraceQueryRequest, m as TRACE_LIST_MODE_PARAM, n as ROOT_ENTITY_TYPES, nt as traceQueryUnqueryableFieldIds, o as TRACE_DATE_PRESET_PARAM, ot as TRACE_QUERY_NUMERIC_FIELD_IDS, p as TRACE_LIST_MODE_OPTIONS, pt as scalarPredicate, q as metadataParamToFieldId, r as ROOT_ENTITY_TYPE_OPTIONS, rt as traceTokensToFilterBarItems, s as TRACE_DATE_PRESET_VALUES, st as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, tt as traceFiltersToFilterBarExpression, u as TRACE_FILTER_BAR_OPERATORS, ut as isTraceFilterGroup, v as TRACE_NUMBER_OPERATORS, w as TRACE_STATUS_OPTIONS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, y as TRACE_PRESENCE_OPERATORS, z as getPreservedTraceFilterParams } from "../trace-filters-CaWkw779.js";
 import { CONTEXT_FIELD_IDS, SPAN_TABS, isSpanTab } from "./traces/types.es.js";
 export { CONTEXT_FIELD_IDS, DEFAULT_TRACE_FILTERS_STORAGE_KEY, NoTracesInfo, ROOT_ENTITY_TYPES, ROOT_ENTITY_TYPE_OPTIONS, SPAN_TABS, SpanDataPanelView, SpanDetailsView, SpanErrorDetails, SpanErrorRenderer, SpanInputRenderer, SpanOutputRenderer, SpanPayloadJson, SpanPayloadJsonSection, SpanPayloadMessages, SpanPayloadProcessor, SpanPayloadSection, SpanProcessorAttributes, SpanProcessorMutations, SpanRows, SpanTimelineRow, SpanTimingHoverCard, SpanTokenUsage, SpanTreeRow, THREAD_TRACE_MESSAGES_TAB, TRACE_ANCHOR_SPAN_ID_PARAM, TRACE_DATE_FROM_PARAM, TRACE_DATE_PRESET_PARAM, TRACE_DATE_PRESET_VALUES, TRACE_DATE_TO_PARAM, TRACE_FILTER_BAR_LABELS, TRACE_FILTER_BAR_OPERATORS, TRACE_FILTER_GROUP_PARAM, TRACE_FILTER_OPERATOR_IDS, TRACE_FILTER_OPERATOR_PARAM_SUFFIX, TRACE_LIST_MODE_OPTIONS, TRACE_LIST_MODE_PARAM, TRACE_LIST_MODE_VALUES, TRACE_METADATA_FILTER_FIELD_PREFIX, TRACE_METADATA_FILTER_PARAM_PREFIX, TRACE_NUMBER_OPERATORS, TRACE_PRESENCE_OPERATORS, TRACE_PROPERTY_FILTER_FIELD_IDS, TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, TRACE_QUERY_NUMERIC_FIELD_IDS, TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, TRACE_REQUIRED_STRING_OPERATORS, TRACE_ROOT_ENTITY_TYPE_PARAM, TRACE_STATUS_OPTIONS, TRACE_STATUS_PARAM, TRACE_STATUS_VALUES, TRACE_STRING_OPERATORS, TRACE_SYNTHETIC_FILTER_FIELD_IDS, TRACE_SYNTHETIC_OPERATORS, TRACE_TAGS_OPERATORS, TRACE_TEXT_OPERATORS, ThreadTrace, TimelineNameCol, TimelineStructureSign, TimelineTimingCol, TraceDataPanelView, TraceDetailsView, TraceSpanTimeline, TraceSpanTree, TraceTimeline, TraceTimelineSpan, TracesErrorContent, TracesListModeToggle, TracesListView, TracesPageSkeleton, TracesSpansSwitch, TracesSpansSwitchSkeleton, applyTracePropertyFilterTokens, buildTraceListFilters, buildTraceQueryRequest, clearSavedTraceFilters, createOutcomeFilterBarFields, createTraceFilterBarFields, filterBarExpressionToTraceFilters, filterBarItemsToTraceTokens, filterSpansKeepingAncestors, flattenToSearchText, formatHierarchicalSpans, getAllSpanIds, getInputPreview, getPreservedTraceFilterParams, getSpanDescendantIds, getSpanDurationMs, getSpanOutputPayload, getSpanTimingLayout, getSpanTypeUi, getTokenLimitMessage, getTraceFilterGroups, getTracePropertyFilterTokens, hasAnyTraceFilterParams, hasSpanInputPreview, hasSpanOutputPreview, isLegacyAnyValue, isSpanTab, isTokenLimitExceeded, isTraceFilterGroup, isTraceFilterOperatorId, isTraceMetadataFieldId, loadTraceFiltersFromStorage, metadataFieldIdToParam, metadataParamToFieldId, parseTraceFilterGroupParam, resolveTraceQueryTimeRange, saveTraceFiltersToStorage, scalarPredicate, serializeTraceFilterGroup, spanTypePrefixes, toSearchableSpans, traceFilterFieldColor, traceFilterFieldIcon, traceFilterOperatorParam, traceFilterTokenOperator, traceFiltersToFilterBarExpression, traceQueryUnqueryableFieldIds, traceTokensToFilterBarItems, useBranch, useDownloadTraceJson, useEntityNames, useEnvironments, useExpandedSpanIds, useServiceNames, useSpanDetail, useTags, useThreadTrace, useThreadTraceRow, useTraceLightSpans, useTraceListNavigation, useTraceMetadataFilterFields, useTraceOrBranchSpans, useTraceQuery, useTraceSearch, useTraceSpanNavigation, useTraceSpans, useTraces, useTracesListSource, useVisibleTraceRows, withoutUnrecordedStreamingTimings };

package/dist/domains/workflows/components/workflow-combobox.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_combobox = require("../../../combobox-i723LxeC.cjs");
 const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
-const require_combobox = require("../../../combobox-DIT_6xiG.cjs");
+const require_toast_api = require("../../../toast-api-DDcGCbIw.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_workflows = require("@mastra/react/hooks/workflows");
 // src/domains/workflows/components/workflow-combobox.tsx
-function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workflow", searchPlaceholder = "Search workflows", emptyText = "No workflows found.", className, disabled = false, variant, size, "aria-label": ariaLabel, align, requestContext }) {
+function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workflow", searchPlaceholder = "Search workflows", emptyText = "No workflows found.", className, disabled = false, variant, size, popupWidth, "aria-label": ariaLabel, align, requestContext }) {
 	const { data: workflows = {}, isLoading, isError, error } = (0, _mastra_react_hooks_workflows.useWorkflows)({ requestContext });
 	const { navigate, paths } = require_lib_framework.useLinkComponent();
 	(0, react.useEffect)(() => {
@@ -34,6 +34,7 @@ function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workfl
 		disabled: disabled || isLoading || isError,
 		variant,
 		size,
+		popupWidth,
 		"aria-label": ariaLabel,
 		align
 	});

package/dist/domains/workflows/components/workflow-combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-combobox.cjs.js","names":["useWorkflows","useLinkComponent","Combobox"],"sources":["../../../../src/domains/workflows/components/workflow-combobox.tsx"],"sourcesContent":["import { useWorkflows } from '@mastra/react/hooks/workflows';\nimport { useEffect } from 'react';\nimport { Combobox } from '@/ds/components/Combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox';\nimport { useLinkComponent } from '@/lib/framework';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowComboboxProps {\n  requestContext?: Record<string, any>;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxProps['variant'];\n  size?: ComboboxProps['size'];\n  'aria-label'?: string;\n  align?: ComboboxProps['align'];\n}\n\nexport function WorkflowCombobox({\n  value,\n  onValueChange,\n  placeholder = 'Select a workflow',\n  searchPlaceholder = 'Search workflows',\n  emptyText = 'No workflows found.',\n  className,\n  disabled = false,\n  variant,\n  size,\n  'aria-label': ariaLabel,\n  align,\n  requestContext,\n}: WorkflowComboboxProps) {\n  const { data: workflows = {}, isLoading, isError, error } = useWorkflows({ requestContext });\n  const { navigate, paths } = useLinkComponent();\n\n  useEffect(() => {\n    if (isError) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to load workflows';\n      toast.error(`Error loading workflows: ${errorMessage}`);\n    }\n  }, [isError, error]);\n\n  const workflowOptions = Object.keys(workflows).map(key => ({\n    label: workflows[key]?.name || key,\n    value: key,\n  }));\n\n  const handleValueChange = (newWorkflowId: string) => {\n    if (onValueChange) {\n      onValueChange(newWorkflowId);\n    } else if (newWorkflowId && newWorkflowId !== value) {\n      navigate(paths.workflowLink(newWorkflowId));\n    }\n  };\n\n  return (\n    <Combobox\n      options={workflowOptions}\n      value={value}\n      onValueChange={handleValueChange}\n      placeholder={isLoading ? 'Loading workflows...' : placeholder}\n      searchPlaceholder={searchPlaceholder}\n      emptyText={emptyText}\n      className={className}\n      disabled={disabled || isLoading || isError}\n      variant={variant}\n      size={size}\n      aria-label={ariaLabel}\n      align={align}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,cAAc,qBACd,oBAAoB,oBACpB,YAAY,uBACZ,WACA,WAAW,OACX,SACA,MACA,cAAc,WACd,OACA,kBACwB;CACxB,MAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,SAAS,WAAA,GAAUA,8BAAAA,aAAAA,CAAa,EAAE,eAAe,CAAC;CAC3F,MAAM,EAAE,UAAU,UAAUC,sBAAAA,iBAAiB;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS;GACX,MAAM,eAAe,iBAAiB,QAAQ,MAAM,UAAU;GAC9D,kBAAA,MAAM,MAAM,4BAA4B,cAAc;EACxD;CACF,GAAG,CAAC,SAAS,KAAK,CAAC;CAEnB,MAAM,kBAAkB,OAAO,KAAK,SAAS,CAAC,CAAC,KAAI,SAAQ;EACzD,OAAO,UAAU,IAAI,EAAE,QAAQ;EAC/B,OAAO;CACT,EAAE;CAEF,MAAM,qBAAqB,kBAA0B;EACnD,IAAI,eACF,cAAc,aAAa;OACtB,IAAI,iBAAiB,kBAAkB,OAC5C,SAAS,MAAM,aAAa,aAAa,CAAC;CAE9C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,SAAS;EACF;EACP,eAAe;EACf,aAAa,YAAY,yBAAyB;EAC/B;EACR;EACA;EACX,UAAU,YAAY,aAAa;EAC1B;EACH;EACN,cAAY;EACL;CACR,CAAA;AAEL"}
+{"version":3,"file":"workflow-combobox.cjs.js","names":["useWorkflows","useLinkComponent","Combobox"],"sources":["../../../../src/domains/workflows/components/workflow-combobox.tsx"],"sourcesContent":["import { useWorkflows } from '@mastra/react/hooks/workflows';\nimport { useEffect } from 'react';\nimport { Combobox } from '@/ds/components/Combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox';\nimport { useLinkComponent } from '@/lib/framework';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowComboboxProps {\n  requestContext?: Record<string, any>;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxProps['variant'];\n  size?: ComboboxProps['size'];\n  popupWidth?: ComboboxProps['popupWidth'];\n  'aria-label'?: string;\n  align?: ComboboxProps['align'];\n}\n\nexport function WorkflowCombobox({\n  value,\n  onValueChange,\n  placeholder = 'Select a workflow',\n  searchPlaceholder = 'Search workflows',\n  emptyText = 'No workflows found.',\n  className,\n  disabled = false,\n  variant,\n  size,\n  popupWidth,\n  'aria-label': ariaLabel,\n  align,\n  requestContext,\n}: WorkflowComboboxProps) {\n  const { data: workflows = {}, isLoading, isError, error } = useWorkflows({ requestContext });\n  const { navigate, paths } = useLinkComponent();\n\n  useEffect(() => {\n    if (isError) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to load workflows';\n      toast.error(`Error loading workflows: ${errorMessage}`);\n    }\n  }, [isError, error]);\n\n  const workflowOptions = Object.keys(workflows).map(key => ({\n    label: workflows[key]?.name || key,\n    value: key,\n  }));\n\n  const handleValueChange = (newWorkflowId: string) => {\n    if (onValueChange) {\n      onValueChange(newWorkflowId);\n    } else if (newWorkflowId && newWorkflowId !== value) {\n      navigate(paths.workflowLink(newWorkflowId));\n    }\n  };\n\n  return (\n    <Combobox\n      options={workflowOptions}\n      value={value}\n      onValueChange={handleValueChange}\n      placeholder={isLoading ? 'Loading workflows...' : placeholder}\n      searchPlaceholder={searchPlaceholder}\n      emptyText={emptyText}\n      className={className}\n      disabled={disabled || isLoading || isError}\n      variant={variant}\n      size={size}\n      popupWidth={popupWidth}\n      aria-label={ariaLabel}\n      align={align}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,cAAc,qBACd,oBAAoB,oBACpB,YAAY,uBACZ,WACA,WAAW,OACX,SACA,MACA,YACA,cAAc,WACd,OACA,kBACwB;CACxB,MAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,SAAS,WAAA,GAAUA,8BAAAA,aAAAA,CAAa,EAAE,eAAe,CAAC;CAC3F,MAAM,EAAE,UAAU,UAAUC,sBAAAA,iBAAiB;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS;GACX,MAAM,eAAe,iBAAiB,QAAQ,MAAM,UAAU;GAC9D,kBAAA,MAAM,MAAM,4BAA4B,cAAc;EACxD;CACF,GAAG,CAAC,SAAS,KAAK,CAAC;CAEnB,MAAM,kBAAkB,OAAO,KAAK,SAAS,CAAC,CAAC,KAAI,SAAQ;EACzD,OAAO,UAAU,IAAI,EAAE,QAAQ;EAC/B,OAAO;CACT,EAAE;CAEF,MAAM,qBAAqB,kBAA0B;EACnD,IAAI,eACF,cAAc,aAAa;OACtB,IAAI,iBAAiB,kBAAkB,OAC5C,SAAS,MAAM,aAAa,aAAa,CAAC;CAE9C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,SAAS;EACF;EACP,eAAe;EACf,aAAa,YAAY,yBAAyB;EAC/B;EACR;EACA;EACX,UAAU,YAAY,aAAa;EAC1B;EACH;EACM;EACZ,cAAY;EACL;CACR,CAAA;AAEL"}