@mastra/playground-ui 5.0.2-alpha.0 → 5.0.2-alpha.1

package/dist/index.es.js

@@ -3916,7 +3916,7 @@ const useAutoscroll = (ref, { enabled = true }) => {
   }, [enabled, ref]);
 };
 
-const Thread = ({ ToolFallback }) => {
+const Thread = ({ ToolFallback, agentName }) => {
   const areaRef = useRef(null);
   useAutoscroll(areaRef, { enabled: true });
   const WrappedAssistantMessage = (props) => {
@@ -3925,7 +3925,7 @@ const Thread = ({ ToolFallback }) => {
   return /* @__PURE__ */ jsxs(ThreadPrimitive.Root, { className: "max-w-[568px] w-full mx-auto h-[calc(100%-100px)] px-4", children: [
     /* @__PURE__ */ jsxs(ThreadPrimitive.Viewport, { className: "py-10 overflow-y-auto scroll-smooth h-full", ref: areaRef, autoScroll: false, children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(ThreadWelcome, {}),
+        /* @__PURE__ */ jsx(ThreadWelcome, { agentName }),
         /* @__PURE__ */ jsx(
           ThreadPrimitive.Messages,
           {
@@ -3942,9 +3942,19 @@ const Thread = ({ ToolFallback }) => {
     /* @__PURE__ */ jsx(Composer, {})
   ] });
 };
-const ThreadWelcome = () => {
+const ThreadWelcome = ({ agentName }) => {
+  const safeAgentName = agentName ?? "";
+  const words = safeAgentName.split(" ") ?? [];
+  let initials = "A";
+  if (words.length === 2) {
+    initials = `${words[0][0]}${words[1][0]}`;
+  } else if (safeAgentName.length > 0) {
+    initials = `${safeAgentName[0]}`;
+  } else {
+    initials = "A";
+  }
   return /* @__PURE__ */ jsx(ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-grow flex-col items-center justify-center", children: [
-    /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarFallback, { children: "C" }) }),
+    /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AvatarFallback, { children: initials }) }),
     /* @__PURE__ */ jsx("p", { className: "mt-4 font-medium", children: "How can I help you today?" })
   ] }) });
 };
@@ -4335,7 +4345,7 @@ const AgentChat = ({
       refreshThreadList,
       modelSettings,
       chatWithGenerate,
-      children: /* @__PURE__ */ jsx("div", { className: "h-full pb-4", children: /* @__PURE__ */ jsx(Thread, {}) })
+      children: /* @__PURE__ */ jsx("div", { className: "h-full pb-4", children: /* @__PURE__ */ jsx(Thread, { agentName: agentName ?? "" }) })
     }
   );
 };