@mastra/playground-ui 7.0.0-beta.6 → 7.0.0-beta.7

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMessagePart, useMessage, MessagePrimitive, ActionBarPrimitive, useComposerRuntime, useAttachment, ComposerPrimitive, AttachmentPrimitive, useComposer, ThreadPrimitive, CompositeAttachmentAdapter, SimpleImageAttachmentAdapter, SimpleTextAttachmentAdapter, WebSpeechSynthesisAdapter, useExternalStoreRuntime, AssistantRuntimeProvider } from '@assistant-ui/react';
-import { CheckIcon as CheckIcon$1, CopyIcon, InfoIcon as InfoIcon$1, AlertCircle, TriangleAlert, ChevronUpIcon, X, Share2, Check, PlayCircle, Workflow, Layers, List, Clock as Clock$1, CalendarClock, Timer, CornerDownRight, GitBranch, RefreshCw, Repeat, Repeat1, Network, CalendarIcon, ChevronDown, Braces, ChevronDownIcon, Brackets, PlusIcon, TrashIcon, Plus, Loader2, Circle, EyeOffIcon, EyeIcon, PauseIcon, HourglassIcon, CircleDashed, Footprints, CircleCheck, CircleX, Minus, Maximize, AlertCircleIcon, CirclePause, StopCircle, SearchIcon, ChevronsUpDown, Search, BrainIcon, AudioLinesIcon, StopCircleIcon, FileText, CircleXIcon, Link, CloudUpload, Mic, ArrowUp, SaveIcon, ExternalLink, TriangleAlertIcon, ChevronRightIcon, ArrowLeftIcon, ArrowRightIcon, ChevronsRightIcon, AlignLeftIcon, AlignJustifyIcon, ArrowUpIcon, ArrowDownIcon, CircleAlertIcon, XIcon, PanelRightIcon, KeyboardIcon, GaugeIcon, ChevronsLeftRightEllipsisIcon, CalculatorIcon, HashIcon, FileInputIcon, FileOutputIcon, ReceiptText, Info, RotateCcw, GripVertical, RefreshCcwIcon, AlertTriangleIcon, ChevronRight, NetworkIcon, WorkflowIcon as WorkflowIcon$1, PackageIcon, GitBranchIcon, PackageOpenIcon, OctagonXIcon, FrownIcon, ChevronsLeftRight, TimerIcon, ChevronsLeftRightIcon, ChevronFirstIcon, ChevronLastIcon, ArrowRightToLineIcon, CoinsIcon, BracesIcon, CircleGaugeIcon, PanelTopIcon, ListTreeIcon, PanelLeftIcon, CircleSlash } from 'lucide-react';
+import { CheckIcon as CheckIcon$1, CopyIcon, InfoIcon as InfoIcon$1, AlertCircle, TriangleAlert, ChevronUpIcon, X, Share2, Check, PlayCircle, Workflow, Layers, List, Clock as Clock$1, CalendarClock, Timer, CornerDownRight, GitBranch, RefreshCw, Repeat, Repeat1, Network, CalendarIcon, ChevronDown, Braces, ChevronDownIcon, Brackets, PlusIcon, TrashIcon, Plus, Loader2, Circle, EyeOffIcon, EyeIcon, PauseIcon, HourglassIcon, CircleDashed, Footprints, CircleCheck, CircleX, Minus, Maximize, AlertCircleIcon, CirclePause, StopCircle, SearchIcon, ChevronsUpDown, Search, BrainIcon, AudioLinesIcon, StopCircleIcon, FileText, CircleXIcon, Link, CloudUpload, Mic, ArrowUp, SaveIcon, ExternalLink, TriangleAlertIcon, ChevronRightIcon, ArrowLeftIcon, ArrowRightIcon, ChevronsRightIcon, AlignLeftIcon, AlignJustifyIcon, ArrowUpIcon, ArrowDownIcon, CircleAlertIcon, XIcon, PanelRightIcon, KeyboardIcon, GaugeIcon, ChevronsLeftRightEllipsisIcon, CalculatorIcon, HashIcon, FileInputIcon, FileOutputIcon, ReceiptText, Info, RotateCcw, GripVertical, RefreshCcwIcon, AlertTriangleIcon, ChevronRight, NetworkIcon, WorkflowIcon as WorkflowIcon$1, PackageIcon, GitBranchIcon, PackageOpenIcon, OctagonXIcon, FrownIcon, ChevronsLeftRight, TimerIcon, ChevronsLeftRightIcon, ChevronFirstIcon, ChevronLastIcon, ArrowRightToLineIcon, CoinsIcon, BracesIcon, CircleGaugeIcon, PanelTopIcon, ListTreeIcon, PanelLeftIcon, CircleSlash, Trash, Link2 } from 'lucide-react';
 import * as React from 'react';
