@mastra/playground-ui 41.0.0-alpha.7 → 41.0.0-alpha.8

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @mastra/playground-ui
 
+## 41.0.0-alpha.8
+
+### Patch Changes
+
+- dependencies updates: ([#19205](https://github.com/mastra-ai/mastra/pull/19205))
+  - Updated dependency [`@codemirror/view@^6.43.6` ↗︎](https://www.npmjs.com/package/@codemirror/view/v/6.43.6) (from `^6.43.5`, in `dependencies`)
+- Updated dependencies [[`bd6d240`](https://github.com/mastra-ai/mastra/commit/bd6d2402db93dddaef0721667e7e8a030e7c6e16), [`0111486`](https://github.com/mastra-ai/mastra/commit/01114867612593eef5cfa2fda6a1194dfedda841), [`96a3749`](https://github.com/mastra-ai/mastra/commit/96a37492235f5b8076b3e3177d83ed5a5e44a640), [`02c2bd9`](https://github.com/mastra-ai/mastra/commit/02c2bd906b145ab806287712e1796d92bfc32c2a), [`3e26c87`](https://github.com/mastra-ai/mastra/commit/3e26c87de0c5bc2583b795ce6ca5889b6b161acb), [`a5008f2`](https://github.com/mastra-ai/mastra/commit/a5008f22ae710ad9402ea9f2547d8c02f74d384b)]:
+  - @mastra/core@1.51.0-alpha.8
+  - @mastra/client-js@1.32.0-alpha.8
+  - @mastra/react@1.2.5-alpha.8
+
 ## 41.0.0-alpha.7
 
 ### Patch Changes

package/dist/src/domains/logs/components/log-details-view.d.ts

@@ -9,4 +9,4 @@ export interface LogDetailsViewProps {
     collapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
 }
-export declare function LogDetailsView({ log, onClose, onTraceClick, onSpanClick, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, }: LogDetailsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogDetailsView({ log, onClose, onTraceClick, onSpanClick, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, }: LogDetailsViewProps): import("react").JSX.Element;

package/dist/src/domains/logs/components/logs-error-content.d.ts

@@ -11,4 +11,4 @@ export interface LogsErrorContentProps {
  * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.
  * Mirror of `TracesErrorContent` for the logs domain.
  */
-export declare function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps): import("react").JSX.Element;

package/dist/src/domains/logs/components/logs-layout.d.ts

@@ -16,4 +16,4 @@ export interface LogsLayoutProps {
  * Right-column row template adapts based on which panels are present and whether the log panel is
  * collapsed.
  */
-export declare function LogsLayout({ listSlot, logPanelSlot, tracePanelSlot, spanPanelSlot, logCollapsed }: LogsLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsLayout({ listSlot, logPanelSlot, tracePanelSlot, spanPanelSlot, logCollapsed }: LogsLayoutProps): import("react").JSX.Element;

package/dist/src/domains/logs/components/logs-list-view.d.ts

@@ -18,4 +18,4 @@ export interface LogsListViewProps {
  * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total
  * scroll height. Owns no state and fetches no data.
  */
-export declare function LogsListView({ logs, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, logIdMap, featuredLogId, onLogClick, }: LogsListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsListView({ logs, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, logIdMap, featuredLogId, onLogClick, }: LogsListViewProps): import("react").JSX.Element;

package/dist/src/domains/logs/components/logs-toolbar.d.ts

@@ -10,4 +10,4 @@ export interface LogsToolbarProps {
     onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;
     autoFocusFilterFieldId?: string;
 }
-export declare function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, }: LogsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, }: LogsToolbarProps): import("react").JSX.Element;

package/dist/src/domains/logs/components/no-logs-info.d.ts

@@ -4,4 +4,4 @@ export interface NoLogsInfoProps {
     dateFrom?: Date;
     dateTo?: Date;
 }
-export declare const NoLogsInfo: ({ datePreset, dateFrom, dateTo }?: NoLogsInfoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NoLogsInfo: ({ datePreset, dateFrom, dateTo }?: NoLogsInfoProps) => import("react").JSX.Element;

package/dist/src/domains/memory/components/flame-graph.d.ts

@@ -21,5 +21,5 @@ interface FlameGraphProps {
     zoomRange?: ZoomRange;
     onZoomRangeChange?: (range: ZoomRange) => void;
 }
-export declare function FlameGraph({ omRecords, markers, messages, tDomain: tDomainProp, observationThreshold, reflectionThreshold, onSelectTimestamp, zoomRange, onZoomRangeChange, }: FlameGraphProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FlameGraph({ omRecords, markers, messages, tDomain: tDomainProp, observationThreshold, reflectionThreshold, onSelectTimestamp, zoomRange, onZoomRangeChange, }: FlameGraphProps): import("react").JSX.Element | null;
 export {};

package/dist/src/domains/memory/components/memory-studio-panel.d.ts

@@ -22,4 +22,4 @@ export interface MemoryStudioPanelProps {
         memoryThreshold?: number;
     };
 }
-export declare function MemoryStudioPanel({ messages, omRecords, isLoading, onClose, selectedTimestamp, onSelectTimestamp, contextWindow, }: MemoryStudioPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function MemoryStudioPanel({ messages, omRecords, isLoading, onClose, selectedTimestamp, onSelectTimestamp, contextWindow, }: MemoryStudioPanelProps): import("react").JSX.Element;

package/dist/src/domains/memory/components/observation-detail-view.d.ts

@@ -5,4 +5,4 @@ export interface ObservationDetailViewProps {
     onSelectRecord: (id: string | null) => void;
     isLoading?: boolean;
 }
-export declare function ObservationDetailView({ records, selectedRecordId, onSelectRecord, isLoading, }: ObservationDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ObservationDetailView({ records, selectedRecordId, onSelectRecord, isLoading, }: ObservationDetailViewProps): import("react").JSX.Element;

package/dist/src/domains/memory/components/thread-context-progress.d.ts

@@ -6,5 +6,5 @@ interface ThreadContextProgressProps {
     /** Label for the second (memory-toned) bar. Defaults to "Memory". */
     memoryLabel?: string;
 }
-export declare function ThreadContextProgress({ messageTokens, messageThreshold, memoryTokens, memoryThreshold, memoryLabel, }: ThreadContextProgressProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ThreadContextProgress({ messageTokens, messageThreshold, memoryTokens, memoryThreshold, memoryLabel, }: ThreadContextProgressProps): import("react").JSX.Element | null;
 export {};

package/dist/src/domains/metrics/components/bar-list.d.ts

@@ -11,11 +11,11 @@ export declare function BarListContent({ data, maxVal, fmt, color, valueLabel, l
         color: string;
         label: string;
     }>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function StackedRunsBars({ data }: {
     data: Array<{
         name: string;
         completed: number;
         errors: number;
     }>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/domains/metrics/components/card-action-buttons.d.ts

@@ -8,8 +8,8 @@ type CardActionButtonProps = {
 };
 /** Icon link in a MetricsCard top bar that opens the Traces page pre-filtered
  *  to whatever dimensions the card knows about. */
-export declare function OpenInTracesButton({ href, LinkComponent }: CardActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OpenInTracesButton({ href, LinkComponent }: CardActionButtonProps): import("react").JSX.Element;
 /** Icon link in a MetricsCard top bar that opens the Logs page scoped to
  *  errors for the card's current dimensions. */
-export declare function OpenErrorsInLogsButton({ href, LinkComponent }: CardActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OpenErrorsInLogsButton({ href, LinkComponent }: CardActionButtonProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/metrics/components/date-range-selector.d.ts

@@ -1 +1 @@
-export declare function DateRangeSelector(): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangeSelector(): import("react").JSX.Element;

package/dist/src/domains/metrics/components/kpi-card-view.d.ts

@@ -6,4 +6,4 @@ export interface KpiCardViewProps {
     isLoading: boolean;
     isError: boolean;
 }
-export declare function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/latency-card-view.d.ts

@@ -17,4 +17,4 @@ export interface LatencyCardViewProps {
      */
     actions?: ReactNode | ((tab: LatencyTab) => ReactNode);
 }
-export declare function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/memory-card-view.d.ts

@@ -22,5 +22,5 @@ export interface MemoryCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function MemoryCardView({ threads, resources, getThreadRowHref, getResourceRowHref, actions, LinkComponent, }: MemoryCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MemoryCardView({ threads, resources, getThreadRowHref, getResourceRowHref, actions, LinkComponent, }: MemoryCardViewProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/metrics/components/model-usage-cost-card-view.d.ts

@@ -12,4 +12,4 @@ export interface ModelUsageCostCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function ModelUsageCostCardView({ rows, isLoading, isError, getRowHref, actions, LinkComponent, }: ModelUsageCostCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModelUsageCostCardView({ rows, isLoading, isError, getRowHref, actions, LinkComponent, }: ModelUsageCostCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/scores-card-view.d.ts

@@ -9,4 +9,4 @@ export interface ScoresCardViewProps {
     isLoading: boolean;
     isError: boolean;
 }
-export declare function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/token-usage-by-agent-card-view.d.ts

@@ -12,4 +12,4 @@ export interface TokenUsageByAgentCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function TokenUsageByAgentCardView({ data, isLoading, isError, getRowHref, actions, LinkComponent, }: TokenUsageByAgentCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenUsageByAgentCardView({ data, isLoading, isError, getRowHref, actions, LinkComponent, }: TokenUsageByAgentCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/token-usage-timeline-card-view.d.ts

@@ -7,4 +7,4 @@ export interface TokenUsageTimelineCardViewProps {
     isError: boolean;
     actions?: ReactNode;
 }
-export declare function TokenUsageTimelineCardView({ data, interval, isLoading, isError, actions, }: TokenUsageTimelineCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenUsageTimelineCardView({ data, interval, isLoading, isError, actions, }: TokenUsageTimelineCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/components/traces-volume-card-view.d.ts

@@ -22,4 +22,4 @@ export interface TracesVolumeCardViewProps {
     /** Override how drilldown links are rendered (e.g. router-aware adapter). Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function TracesVolumeCardView({ data, isLoading, isError, getRowHref, getErrorSegmentHref, actions, LinkComponent, }: TracesVolumeCardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesVolumeCardView({ data, isLoading, isError, getRowHref, getErrorSegmentHref, actions, LinkComponent, }: TracesVolumeCardViewProps): import("react").JSX.Element;

package/dist/src/domains/metrics/hooks/use-metrics.d.ts

@@ -69,4 +69,4 @@ export declare function MetricsProvider({ children, preset, filterTokens, onPres
     tracesBasePath?: string;
     /** Base path for drilldown links to the Logs page. Defaults to `/logs` when omitted. */
     logsBasePath?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/src/domains/traces/components/no-traces-info.d.ts

@@ -4,4 +4,4 @@ export interface NoTracesInfoProps {
     dateFrom?: Date;
     dateTo?: Date;
 }
-export declare const NoTracesInfo: ({ datePreset, dateFrom, dateTo }?: NoTracesInfoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NoTracesInfo: ({ datePreset, dateFrom, dateTo }?: NoTracesInfoProps) => import("react").JSX.Element;

package/dist/src/domains/traces/components/span-data-panel-view.d.ts

@@ -40,4 +40,4 @@ export interface SpanDataPanelViewProps {
      */
     isAnchor?: boolean;
 }
-export declare function SpanDataPanelView({ traceId, spanId, span, isLoading, onClose, onPrevious, onNext, activeTab, onTabChange, scoringTabSlot, scoringTabBadge, feedbackTabSlot, feedbackTabBadge, isAnchor, }: SpanDataPanelViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDataPanelView({ traceId, spanId, span, isLoading, onClose, onPrevious, onNext, activeTab, onTabChange, scoringTabSlot, scoringTabBadge, feedbackTabSlot, feedbackTabBadge, isAnchor, }: SpanDataPanelViewProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/span-details-view.d.ts

@@ -11,4 +11,4 @@ export interface SpanDetailsViewProps {
  * input/output/metadata/attributes code sections. Use this for inline span inspection; for the
  * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.
  */
-export declare function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/span-token-usage.d.ts

@@ -4,5 +4,5 @@ type SpanTokenUsageProps = {
     usage: UsageStats;
     className?: string;
 };
-export declare function SpanTokenUsage({ usage, className }: SpanTokenUsageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SpanTokenUsage({ usage, className }: SpanTokenUsageProps): import("react").JSX.Element | null;
 export {};

package/dist/src/domains/traces/components/timeline-expand-col.d.ts

@@ -14,5 +14,5 @@ type TimelineExpandColProps = {
     siblingsAllExpanded?: boolean;
     siblingsWithChildrenCount?: number;
 };
-export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, isRootSpan, toggleChildren, expandAllDescendants, collapseAllDescendants, collapseAll, totalDescendants, allDescendantsExpanded, numOfChildren, toggleSiblings, siblingsAllExpanded, siblingsWithChildrenCount, }: TimelineExpandColProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, isRootSpan, toggleChildren, expandAllDescendants, collapseAllDescendants, collapseAll, totalDescendants, allDescendantsExpanded, numOfChildren, toggleSiblings, siblingsAllExpanded, siblingsWithChildrenCount, }: TimelineExpandColProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/timeline-name-col.d.ts

@@ -11,5 +11,5 @@ type TimelineNameColProps = {
     isRootSpan?: boolean;
     isExpanded?: boolean;
 };
-export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren: _hasChildren, isRootSpan, isExpanded: _isExpanded, }: TimelineNameColProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren: _hasChildren, isRootSpan, isExpanded: _isExpanded, }: TimelineNameColProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/timeline-structure-sign.d.ts

@@ -1,5 +1,5 @@
 type TimelineStructureSignProps = {
     isLastChild?: boolean;
 };
-export declare function TimelineStructureSign({ isLastChild }: TimelineStructureSignProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineStructureSign({ isLastChild }: TimelineStructureSignProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/timeline-timing-col.d.ts

@@ -8,5 +8,5 @@ type TimelineTimingColProps = {
     color?: string;
     chartWidth?: 'wide' | 'default';
 };
-export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth, }: TimelineTimingColProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth, }: TimelineTimingColProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-data-panel-view.d.ts

@@ -43,4 +43,4 @@ export interface TraceDataPanelViewProps {
      */
     showUnavailableFeaturesMsg?: boolean;
 }
-export declare function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect, onEvaluateTrace, onSaveAsDatasetItem, onAddTraceMocksToItem, initialSpanId, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, placement, timelineChartWidth, LinkComponent, traceHref, anchorSpanId, showUnavailableFeaturesMsg, }: TraceDataPanelViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect, onEvaluateTrace, onSaveAsDatasetItem, onAddTraceMocksToItem, initialSpanId, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, placement, timelineChartWidth, LinkComponent, traceHref, anchorSpanId, showUnavailableFeaturesMsg, }: TraceDataPanelViewProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/trace-details-view.d.ts

@@ -15,4 +15,4 @@ export interface TraceDetailsViewProps {
  * no trace header KV, no evaluate/save actions. Use this for inline trace inspection from a
  * list page (e.g. the Logs page). For the full-width trace view, use `TraceDataPanelView`.
  */
-export declare function TraceDetailsView({ traceId, spans, isLoading, onClose, onSpanSelect, selectedSpanId, }: TraceDetailsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceDetailsView({ traceId, spans, isLoading, onClose, onSpanSelect, selectedSpanId, }: TraceDetailsViewProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/trace-keys-and-values.d.ts

@@ -12,5 +12,5 @@ export interface TraceKeysAndValuesProps {
     numOfCol?: 1 | 2 | 3;
     className?: string;
 }
-export declare function TraceKeysAndValues({ rootSpan, numOfCol, className }: TraceKeysAndValuesProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceKeysAndValues({ rootSpan, numOfCol, className }: TraceKeysAndValuesProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-timeline-span.d.ts

@@ -15,5 +15,5 @@ type TraceTimelineSpanProps = {
     setExpandedSpanIds?: React.Dispatch<React.SetStateAction<string[]>>;
     chartWidth?: 'wide' | 'default';
 };
-export declare function TraceTimelineSpan({ span, siblings, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, fadedTypes, searchPhrase, featuredSpanIds, expandedSpanIds, setExpandedSpanIds, chartWidth, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimelineSpan({ span, siblings, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, fadedTypes, searchPhrase, featuredSpanIds, expandedSpanIds, setExpandedSpanIds, chartWidth, }: TraceTimelineSpanProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-timeline.d.ts

@@ -11,5 +11,5 @@ type TraceTimelineProps = {
     featuredSpanIds?: string[];
     chartWidth?: 'wide' | 'default';
 };
-export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, fadedTypes, expandedSpanIds, setExpandedSpanIds, featuredSpanIds, chartWidth, }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, fadedTypes, expandedSpanIds, setExpandedSpanIds, featuredSpanIds, chartWidth, }: TraceTimelineProps): import("react").JSX.Element;
 export {};

package/dist/src/domains/traces/components/traces-error-content.d.ts

@@ -13,4 +13,4 @@ export interface TracesErrorContentProps {
  * The consumer wraps it in whatever layout they want (NoDataPageLayout for the list page,
  * PageLayout.MainArea for the detail page, etc.) — this component only owns the 3-branch decision.
  */
-export declare function TracesErrorContent({ error, resource, errorTitle }: TracesErrorContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesErrorContent({ error, resource, errorTitle }: TracesErrorContentProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/traces-layout.d.ts

@@ -15,4 +15,4 @@ export interface TracesLayoutProps {
  * Pure 2-column layout shell for the traces page. Owns no state and fetches no data — pass slots in.
  * Right-column row template adapts based on which panels are present.
  */
-export declare function TracesLayout({ listSlot, tracePanelSlot, spanPanelSlot, scorePanelSlot, traceCollapsed, }: TracesLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesLayout({ listSlot, tracePanelSlot, spanPanelSlot, scorePanelSlot, traceCollapsed, }: TracesLayoutProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/traces-list-mode-toggle.d.ts

@@ -9,4 +9,4 @@ export interface TracesListModeToggleProps {
  * - `traces` — one row per top-level run (each trace's root anchor).
  * - `branches` — one row per anchor span, including ones nested inside other runs.
  */
-export declare function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/traces-list-view.d.ts

@@ -49,4 +49,4 @@ export type TracesListViewProps = {
  * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and
  * uses DataList primitives for layout (CSS Grid with subgrid rows).
  */
-export declare function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, onTraceClick, }: TracesListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, onTraceClick, }: TracesListViewProps): import("react").JSX.Element;

package/dist/src/domains/traces/components/traces-toolbar.d.ts

@@ -19,5 +19,5 @@ type TracesToolbarProps = {
     lockedFieldIds?: readonly string[];
     lockedTooltipContent?: ReactNode;
 };
-export declare function TracesToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, lockedFieldIds, lockedTooltipContent, }: TracesToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function TracesToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, lockedFieldIds, lockedTooltipContent, }: TracesToolbarProps): import("react").JSX.Element;
 export {};

package/dist/src/ds/components/AlertDialog/alert-dialog.d.ts

@@ -4,22 +4,22 @@ declare function AlertDialog({ open, onOpenChange, children, }: {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace AlertDialog {
     var Trigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     var Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Content: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Header: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
     var Footer: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
     var Body: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         displayName: string;
     };
     var Title: React.ForwardRefExoticComponent<Omit<AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/src/ds/components/Avatar/Avatar.d.ts

@@ -7,4 +7,4 @@ export type AvatarProps = {
     color?: string;
     textColor?: string;
 };
-export declare const Avatar: ({ src, name, size, interactive, color, textColor }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ src, name, size, interactive, color, textColor }: AvatarProps) => import("react").JSX.Element;

package/dist/src/ds/components/Badge/Badge.d.ts

@@ -9,5 +9,5 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<V
     icon?: React.ReactNode;
     children?: React.ReactNode;
 }
-export declare const Badge: ({ icon, variant, size, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ icon, variant, size, className, children, ...props }: BadgeProps) => React.JSX.Element;
 export {};

package/dist/src/ds/components/BrandLoader/brand-loader.d.ts

@@ -3,5 +3,5 @@ export type BrandLoaderProps = {
     size?: 'sm' | 'md' | 'lg';
     'aria-label'?: string;
 };
-declare function BrandLoader({ className, size, 'aria-label': ariaLabel }: BrandLoaderProps): import("react/jsx-runtime").JSX.Element;
+declare function BrandLoader({ className, size, 'aria-label': ariaLabel }: BrandLoaderProps): import("react").JSX.Element;
 export { BrandLoader };

package/dist/src/ds/components/Breadcrumb/Breadcrumb.d.ts

@@ -5,7 +5,7 @@ export interface BreadcrumbProps {
     className?: string;
     listClassName?: string;
 }
-export declare const Breadcrumb: ({ children, label, className, listClassName }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: ({ children, label, className, listClassName }: BreadcrumbProps) => React.JSX.Element;
 export interface CrumbProps {
     isCurrent?: boolean;
     as: React.ElementType;
@@ -16,4 +16,4 @@ export interface CrumbProps {
     action?: React.ReactNode;
     'data-testid'?: string;
 }
-export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => React.JSX.Element;

package/dist/src/ds/components/Chip/chip.d.ts

@@ -5,4 +5,4 @@ export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
     intensity?: 'bright' | 'muted';
     children: React.ReactNode;
 }
-export declare const Chip: ({ color, size, intensity, className, children, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ color, size, intensity, className, children, ...props }: ChipProps) => React.JSX.Element;

package/dist/src/ds/components/Code/code.d.ts

@@ -11,4 +11,4 @@ export interface CodeProps extends React.HTMLAttributes<HTMLPreElement> {
  * required. Renders plain text while highlighting is pending or when the
  * language is missing/unknown.
  */
-export declare const Code: React.MemoExoticComponent<({ code, lang, ...props }: CodeProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Code: React.MemoExoticComponent<({ code, lang, ...props }: CodeProps) => React.JSX.Element>;

package/dist/src/ds/components/CodeBlock/code-block.d.ts

@@ -21,4 +21,4 @@ export interface CodeBlockProps {
     actions?: ReactNode;
     className?: string;
 }
-export declare function CodeBlock({ code, options, value, onValueChange, selector, fileName, lang, overflow, copyMessage, copyTooltip, actions, className, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ code, options, value, onValueChange, selector, fileName, lang, overflow, copyMessage, copyTooltip, actions, className, }: CodeBlockProps): import("react").JSX.Element;

package/dist/src/ds/components/CodeDiff/code-diff.d.ts

@@ -2,4 +2,4 @@ export interface CodeDiffProps {
     codeA: string;
     codeB: string;
 }
-export declare function CodeDiff({ codeA, codeB }: CodeDiffProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeDiff({ codeA, codeB }: CodeDiffProps): import("react").JSX.Element;

package/dist/src/ds/components/Columns/column-content.d.ts

@@ -2,4 +2,4 @@ export type ColumnProps = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare function ColumnContent({ children, className }: ColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnContent({ children, className }: ColumnProps): import("react").JSX.Element;

package/dist/src/ds/components/Columns/column-root.d.ts

@@ -4,4 +4,4 @@ export type ColumnProps = {
     withRightSeparator?: boolean;
     withLeftSeparator?: boolean;
 };
-export declare function ColumnRoot({ children, className, withLeftSeparator, withRightSeparator }: ColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnRoot({ children, className, withLeftSeparator, withRightSeparator }: ColumnProps): import("react").JSX.Element;

package/dist/src/ds/components/Columns/column-toolbar.d.ts

@@ -2,4 +2,4 @@ export type ColumnToolbarProps = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare function ColumnToolbar({ children, className }: ColumnToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnToolbar({ children, className }: ColumnToolbarProps): import("react").JSX.Element;

package/dist/src/ds/components/Columns/columns.d.ts

@@ -2,4 +2,4 @@ export type ColumnsProps = {
     children: React.ReactNode;
     className?: string;
 };
-export declare function Columns({ children, className }: ColumnsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Columns({ children, className }: ColumnsProps): import("react").JSX.Element;

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -34,4 +34,4 @@ export type ComboboxMultipleProps = ComboboxSharedProps & {
     onValueChange?: (value: string[]) => void;
 };
 export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
-export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox(props: ComboboxProps): React.JSX.Element;

package/dist/src/ds/components/Command/command.d.ts

@@ -11,7 +11,7 @@ type CommandDialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'c
     showOverlay?: boolean;
     overlayClassName?: string;
 };
-declare const CommandDialog: ({ children, title, description, contentClassName, commandClassName, commandLabel, showOverlay, overlayClassName, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandDialog: ({ children, title, description, contentClassName, commandClassName, commandLabel, showOverlay, overlayClassName, ...props }: CommandDialogProps) => React.JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<any>;
 declare const CommandList: React.ForwardRefExoticComponent<any>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<any>;
@@ -19,7 +19,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<any>;
 declare const CommandSeparator: React.ForwardRefExoticComponent<any>;
 declare const CommandItem: React.ForwardRefExoticComponent<any>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };

package/dist/src/ds/components/ContentBlocks/content-block.d.ts

@@ -6,4 +6,4 @@ export interface ContentBlockProps {
     draggableId: string;
     className?: string;
 }
-export declare const ContentBlock: ({ children, index, draggableId, className }: ContentBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentBlock: ({ children, index, draggableId, className }: ContentBlockProps) => import("react").JSX.Element;

package/dist/src/ds/components/ContentBlocks/content-blocks.d.ts

@@ -4,4 +4,4 @@ export interface ContentBlocksProps<T> {
     onChange: (items: Array<T>) => void;
     className?: string;
 }
-export declare function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>): import("react").JSX.Element;

package/dist/src/ds/components/ContextMenu/context-menu.d.ts

@@ -19,7 +19,7 @@ declare function ContextMenu({ open, defaultOpen, onOpenChange, children, }: {
     defaultOpen?: boolean;
     onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare namespace ContextMenu {
     var Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Content: React.ForwardRefExoticComponent<Omit<ContextMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -33,7 +33,7 @@ declare namespace ContextMenu {
     } & React.RefAttributes<HTMLDivElement>>;
     var Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Shortcut: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
         displayName: string;
     };
     var Sub: typeof ContextMenuPrimitive.SubmenuRoot;

package/dist/src/ds/components/CopyButton/copy-button.d.ts

@@ -7,4 +7,4 @@ export type CopyButtonProps = {
     size?: ButtonProps['size'];
     variant?: ButtonProps['variant'];
 };
-export declare function CopyButton({ content, copyMessage, tooltip, size, variant, className, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton({ content, copyMessage, tooltip, size, variant, className, }: CopyButtonProps): import("react").JSX.Element;

package/dist/src/ds/components/DashboardCard/dashboard-card.d.ts

@@ -3,4 +3,4 @@ export type DashboardCardProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function DashboardCard({ children, className }: DashboardCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardCard({ children, className }: DashboardCardProps): import("react").JSX.Element;

package/dist/src/ds/components/DataCodeSection/data-code-section.d.ts

@@ -6,4 +6,4 @@ export interface DataCodeSectionProps {
     simplified?: boolean;
     className?: string;
 }
-export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, }: DataCodeSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, }: DataCodeSectionProps): import("react").JSX.Element | null;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-close-button.d.ts

@@ -3,4 +3,4 @@ export interface DataDetailsPanelCloseButtonProps {
     tooltip?: string;
     className?: string;
 }
-export declare function DataDetailsPanelCloseButton({ onClick, tooltip, className, }: DataDetailsPanelCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataDetailsPanelCloseButton({ onClick, tooltip, className, }: DataDetailsPanelCloseButtonProps): import("react").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-code-section.d.ts

@@ -5,4 +5,4 @@ export interface DataDetailsPanelCodeSectionProps {
     simplified?: boolean;
     className?: string;
 }
-export declare function DataDetailsPanelCodeSection({ codeStr, title, icon, simplified, className, }: DataDetailsPanelCodeSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DataDetailsPanelCodeSection({ codeStr, title, icon, simplified, className, }: DataDetailsPanelCodeSectionProps): import("react").JSX.Element | null;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-content.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface DataDetailsPanelContentProps {
     children: ReactNode;
 }
-export declare function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps): import("react").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-header.d.ts

@@ -2,4 +2,4 @@ export interface DataDetailsPanelHeaderProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps): import("react").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-heading.d.ts

@@ -2,4 +2,4 @@ export interface DataDetailsPanelHeadingProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps): import("react").JSX.Element;