@usecrow/ui 0.1.16 → 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;
@@ -544,7 +550,7 @@ interface UseChatOptions {
     onToolCall?: (toolCall: ToolCallEvent) => void;
     onRestoredConversation?: (conversationId: string) => void;
 }
-declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
+declare function useChat({ productId, apiUrl, persistAnonymousConversations: _persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
     messages: Message[];
     isLoading: boolean;
     activeToolCalls: ToolCall[];

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;
@@ -544,7 +550,7 @@ interface UseChatOptions {
     onToolCall?: (toolCall: ToolCallEvent) => void;
     onRestoredConversation?: (conversationId: string) => void;
 }
-declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
+declare function useChat({ productId, apiUrl, persistAnonymousConversations: _persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
     messages: Message[];
     isLoading: boolean;
     activeToolCalls: ToolCall[];

package/dist/index.js

@@ -42,11 +42,10 @@ var MESSAGES_CONTAINER_ID = "crow-messages-container";
 
 // src/hooks/useChat.ts
 var getConversationStorageKey = (productId) => `crow_conv_${productId}`;
-var inMemoryConversations = {};
 function useChat({
   productId,
   apiUrl = "",
-  persistAnonymousConversations,
+  persistAnonymousConversations: _persistAnonymousConversations,
   welcomeMessage,
   onVerificationStatus,
   onConversationId,
@@ -65,10 +64,16 @@ function useChat({
   ]);
   const [isLoading, setIsLoading] = useState(false);
   const [activeToolCalls, setActiveToolCalls] = useState([]);
-  const [conversationId, setConversationId] = useState(null);
+  const [conversationId, setConversationId] = useState(() => {
+    try {
+      return localStorage.getItem(getConversationStorageKey(productId));
+    } catch {
+      return null;
+    }
+  });
   const [selectedModel, setSelectedModel] = useState(DEFAULT_MODEL);
   const abortControllerRef = useRef(null);
-  const hasInitializedConversationRef = useRef(false);
+  const hasRestoredRef = useRef(false);
   useEffect(() => {
     if (messages.length === 1 && messages[0].id === "welcome" && !conversationId) {
       setMessages([
@@ -82,28 +87,11 @@ function useChat({
     }
   }, [effectiveWelcomeMessage]);
   useEffect(() => {
-    if (hasInitializedConversationRef.current || persistAnonymousConversations === void 0) {
-      return;
+    if (conversationId && onRestoredConversation && !hasRestoredRef.current) {
+      hasRestoredRef.current = true;
+      onRestoredConversation(conversationId);
     }
-    hasInitializedConversationRef.current = true;
-    try {
-      if (persistAnonymousConversations) {
-        const convId = localStorage.getItem(getConversationStorageKey(productId));
-        if (convId) {
-          setConversationId(convId);
-          onRestoredConversation?.(convId);
-        }
-      } else {
-        const convId = inMemoryConversations[productId];
-        if (convId) {
-          setConversationId(convId);
-          onRestoredConversation?.(convId);
-        }
-      }
-    } catch (e) {
-      console.error("[Crow] Error initializing conversation:", e);
-    }
-  }, [persistAnonymousConversations, productId, onRestoredConversation]);
+  }, []);
   const streamFromBackend = useCallback(
     async (message, botMsgId) => {
       let accumulatedText = "";
@@ -161,16 +149,12 @@ function useChat({
                     case "conversation_id":
                       if (parsed.conversation_id) {
                         setConversationId(parsed.conversation_id);
-                        if (persistAnonymousConversations) {
-                          try {
-                            localStorage.setItem(
-                              getConversationStorageKey(productId),
-                              parsed.conversation_id
-                            );
-                          } catch {
-                          }
-                        } else {
-                          inMemoryConversations[productId] = parsed.conversation_id;
+                        try {
+                          localStorage.setItem(
+                            getConversationStorageKey(productId),
+                            parsed.conversation_id
+                          );
+                        } catch {
                         }
                         onConversationId?.(parsed.conversation_id);
                       }
@@ -308,7 +292,7 @@ function useChat({
         abortControllerRef.current = null;
       }
     },
-    [apiUrl, productId, conversationId, selectedModel, persistAnonymousConversations, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall]
+    [apiUrl, productId, conversationId, selectedModel, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall]
   );
   const sendMessage = useCallback(
     (content) => {
@@ -358,7 +342,6 @@ function useChat({
       }
     ]);
     setConversationId(null);
-    delete inMemoryConversations[productId];
     try {
       localStorage.removeItem(getConversationStorageKey(productId));
     } catch {
@@ -2479,6 +2462,7 @@ function CrowWidget({
   styles: propStyles,
   previewMode = false,
   showThinking: showThinkingProp,
+  agentName: agentNameProp,
   welcomeMessage: welcomeMessageProp,
   onReady,
   onIdentify,
@@ -2487,7 +2471,7 @@ function CrowWidget({
   const {
     styles,
     isLoading: isLoadingStyles,
-    agentName,
+    agentName: agentNameFromAPI,
     browserUseEnabled,
     showThinking: showThinkingFromAPI,
     persistAnonymousConversations,
@@ -2498,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;
@@ -2764,6 +2749,8 @@ function CrowCopilot({
   productId,
   apiUrl = "",
   title = "Copilot",
+  agentName: agentNameProp,
+  welcomeMessage: welcomeMessageProp,
   position = "right",
   width = 400,
   showClose = false,
@@ -2773,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);
@@ -2865,7 +2854,7 @@ function CrowCopilot({
     CopilotStyleProvider,
     {
       styles,
-      agentName: agentName || title,
+      agentName,
       isLoading: isLoadingStyles,
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -2899,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: [