@mastra/playground-ui 20.0.0-alpha.8 → 20.0.0

package/dist/index.css

@@ -5762,6 +5762,11 @@
     --tw-exit-opacity: 0;
   }
 
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -8387,15 +8392,19 @@
     border-width: 0;
   }
 
-  .\[\&\>button\]\:border-b > button {
+  .\[\&\>button\]\:border-b-2 > button {
     border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
+    border-bottom-width: 2px;
   }
 
   .\[\&\>button\]\:border-border1 > button {
     border-color: var(--color-border1);
   }
 
+  .\[\&\>button\]\:border-transparent > button {
+    border-color: #0000;
+  }
+
   .\[\&\>button\]\:p-1 > button {
     padding: var(--spacing-1);
   }

package/dist/index.es.js

@@ -13184,16 +13184,16 @@ const Tabs = ({ children, defaultTab, value, onValueChange, className }) => {
   return /* @__PURE__ */ jsx(RadixTabs.Root, { value: currentTab, onValueChange: handleTabChange, className: cn("overflow-y-auto", className), children });
 };
 
-const TabList = ({ children, variant = "default", alignment = "full-width", className }) => {
+const TabList = ({ children, variant = "default", alignment = "left", className }) => {
   return /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-x-auto", className), children: /* @__PURE__ */ jsx(
     RadixTabs.List,
     {
       className: cn(
-        "flex items-center relative",
+        "flex items-center relative w-max min-w-full",
         {
           // variant: default
-          "text-ui-lg": variant === "default",
-          "[&>button]:py-2 [&>button]:px-6 [&>button]:font-normal [&>button]:text-neutral3 [&>button]:border-b [&>button]:border-border1": variant === "default",
+          "text-ui-lg border-b border-border1": variant === "default",
+          "[&>button]:py-2 [&>button]:px-6 [&>button]:font-normal [&>button]:text-neutral3 [&>button]:border-b-2 [&>button]:border-transparent": variant === "default",
           "[&>button]:flex-1": variant === "default" && alignment === "full-width",
           [`[&>button]:${transitions.colors} [&>button]:hover:text-neutral4`]: variant === "default",
           "[&>button[data-state=active]]:text-neutral5 [&>button[data-state=active]]:border-black/50 [&>button[data-state=active]]:dark:border-white/50": variant === "default",
@@ -13216,7 +13216,7 @@ const Tab = ({ children, value, onClick, onClose, className }) => {
     {
       value,
       className: cn(
-        "text-sm p-3 text-neutral3 whitespace-nowrap shrink-0 flex items-center justify-center gap-1.5",
+        "text-sm py-3 px-2 text-neutral3 whitespace-nowrap shrink-0 flex items-center justify-center gap-1.5 outline-none",
         transitions.all,
         focusRing.visible,
         "hover:text-neutral4",
@@ -17039,7 +17039,8 @@ function MastraRuntimeProvider({
   refreshThreadList,
   settings,
   requestContext,
-  modelVersion
+  modelVersion,
+  agentVersionId
 }) {
   const { settings: tracingSettings } = useTracingSettings();
   const [isLegacyRunning, setIsLegacyRunning] = useState(false);
@@ -17047,6 +17048,12 @@ function MastraRuntimeProvider({
   useEffect(() => {
     setLegacyMessages(initializeMessageState(initialLegacyMessages || []));
   }, [initialLegacyMessages]);
+  const chatRequestContext = useMemo(() => {
+    if (!agentVersionId) return void 0;
+    const ctx = new RequestContext$1();
+    ctx.set("agentVersionId", agentVersionId);
+    return ctx;
+  }, [agentVersionId]);
   const {
     messages,
     sendMessage,
@@ -17063,7 +17070,8 @@ function MastraRuntimeProvider({
     networkToolCallApprovals
   } = useChat({
     agentId,
-    initialMessages
+    initialMessages,
+    requestContext: chatRequestContext
   });
   const { refetch: refreshWorkingMemory } = useWorkingMemory();
   const abortControllerRef = useRef(null);
@@ -17273,6 +17281,9 @@ function MastraRuntimeProvider({
     Object.entries(requestContext ?? {}).forEach(([key, value]) => {
       requestContextInstance.set(key, value);
     });
+    if (agentVersionId) {
+      requestContextInstance.set("agentVersionId", agentVersionId);
+    }
     try {
       if (isSupportedModel) {
         if (chatWithNetwork) {
@@ -17740,6 +17751,7 @@ const AgentChat = ({
   memory,
   refreshThreadList,
   modelVersion,
+  agentVersionId,
   modelList,
   messageId,
   isNewThread,
@@ -17777,6 +17789,7 @@ const AgentChat = ({
       agentId,
       agentName,
       modelVersion,
+      agentVersionId,
       threadId,
       initialMessages: v5Messages,
       initialLegacyMessages: v4Messages,
@@ -32682,7 +32695,13 @@ function AgentPlaygroundConfig({ agentId, selectedVersionId, latestVersionId })
   ] });
 }
 
-function AgentPlaygroundTestChat({ agentId, agentName, modelVersion, hasMemory }) {
+function AgentPlaygroundTestChat({
+  agentId,
+  agentName,
+  modelVersion,
+  agentVersionId,
+  hasMemory
+}) {
   const testThreadId = useMemo(() => v4(), [agentId]);
   const mergedRequestContext = useMergedRequestContext();
   const hasRequestContext = Object.keys(mergedRequestContext).length > 0;
@@ -32699,6 +32718,7 @@ function AgentPlaygroundTestChat({ agentId, agentName, modelVersion, hasMemory }
           agentId,
           agentName,
           modelVersion,
+          agentVersionId,
           threadId: testThreadId,
           memory: hasMemory,
           refreshThreadList: async () => {
@@ -32933,6 +32953,7 @@ function AgentPlaygroundView({
   agentId,
   agentName,
   modelVersion,
+  agentVersionId,
   hasMemory,
   activeVersionId,
   selectedVersionId,
@@ -32975,6 +32996,7 @@ function AgentPlaygroundView({
         agentId,
         agentName,
         modelVersion,
+        agentVersionId,
         hasMemory
       }
     ) }) }) })