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

package/dist/components/assistant-ui/thread.d.ts

@@ -2,5 +2,9 @@ import { ToolCallContentPartComponent } from '@assistant-ui/react';
 
 export interface ThreadProps {
     ToolFallback?: ToolCallContentPartComponent;
+    agentName?: string;
+}
+export declare const Thread: ({ ToolFallback, agentName }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export interface ThreadWelcomeProps {
+    agentName?: string;
 }
-export declare const Thread: ({ ToolFallback }: ThreadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs.js

@@ -3948,7 +3948,7 @@ const useAutoscroll = (ref, { enabled = true }) => {
   }, [enabled, ref]);
 };
 
-const Thread = ({ ToolFallback }) => {
+const Thread = ({ ToolFallback, agentName }) => {
   const areaRef = React.useRef(null);
   useAutoscroll(areaRef, { enabled: true });
   const WrappedAssistantMessage = (props) => {
@@ -3957,7 +3957,7 @@ const Thread = ({ ToolFallback }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadPrimitive.Root, { className: "max-w-[568px] w-full mx-auto h-[calc(100%-100px)] px-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(react.ThreadPrimitive.Viewport, { className: "py-10 overflow-y-auto scroll-smooth h-full", ref: areaRef, autoScroll: false, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ThreadWelcome, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ThreadWelcome, { agentName }),
         /* @__PURE__ */ jsxRuntime.jsx(
           react.ThreadPrimitive.Messages,
           {
@@ -3974,9 +3974,19 @@ const Thread = ({ ToolFallback }) => {
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-grow flex-col items-center justify-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Avatar, { children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: "C" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Avatar, { children: /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: initials }) }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 font-medium", children: "How can I help you today?" })
   ] }) });
 };
@@ -4367,7 +4377,7 @@ const AgentChat = ({
       refreshThreadList,
       modelSettings,
       chatWithGenerate,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Thread, {}) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Thread, { agentName: agentName ?? "" }) })
     }
   );
 };