@mastra/playground-ui 36.0.0-alpha.3 → 36.0.0-alpha.4

package/dist/index.es.js

@@ -83,7 +83,7 @@ import { b as Tabs, a as TabList, T as Tab } from './tabs-tab-Bv9aRRTl.js';
 import { T as TabContent } from './tabs-content-D-fKCtLW.js';
 export { T as TextAndIcon, g as getShortId } from './get-short-id-B4_2mLzM.js';
 export { C as ContentBlock, a as ContentBlocks } from './content-block-BTpK7gPz.js';
-export { C as Column, a as Columns, M as MultiColumn } from './multi-column-e_-j_rrO.js';
+export { C as Column, a as Columns, M as MultiColumn } from './multi-column-o9qcoBXV.js';
 export { C as CodeDiff } from './code-diff-lktH1err.js';
 export { I as ItemList, a as ItemListSkeleton, g as getItemListColumnTemplate, b as getToNextItemFn, c as getToPreviousItemFn } from './helpers-BH-wPlF0.js';
 import { N as Notice } from './Notice-D5nzvm08.js';
@@ -124,7 +124,7 @@ export { useIsMobile } from './hooks/use-is-mobile.es.js';
 export { useIsApplePlatform, useKeyboardShortcutLabel } from './hooks/use-keyboard-shortcut-label.es.js';
 import { c as cn } from './utils-CzYGxqbG.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Wand2, Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component, LogsIcon as LogsIcon$1, EyeIcon, GaugeIcon, BrainIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpIcon, ChevronsDownIcon, FoldVerticalIcon, UnfoldVerticalIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, Link2Icon, CircleGaugeIcon, SaveIcon, Loader2Icon, DownloadIcon, FileInputIcon, FileOutputIcon, BracesIcon, ExternalLinkIcon, CircleSlashIcon, ArrowUpIcon, ArrowDownIcon, ArrowRightIcon } from 'lucide-react';
+import { Wand2, Type, ToggleLeft, Hash, List, Braces, Ban, Check, ListX, ChevronsLeft, ChevronsRight, ChevronLeft, ChevronRight, Text, TextSearch, EqualNot, Equal, X, Plus, Component, LogsIcon as LogsIcon$1, EyeIcon, GaugeIcon, BrainIcon, ChevronUpIcon, ChevronDownIcon, ChevronsUpIcon, ChevronsDownIcon, FoldVerticalIcon, UnfoldVerticalIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, Link2Icon, CircleGaugeIcon, SaveIcon, WrenchIcon, Loader2Icon, DownloadIcon, FileInputIcon, FileOutputIcon, BracesIcon, ExternalLinkIcon, CircleSlashIcon, ArrowUpIcon, ArrowDownIcon, ArrowRightIcon } from 'lucide-react';
 import * as React from 'react';
 import { useRef, useCallback, useState, useEffect, useMemo, useContext, createContext, Fragment as Fragment$1 } from 'react';
 import { usePanelRef, Panel, Separator } from 'react-resizable-panels';
@@ -6065,6 +6065,7 @@ function TraceDataPanelView({
   onSpanSelect,
   onEvaluateTrace,
   onSaveAsDatasetItem,
+  onAddTraceMocksToItem,
   initialSpanId,
   onPrevious,
   onNext,
@@ -6181,7 +6182,7 @@ function TraceDataPanelView({
     ] }) }),
     !collapsed && (isLoading ? /* @__PURE__ */ jsx(DataPanel.LoadingData, { children: "Loading trace..." }) : hierarchicalSpans.length === 0 ? /* @__PURE__ */ jsx(DataPanel.NoData, { children: "No spans found for this trace." }) : /* @__PURE__ */ jsxs(DataPanel.Content, { ref: contentRef, children: [
       !isOnTracePage && rootSpan && /* @__PURE__ */ jsx(TraceKeysAndValues, { rootSpan, className: "mb-6" }),
-      !isOnTracePage && (onEvaluateTrace || onSaveAsDatasetItem) && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex justify-between items-center gap-4", children: [
+      !isOnTracePage && (onEvaluateTrace || onSaveAsDatasetItem || onAddTraceMocksToItem) && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap justify-between items-center gap-4", children: [
         onEvaluateTrace && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onEvaluateTrace, children: [
           /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(CircleGaugeIcon, {}) }),
           "Evaluate Trace"
@@ -6189,9 +6190,13 @@ function TraceDataPanelView({
         onSaveAsDatasetItem && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => onSaveAsDatasetItem({ traceId, rootSpanId: rootSpan?.spanId }), children: [
           /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(SaveIcon, {}) }),
           "Save as Dataset Item"
+        ] }),
+        onAddTraceMocksToItem && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => onAddTraceMocksToItem({ traceId }), children: [
+          /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(WrenchIcon, {}) }),
+          "Add tool mocks to item"
         ] })
       ] }),
-      !isOnTracePage && !onEvaluateTrace && !onSaveAsDatasetItem && showUnavailableFeaturesMsg && /* @__PURE__ */ jsx(Notice, { variant: "info", className: "mb-6", children: /* @__PURE__ */ jsx(Notice.Message, { children: "Evaluating traces and saving them as dataset items is available in Mastra Studio (local or deployed)." }) }),
+      !isOnTracePage && !onEvaluateTrace && !onSaveAsDatasetItem && !onAddTraceMocksToItem && showUnavailableFeaturesMsg && /* @__PURE__ */ jsx(Notice, { variant: "info", className: "mb-6", children: /* @__PURE__ */ jsx(Notice.Message, { children: "Evaluating traces and saving them as dataset items is available in Mastra Studio (local or deployed)." }) }),
       /* @__PURE__ */ jsx(
         TraceTimeline,
         {