@mastra/playground-ui 6.5.1 → 6.5.2-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @mastra/playground-ui
 
+## 6.5.2-alpha.0
+
+### Patch Changes
+
+- Threads are not refreshing correctly after generate / stream / network ([#9015](https://github.com/mastra-ai/mastra/pull/9015))
+
+- fix template background image overflow ([#9011](https://github.com/mastra-ai/mastra/pull/9011))
+
+- Updated dependencies [[`c67ca32`](https://github.com/mastra-ai/mastra/commit/c67ca32e3c2cf69bfc146580770c720220ca44ac), [`dbc9e12`](https://github.com/mastra-ai/mastra/commit/dbc9e1216ba575ba59ead4afb727a01215f7de4f), [`99e41b9`](https://github.com/mastra-ai/mastra/commit/99e41b94957cdd25137d3ac12e94e8b21aa01b68), [`c28833c`](https://github.com/mastra-ai/mastra/commit/c28833c5b6d8e10eeffd7f7d39129d53b8bca240), [`f053e89`](https://github.com/mastra-ai/mastra/commit/f053e89160dbd0bd3333fc3492f68231b5c7c349), [`9a1a485`](https://github.com/mastra-ai/mastra/commit/9a1a4859b855e37239f652bf14b1ecd1029b8c4e), [`9257233`](https://github.com/mastra-ai/mastra/commit/9257233c4ffce09b2bedc2a9adbd70d7a83fa8e2), [`0f1a4c9`](https://github.com/mastra-ai/mastra/commit/0f1a4c984fb4b104b2f0b63ba18c9fa77f567700), [`2db6160`](https://github.com/mastra-ai/mastra/commit/2db6160e2022ff8827c15d30157e684683b934b5), [`8aeea37`](https://github.com/mastra-ai/mastra/commit/8aeea37efdde347c635a67fed56794943b7f74ec), [`02fe153`](https://github.com/mastra-ai/mastra/commit/02fe15351d6021d214da48ec982a0e9e4150bcee), [`74567b3`](https://github.com/mastra-ai/mastra/commit/74567b3d237ae3915cd0bca3cf55fa0a64e4e4a4), [`15a1733`](https://github.com/mastra-ai/mastra/commit/15a1733074cee8bd37370e1af34cd818e89fa7ac), [`fc2a774`](https://github.com/mastra-ai/mastra/commit/fc2a77468981aaddc3e77f83f0c4ad4a4af140da), [`4e08933`](https://github.com/mastra-ai/mastra/commit/4e08933625464dfde178347af5b6278fcf34188e)]:
+  - @mastra/core@0.21.2-alpha.0
+  - @mastra/client-js@0.16.2-alpha.0
+  - @mastra/react@0.0.8-alpha.0
+
 ## 6.5.1
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -9143,7 +9143,7 @@ const Thread = ({ agentName, agentId, hasMemory, hasModelList }) => {
   ] });
 };
 const ThreadWrapper = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Root, { className: "grid grid-rows-[1fr_auto] h-full overflow-y-auto", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Root, { className: "grid grid-rows-[1fr_auto] h-full overflow-y-auto", "data-testid": "thread-wrapper", children });
 };
 const ThreadWelcome = ({ agentName }) => {
   const safeAgentName = agentName ?? "";
@@ -9678,6 +9678,9 @@ function MastraRuntimeProvider({
               if (chunk.type === "tool-execution-end" && chunk.payload?.toolName === "updateWorkingMemory" && typeof chunk.payload.result === "object" && "success" in chunk.payload.result && chunk.payload.result?.success) {
                 refreshWorkingMemory?.();
               }
+              if (chunk.type === "network-execution-event-step-finish") {
+                refreshThreadList?.();
+              }
             }
           });
         } else {
@@ -9691,6 +9694,7 @@ function MastraRuntimeProvider({
               modelSettings: modelSettingsArgs,
               signal: controller.signal
             });
+            await refreshThreadList?.();
             return;
           } else {
             await sendMessage({
@@ -9701,6 +9705,9 @@ function MastraRuntimeProvider({
               threadId,
               modelSettings: modelSettingsArgs,
               onChunk: async (chunk) => {
+                if (chunk.type === "finish") {
+                  await refreshThreadList?.();
+                }
                 if (chunk.type === "tool-result" && chunk.payload?.toolName === "updateWorkingMemory" && typeof chunk.payload.result === "object" && "success" in chunk.payload.result && chunk.payload.result?.success) {
                   refreshWorkingMemory?.();
                 }
@@ -14051,7 +14058,7 @@ const ThreadLink = ({ children, as: Component = "a", href, className, prefetch,
   );
 };
 const ThreadList = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { children });
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { "data-testid": "thread-list", children });
 };
 const ThreadItem = ({ children, isActive, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -14448,7 +14455,7 @@ function TemplatesList({ templates, linkComponent, className, isLoading }) {
                 "grid-cols-[8rem_1fr] lg:grid-cols-[12rem_1fr]": template.imageURL
               }),
               children: [
-                template.imageURL && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative overflow-hidden"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                template.imageURL && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden"), children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: "w-full h-full bg-cover thumb transition-scale duration-150",