@usecrow/ui 0.1.17 → 0.1.18

package/dist/index.d.cts

@@ -215,6 +215,8 @@ interface CrowWidgetProps {
     previewMode?: boolean;
     /** Whether to show AI thinking/reasoning to users (overrides API setting if provided) */
     showThinking?: boolean;
+    /** Custom agent name shown in header (overrides API setting if provided) */
+    agentName?: string;
     /** Custom welcome message (overrides API setting if provided) */
     welcomeMessage?: string;
     /** Callback when widget is ready */
@@ -227,15 +229,19 @@ interface CrowWidgetProps {
     /** Client-side tools the agent can call */
     tools?: ToolsMap;
 }
-declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, welcomeMessage: welcomeMessageProp, onReady, onIdentify, tools, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, onReady, onIdentify, tools, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CrowCopilotProps {
     /** Product ID for this copilot */
     productId: string;
     /** API URL (defaults to relative path) */
     apiUrl?: string;
-    /** Title shown in header */
+    /** Title shown in header (fallback if agentName not provided) */
     title?: string;
+    /** Custom agent name shown in header (overrides API setting if provided) */
+    agentName?: string;
+    /** Custom welcome message (overrides API setting if provided) */
+    welcomeMessage?: string;
     /** Position of the sidebar */
     position?: "left" | "right";
     /** Width of the sidebar */
@@ -253,7 +259,7 @@ interface CrowCopilotProps {
     /** Callback when copilot is ready */
     onReady?: () => void;
 }
-declare function CrowCopilot({ productId, apiUrl, title, position, width, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowProviderProps extends CrowClientConfig {
     children: React.ReactNode;

package/dist/index.d.ts

@@ -215,6 +215,8 @@ interface CrowWidgetProps {
     previewMode?: boolean;
     /** Whether to show AI thinking/reasoning to users (overrides API setting if provided) */
     showThinking?: boolean;
+    /** Custom agent name shown in header (overrides API setting if provided) */
+    agentName?: string;
     /** Custom welcome message (overrides API setting if provided) */
     welcomeMessage?: string;
     /** Callback when widget is ready */
@@ -227,15 +229,19 @@ interface CrowWidgetProps {
     /** Client-side tools the agent can call */
     tools?: ToolsMap;
 }
-declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, welcomeMessage: welcomeMessageProp, onReady, onIdentify, tools, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
+declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, onReady, onIdentify, tools, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CrowCopilotProps {
     /** Product ID for this copilot */
     productId: string;
     /** API URL (defaults to relative path) */
     apiUrl?: string;
-    /** Title shown in header */
+    /** Title shown in header (fallback if agentName not provided) */
     title?: string;
+    /** Custom agent name shown in header (overrides API setting if provided) */
+    agentName?: string;
+    /** Custom welcome message (overrides API setting if provided) */
+    welcomeMessage?: string;
     /** Position of the sidebar */
     position?: "left" | "right";
     /** Width of the sidebar */
@@ -253,7 +259,7 @@ interface CrowCopilotProps {
     /** Callback when copilot is ready */
     onReady?: () => void;
 }
-declare function CrowCopilot({ productId, apiUrl, title, position, width, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowProviderProps extends CrowClientConfig {
     children: React.ReactNode;

package/dist/index.js

@@ -2462,6 +2462,7 @@ function CrowWidget({
   styles: propStyles,
   previewMode = false,
   showThinking: showThinkingProp,
+  agentName: agentNameProp,
   welcomeMessage: welcomeMessageProp,
   onReady,
   onIdentify,
@@ -2470,7 +2471,7 @@ function CrowWidget({
   const {
     styles,
     isLoading: isLoadingStyles,
-    agentName,
+    agentName: agentNameFromAPI,
     browserUseEnabled,
     showThinking: showThinkingFromAPI,
     persistAnonymousConversations,
@@ -2481,6 +2482,7 @@ function CrowWidget({
     propStyles,
     skip: previewMode
   });
+  const agentName = agentNameProp ?? agentNameFromAPI;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
   console.log("[Crow Widget] persistAnonymousConversations from API:", persistAnonymousConversations, "isLoading:", isLoadingStyles);
   const showThinking = showThinkingProp ?? showThinkingFromAPI;
@@ -2747,6 +2749,8 @@ function CrowCopilot({
   productId,
   apiUrl = "",
   title = "Copilot",
+  agentName: agentNameProp,
+  welcomeMessage: welcomeMessageProp,
   position = "right",
   width = 400,
   showClose = false,
@@ -2756,12 +2760,14 @@ function CrowCopilot({
   className,
   onReady
 }) {
-  const { styles, isLoading: isLoadingStyles, agentName, persistAnonymousConversations, welcomeMessage } = useCopilotStyles({
+  const { styles, isLoading: isLoadingStyles, agentName: agentNameFromAPI, persistAnonymousConversations, welcomeMessage: welcomeMessageFromAPI } = useCopilotStyles({
     productId,
     apiUrl,
     propStyles,
     skip: previewMode
   });
+  const agentName = agentNameProp ?? agentNameFromAPI ?? title;
+  const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
   const messagesContainerRef = useRef(null);
   const executeClientToolRef = useRef(null);
   const [showConversationList, setShowConversationList] = useState(false);
@@ -2848,7 +2854,7 @@ function CrowCopilot({
     CopilotStyleProvider,
     {
       styles,
-      agentName: agentName || title,
+      agentName,
       isLoading: isLoadingStyles,
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -2882,7 +2888,7 @@ function CrowCopilot({
                         color: styles.colors.text,
                         fontSize: styles.typography.headerFontSize
                       },
-                      children: agentName || title
+                      children: agentName
                     }
                   ),
                   /* @__PURE__ */ jsxs("div", { className: "crow-flex crow-items-center crow-gap-1", children: [