-import React__default, { forwardRef, memo, useState, useEffect, useRef, useCallback, useMemo, createContext, useContext, Fragment as Fragment$1, useId, Suspense } from 'react';
+import React__default, { forwardRef, memo, useState, useEffect, useRef, useCallback, useMemo, createContext, useContext, Fragment as Fragment$1, useId, Suspense, useLayoutEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TooltipProvider as TooltipProvider$1 } from '@radix-ui/react-tooltip';
@@ -6626,7 +6626,7 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
   {
     ref,
     className: cn(
-      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-50 min-w-[8rem] max-h-dropdown-max-height overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
@@ -9593,7 +9593,7 @@ function Combobox({
               ref: listRef,
               id: "combobox-options",
               role: "listbox",
-              className: "max-h-[300px] overflow-y-auto overflow-x-hidden p-1",
+              className: "max-h-dropdown-max-height overflow-y-auto overflow-x-hidden p-1",
               children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm", children: emptyText }) : filteredOptions.map((option, index) => {
                 const isSelected = value === option.value;
                 const isHighlighted = index === highlightedIndex;
@@ -9802,16 +9802,12 @@ const AgentBadge = ({ agentId, messages = [], metadata, toolCallId, toolApproval
   );
 };
 
-const useAgentMessages = ({
-  threadId,
-  agentId,
-  memory
-}) => {
+const useAgentMessages = ({ threadId, agentId, memory }) => {
   const client = useMastraClient();
   const { requestContext } = usePlaygroundStore();
   return useQuery({
     queryKey: ["memory", "messages", threadId, agentId, "requestContext"],
-    queryFn: () => client.listThreadMessages(threadId, { agentId, requestContext }),
+    queryFn: () => threadId ? client.listThreadMessages(threadId, { agentId, requestContext }) : null,
     enabled: memory && Boolean(threadId),
     staleTime: 0,
     gcTime: 0,
@@ -9828,7 +9824,7 @@ const AgentBadgeWrapper = ({
   toolApprovalMetadata
 }) => {
   const { data } = useAgentMessages({
-    threadId: result?.subAgentThreadId ?? "",
+    threadId: result?.subAgentThreadId,
     agentId,
     memory: true
   });
@@ -12028,13 +12024,15 @@ const AgentChat = ({
   refreshThreadList,
   modelVersion,
   modelList,
-  messageId
+  messageId,
+  isNewThread
 }) => {
   const { settings } = useAgentSettings();
   const { requestContext } = usePlaygroundStore();
   const { data, isLoading: isMessagesLoading } = useAgentMessages({
     agentId,
-    threadId: threadId ?? "",
+    threadId: isNewThread ? void 0 : threadId,
+    // Prevent fetching when thread is new
     memory: memory ?? false
   });
   useEffect(() => {
@@ -12814,7 +12812,7 @@ function InputField({
             className: cn("text-[0.8125rem] text-icon3 flex justify-between items-center"),
             children: [
               label,
-              required && /* @__PURE__ */ jsx("i", { className: "text-icon2", children: "(required)" })
+              required && /* @__PURE__ */ jsx("i", { className: "text-icon2 text-xs", children: "(required)" })
             ]
           }
         ) }),
@@ -18246,6 +18244,13 @@ function getSpanInfo({ span, withTraceId = true, withSpanId = true }) {
       value: span?.endedAt ? format(new Date(span.endedAt), "MMM dd, h:mm:ss.SSS aaa") : "-"
     }
   ];
+  if (span?.attributes?.finishReason) {
+    baseInfo.push({
+      key: "finishReason",
+      label: "Finish Reason",
+      value: span.attributes.finishReason
+    });
+  }
   if (withSpanId) {
     baseInfo.unshift({
       key: "spanId",
@@ -18332,11 +18337,38 @@ const Tabs = Object.assign(TabsRoot, {
   Content: TabContent
 });
 
+function isTokenLimitExceeded(span) {
+  return span?.attributes?.finishReason === "length";
+}
+function getTokenLimitMessage(span) {
+  const usage = span?.attributes?.usage;
+  if (!usage) {
+    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.`;
+  }
+  const inputTokens = usage.inputTokens ?? 0;
+  const outputTokens = usage.outputTokens ?? 0;
+  const totalTokens = usage.totalTokens ?? inputTokens + outputTokens;
+  if (inputTokens > 0 || outputTokens > 0) {
+    return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.
+
+Token usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;
+  }
+  return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;
+}
+
 function SpanDetails({ span }) {
   if (!span) {
     return null;
   }
+  const tokenLimitExceeded = isTokenLimitExceeded(span);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    tokenLimitExceeded && /* @__PURE__ */ jsx("div", { className: "bg-yellow-900/20 border border-yellow-200 rounded-md p-2 mb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "text-yellow-200 mt-0.5 flex-shrink-0", size: 20 }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("h4", { className: "font-semibold text-yellow-200 mb-1 text-sm", children: "Token Limit Exceeded" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-mastra-el-3 whitespace-pre-line", children: getTokenLimitMessage(span) })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsx(
       SideDialog.CodeSection,
       {
@@ -19663,5 +19695,137 @@ function MCPServerCombobox({
   );
 }
 
-export { AgentChat, AgentCoinIcon, AgentCombobox, AgentEntityHeader, AgentIcon, AgentInformation, AgentInformationLayout, AgentInformationTabLayout, AgentMemory, AgentMetadata, AgentMetadataList, AgentMetadataListEmpty, AgentMetadataListItem, AgentMetadataNetworkList, AgentMetadataScorerList, AgentMetadataSection, AgentMetadataToolList, AgentMetadataWorkflowList, AgentMetadataWrapper, AgentNetworkCoinIcon, AgentPromptExperimentProvider, AgentSettings, AgentSettingsContext, AgentSettingsProvider, AgentToolPanel, AgentsTable, AiIcon, Alert$1 as Alert, AlertDescription$1 as AlertDescription, AlertDialog, AlertTitle$1 as AlertTitle, ApiIcon, Badge, BranchIcon, Breadcrumb, Button$1 as Button, ButtonsGroup, Cell, ChatThreads, CheckIcon, ChevronIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, CommitIcon, CrossIcon, Crumb, DateTimeCell, DateTimePicker, DateTimePickerContent, DbIcon, DebugIcon, DefaultTrigger, DeploymentIcon, DividerIcon, DocsIcon, DynamicForm, EmptyState, Entity, EntityContent, EntityDescription, EntityHeader, EntityIcon, EntityName, Entry, EntryCell, EntryList, EntryListSkeleton, EnvIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, Icon, InfoIcon, InputField, JudgeIcon, Kbd, KeyValueList, LatencyIcon, LinkComponentProvider, LogoWithoutText, LogsIcon, MCPDetail, MCPServerCombobox, MCPTable, MCPToolPanel, MainContentContent, MainContentLayout, MainSidebar, MainSidebarProvider, McpCoinIcon, McpServerIcon, MemoryIcon, MemorySearch, Notification, OpenAIIcon, PageHeader, PlaygroundQueryClient, PlaygroundTabs, PromptIcon, RadioGroup, RadioGroupItem, RepoIcon, RequestContext, RequestContextWrapper, Row, ScoreDialog, ScorerCombobox, ScorersTable, ScoresList, ScoresTools, SearchField, Searchbar, SearchbarWrapper, Section, Sections, SelectField, SettingsIcon, SideDialog, Skeleton, SlashIcon, SpanScoreList, SpanScoring, SpanTabs, Tab$1 as Tab, TabContent$1 as TabContent, TabList$1 as TabList, Table, Tbody, TemplateFailure, TemplateForm, TemplateInfo, TemplateInstallation, TemplateSuccess, TemplatesList, TemplatesTools, TextAndIcon, Th, Thead, ThreadDeleteButton, ThreadInputProvider, ThreadItem, ThreadLink, ThreadList, Threads, ToolCoinIcon, ToolCombobox, ToolFallback, ToolIconMap, ToolInformation, ToolPanel, ToolTable, ToolsIcon, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TraceDialog, TraceIcon, TraceTimeline, TraceTimelineLegend, TraceTimelineSpan, TracesList, TracesTools, TracingSettingsContext, TracingSettingsProvider, TsIcon, Txt, TxtCell, VariablesIcon, WorkflowCoinIcon, WorkflowCombobox, WorkflowGraph, WorkflowIcon, WorkflowInformation, WorkflowRunContext, WorkflowRunDetail, WorkflowRunList, WorkflowRunProvider, WorkflowTable, WorkflowTrigger, WorkingMemoryContext, WorkingMemoryProvider, convertWorkflowRunStateToStreamResult, extractPrompt, formatHierarchicalSpans, getColumnTemplate, getShortId, getSpanTypeUi, getToNextEntryFn, getToPreviousEntryFn, parseError, providerMapToIcon, scoresListColumns, spanTypePrefixes, toast, traceScoresListColumns, tracesListColumns, useAgent, useAgentInformationSettings, useAgentInformationTab, useAgentPromptExperiment, useAgentSettings, useAgents, useCancelWorkflowRun, useCurrentRun, useDeleteThread, useExecuteAgentTool, useExecuteMCPTool, useExecuteTool, useExecuteWorkflow, useInView, useLinkComponent, useMCPServerTool, useMCPServerTools, useMCPServers, useMainSidebar, useMemory, useMemoryConfig, useMemorySearch, usePlaygroundStore, useReorderModelList, useResetAgentModel, useScorer, useScorers, useScoresByScorerId, useSpeechRecognition, useStreamWorkflow, useThreadInput, useThreads, useTool, useTools, useTraceSpanScores, useTracingSettings, useUpdateAgentModel, useUpdateModelInModelList, useWorkflow, useWorkflowRunExecutionResult, useWorkflowRuns, useWorkflows, useWorkingMemory };
+const StudioConfigContext = createContext({
+  baseUrl: "",
+  headers: {},
+  isLoading: false,
+  setConfig: () => {
+  }
+});
+const useStudioConfig = () => {
+  return useContext(StudioConfigContext);
+};
+const LOCAL_STORAGE_KEY = "mastra-studio-config";
+const StudioConfigProvider = ({ children }) => {
+  const [config, setConfig] = useState({
+    baseUrl: "",
+    headers: {},
+    isLoading: true
+  });
+  useLayoutEffect(() => {
+    const storedConfig = localStorage.getItem(LOCAL_STORAGE_KEY);
+    if (storedConfig) {
+      const parsedConfig = JSON.parse(storedConfig);
+      if (typeof parsedConfig === "object" && parsedConfig !== null) {
+        return setConfig({ ...parsedConfig, isLoading: false });
+      }
+    }
+    return setConfig({ baseUrl: "", headers: {}, isLoading: false });
+  }, []);
+  const doSetConfig = (partialNewConfig) => {
+    setConfig((prev) => {
+      const nextConfig = { ...prev, ...partialNewConfig };
+      localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(nextConfig));
+      return nextConfig;
+    });
+  };
+  return /* @__PURE__ */ jsx(StudioConfigContext.Provider, { value: { ...config, setConfig: doSetConfig }, children });
+};
+
+const HeaderListForm = ({ headers, onAddHeader, onRemoveHeader }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(Txt, { as: "h2", variant: "header-md", className: "text-icon6", children: "Headers" }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-surface4 rounded-lg p-4 border-sm border-border2 space-y-4", children: [
+      headers.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: headers.map((header, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(HeaderListFormItem, { index, header, onRemove: () => onRemoveHeader(index) }) }, index)) }),
+      /* @__PURE__ */ jsxs(
+        Button$1,
+        {
+          type: "button",
+          variant: "light",
+          className: "w-full border-dashed !bg-surface4 !border-border2 hover:!bg-surface5",
+          size: "lg",
+          onClick: () => onAddHeader({ name: "", value: "" }),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Plus, {}) }),
+            "Add Header"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+const HeaderListFormItem = ({ index, header, onRemove }) => {
+  const nameId = useId();
+  const valueId = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] gap-4 items-end", children: [
+    /* @__PURE__ */ jsx(
+      InputField,
+      {
+        id: nameId,
+        name: `headers.${index}.name`,
+        label: "Name",
+        placeholder: "e.g. Authorization",
+        required: true,
+        defaultValue: header.name
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      InputField,
+      {
+        id: valueId,
+        name: `headers.${index}.value`,
+        label: "Value",
+        placeholder: "e.g. Bearer <token>",
+        required: true,
+        defaultValue: header.value
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        type: "button",
+        variant: "light",
+        className: "w-full !bg-surface4 !border-border2 hover:!bg-surface5",
+        size: "lg",
+        onClick: onRemove,
+        children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Trash, { "aria-label": "Remove header" }) })
+      }
+    )
+  ] });
+};
+
+const StudioConfigForm = ({ initialConfig }) => {
+  const { setConfig } = useStudioConfig();
+  const [headers, setHeaders] = useState(() => {
+    if (!initialConfig) return [];
+    return Object.entries(initialConfig.headers).map(([name, value]) => ({ name, value }));
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.target);
+    const formHeaders = {};
+    for (let i = 0; i < headers.length; i++) {
+      const headerName = formData.get(`headers.${i}.name`);
+      const headerValue = formData.get(`headers.${i}.value`);
+      formHeaders[headerName] = headerValue;
+    }
+    setConfig({ headers: formHeaders });
+    toast$1.success("Configuration saved");
+  };
+  const handleAddHeader = (header) => {
+    setHeaders((prev) => [...prev, header]);
+  };
+  const handleRemoveHeader = (index) => {
+    setHeaders((prev) => prev.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(HeaderListForm, { headers, onAddHeader: handleAddHeader, onRemoveHeader: handleRemoveHeader }),
+    /* @__PURE__ */ jsxs(Button$1, { type: "submit", variant: "light", className: "w-full", size: "lg", children: [
+      /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Link2, {}) }),
+      "Set Configuration"
+    ] })
+  ] });
+};
+
+export { AgentChat, AgentCoinIcon, AgentCombobox, AgentEntityHeader, AgentIcon, AgentInformation, AgentInformationLayout, AgentInformationTabLayout, AgentMemory, AgentMetadata, AgentMetadataList, AgentMetadataListEmpty, AgentMetadataListItem, AgentMetadataNetworkList, AgentMetadataScorerList, AgentMetadataSection, AgentMetadataToolList, AgentMetadataWorkflowList, AgentMetadataWrapper, AgentNetworkCoinIcon, AgentPromptExperimentProvider, AgentSettings, AgentSettingsContext, AgentSettingsProvider, AgentToolPanel, AgentsTable, AiIcon, Alert$1 as Alert, AlertDescription$1 as AlertDescription, AlertDialog, AlertTitle$1 as AlertTitle, ApiIcon, Badge, BranchIcon, Breadcrumb, Button$1 as Button, ButtonsGroup, Cell, ChatThreads, CheckIcon, ChevronIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, CommitIcon, CrossIcon, Crumb, DateTimeCell, DateTimePicker, DateTimePickerContent, DbIcon, DebugIcon, DefaultTrigger, DeploymentIcon, DividerIcon, DocsIcon, DynamicForm, EmptyState, Entity, EntityContent, EntityDescription, EntityHeader, EntityIcon, EntityName, Entry, EntryCell, EntryList, EntryListSkeleton, EnvIcon, FiltersIcon, FolderIcon, GithubCoinIcon, GithubIcon, GoogleIcon, Header, HeaderAction, HeaderGroup, HeaderTitle, HomeIcon, Icon, InfoIcon, InputField, JudgeIcon, Kbd, KeyValueList, LatencyIcon, LinkComponentProvider, LogoWithoutText, LogsIcon, MCPDetail, MCPServerCombobox, MCPTable, MCPToolPanel, MainContentContent, MainContentLayout, MainSidebar, MainSidebarProvider, McpCoinIcon, McpServerIcon, MemoryIcon, MemorySearch, Notification, OpenAIIcon, PageHeader, PlaygroundQueryClient, PlaygroundTabs, PromptIcon, RadioGroup, RadioGroupItem, RepoIcon, RequestContext, RequestContextWrapper, Row, ScoreDialog, ScorerCombobox, ScorersTable, ScoresList, ScoresTools, SearchField, Searchbar, SearchbarWrapper, Section, Sections, SelectField, SettingsIcon, SideDialog, Skeleton, SlashIcon, SpanScoreList, SpanScoring, SpanTabs, StudioConfigContext, StudioConfigForm, StudioConfigProvider, Tab$1 as Tab, TabContent$1 as TabContent, TabList$1 as TabList, Table, Tbody, TemplateFailure, TemplateForm, TemplateInfo, TemplateInstallation, TemplateSuccess, TemplatesList, TemplatesTools, TextAndIcon, Th, Thead, ThreadDeleteButton, ThreadInputProvider, ThreadItem, ThreadLink, ThreadList, Threads, ToolCoinIcon, ToolCombobox, ToolFallback, ToolIconMap, ToolInformation, ToolPanel, ToolTable, ToolsIcon, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TraceDialog, TraceIcon, TraceTimeline, TraceTimelineLegend, TraceTimelineSpan, TracesList, TracesTools, TracingSettingsContext, TracingSettingsProvider, TsIcon, Txt, TxtCell, VariablesIcon, WorkflowCoinIcon, WorkflowCombobox, WorkflowGraph, WorkflowIcon, WorkflowInformation, WorkflowRunContext, WorkflowRunDetail, WorkflowRunList, WorkflowRunProvider, WorkflowTable, WorkflowTrigger, WorkingMemoryContext, WorkingMemoryProvider, convertWorkflowRunStateToStreamResult, extractPrompt, formatHierarchicalSpans, getColumnTemplate, getShortId, getSpanTypeUi, getToNextEntryFn, getToPreviousEntryFn, parseError, providerMapToIcon, scoresListColumns, spanTypePrefixes, toast, traceScoresListColumns, tracesListColumns, useAgent, useAgentInformationSettings, useAgentInformationTab, useAgentPromptExperiment, useAgentSettings, useAgents, useCancelWorkflowRun, useCurrentRun, useDeleteThread, useExecuteAgentTool, useExecuteMCPTool, useExecuteTool, useExecuteWorkflow, useInView, useLinkComponent, useMCPServerTool, useMCPServerTools, useMCPServers, useMainSidebar, useMemory, useMemoryConfig, useMemorySearch, usePlaygroundStore, useReorderModelList, useResetAgentModel, useScorer, useScorers, useScoresByScorerId, useSpeechRecognition, useStreamWorkflow, useStudioConfig, useThreadInput, useThreads, useTool, useTools, useTraceSpanScores, useTracingSettings, useUpdateAgentModel, useUpdateModelInModelList, useWorkflow, useWorkflowRunExecutionResult, useWorkflowRuns, useWorkflows, useWorkingMemory };
 //# sourceMappingURL=index.es.js.map