@usecrow/ui 0.1.24 → 0.1.26

package/dist/index.d.cts

@@ -185,6 +185,8 @@ interface WidgetConfigResponse {
     persistAnonymousConversations?: boolean;
     /** Custom welcome message shown when chat opens. Null uses SDK default. */
     welcomeMessage?: string | null;
+    /** AI model to use for this product */
+    model?: string;
 }
 
 /** Identity data passed to the identify function */
@@ -228,8 +230,10 @@ interface CrowWidgetProps {
     onIdentify?: (identify: IdentifyFunction) => void;
     /** Client-side tools the agent can call */
     tools?: ToolsMap;
+    /** Callback fired when a server-side tool completes, with the tool name and full result data */
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
 }
-declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, agentName: agentNameProp, 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, onToolResult, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CrowCopilotProps {
     /** Product ID for this copilot */
@@ -262,8 +266,10 @@ interface CrowCopilotProps {
     className?: string;
     /** Callback when copilot is ready */
     onReady?: () => void;
+    /** Callback fired when a server-side tool completes, with the tool name and full result data */
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
 }
-declare function CrowCopilot({ productId, apiUrl, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, onToolResult, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowProviderProps extends CrowClientConfig {
     children: React.ReactNode;
@@ -547,13 +553,16 @@ interface UseChatOptions {
     persistAnonymousConversations?: boolean;
     /** Custom welcome message (uses SDK default if not provided) */
     welcomeMessage?: string;
+    /** AI model to use for this chat (defaults to DEFAULT_MODEL) */
+    selectedModel?: string;
     onVerificationStatus?: (isVerified: boolean) => void;
     onConversationId?: (id: string) => void;
     onWorkflowEvent?: (event: WorkflowEvent) => void;
     onToolCall?: (toolCall: ToolCallEvent) => void;
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
     onRestoredConversation?: (conversationId: string) => void;
 }
-declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
+declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, selectedModel: initialSelectedModel, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onToolResult, onRestoredConversation, }: UseChatOptions): {
     messages: Message[];
     isLoading: boolean;
     activeToolCalls: ToolCall[];
@@ -659,6 +668,8 @@ interface UseWidgetStylesResult {
     persistAnonymousConversations: boolean | undefined;
     /** Custom welcome message (undefined uses SDK default) */
     welcomeMessage: string | undefined;
+    /** AI model configured for this product */
+    selectedModel: string | undefined;
     /** Refetch styles from API */
     refetch: () => Promise<void>;
 }

package/dist/index.d.ts

@@ -185,6 +185,8 @@ interface WidgetConfigResponse {
     persistAnonymousConversations?: boolean;
     /** Custom welcome message shown when chat opens. Null uses SDK default. */
     welcomeMessage?: string | null;
+    /** AI model to use for this product */
+    model?: string;
 }
 
 /** Identity data passed to the identify function */
@@ -228,8 +230,10 @@ interface CrowWidgetProps {
     onIdentify?: (identify: IdentifyFunction) => void;
     /** Client-side tools the agent can call */
     tools?: ToolsMap;
+    /** Callback fired when a server-side tool completes, with the tool name and full result data */
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
 }
-declare function CrowWidget({ productId, apiUrl, variant, styles: propStyles, previewMode, showThinking: showThinkingProp, agentName: agentNameProp, 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, onToolResult, }: CrowWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface CrowCopilotProps {
     /** Product ID for this copilot */
@@ -262,8 +266,10 @@ interface CrowCopilotProps {
     className?: string;
     /** Callback when copilot is ready */
     onReady?: () => void;
+    /** Callback fired when a server-side tool completes, with the tool name and full result data */
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
 }
-declare function CrowCopilot({ productId, apiUrl, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
+declare function CrowCopilot({ productId, apiUrl, variant, title, agentName: agentNameProp, welcomeMessage: welcomeMessageProp, position, width, defaultOpen, showClose, onClose, styles: propStyles, previewMode, className, onReady, onToolResult, }: CrowCopilotProps): react_jsx_runtime.JSX.Element;
 
 interface CrowProviderProps extends CrowClientConfig {
     children: React.ReactNode;
@@ -547,13 +553,16 @@ interface UseChatOptions {
     persistAnonymousConversations?: boolean;
     /** Custom welcome message (uses SDK default if not provided) */
     welcomeMessage?: string;
+    /** AI model to use for this chat (defaults to DEFAULT_MODEL) */
+    selectedModel?: string;
     onVerificationStatus?: (isVerified: boolean) => void;
     onConversationId?: (id: string) => void;
     onWorkflowEvent?: (event: WorkflowEvent) => void;
     onToolCall?: (toolCall: ToolCallEvent) => void;
+    onToolResult?: (toolName: string, result: Record<string, unknown>) => void;
     onRestoredConversation?: (conversationId: string) => void;
 }
-declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onRestoredConversation, }: UseChatOptions): {
+declare function useChat({ productId, apiUrl, persistAnonymousConversations, welcomeMessage, selectedModel: initialSelectedModel, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onToolResult, onRestoredConversation, }: UseChatOptions): {
     messages: Message[];
     isLoading: boolean;
     activeToolCalls: ToolCall[];
@@ -659,6 +668,8 @@ interface UseWidgetStylesResult {
     persistAnonymousConversations: boolean | undefined;
     /** Custom welcome message (undefined uses SDK default) */
     welcomeMessage: string | undefined;
+    /** AI model configured for this product */
+    selectedModel: string | undefined;
     /** Refetch styles from API */
     refetch: () => Promise<void>;
 }

package/dist/index.js

@@ -47,10 +47,12 @@ function useChat({
   apiUrl = "",
   persistAnonymousConversations,
   welcomeMessage,
+  selectedModel: initialSelectedModel,
   onVerificationStatus,
   onConversationId,
   onWorkflowEvent,
   onToolCall,
+  onToolResult,
   onRestoredConversation
 }) {
   const effectiveWelcomeMessage = welcomeMessage || DEFAULT_WELCOME_MESSAGE;
@@ -65,9 +67,14 @@ function useChat({
   const [isLoading, setIsLoading] = useState(false);
   const [activeToolCalls, setActiveToolCalls] = useState([]);
   const [conversationId, setConversationId] = useState(null);
-  const [selectedModel, setSelectedModel] = useState(DEFAULT_MODEL);
+  const [selectedModel, setSelectedModel] = useState(initialSelectedModel || DEFAULT_MODEL);
   const abortControllerRef = useRef(null);
   const hasCheckedPersistRef = useRef(false);
+  useEffect(() => {
+    if (initialSelectedModel) {
+      setSelectedModel((prev) => prev !== initialSelectedModel ? initialSelectedModel : prev);
+    }
+  }, [initialSelectedModel]);
   useEffect(() => {
     if (messages.length === 1 && messages[0].id === "welcome" && !conversationId) {
       setMessages([
@@ -258,6 +265,11 @@ function useChat({
                         );
                       }
                       break;
+                    case "tool_result":
+                      if (parsed.tool_name && parsed.result) {
+                        onToolResult?.(parsed.tool_name, parsed.result);
+                      }
+                      break;
                     case "client_tool_call":
                       pendingClientTools.push({
                         toolName: parsed.tool_name,
@@ -317,7 +329,7 @@ function useChat({
         abortControllerRef.current = null;
       }
     },
-    [apiUrl, productId, conversationId, selectedModel, persistAnonymousConversations, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall]
+    [apiUrl, productId, conversationId, selectedModel, persistAnonymousConversations, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onToolResult]
   );
   const sendMessage = useCallback(
     (content) => {
@@ -1102,6 +1114,9 @@ function useWidgetStyles({
   const [welcomeMessage, setWelcomeMessage] = useState(
     styleCache.get(key)?.welcomeMessage ?? void 0
   );
+  const [selectedModel, setSelectedModel] = useState(
+    styleCache.get(key)?.model ?? void 0
+  );
   const hasFetchedRef = useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1116,6 +1131,7 @@ function useWidgetStyles({
       setShowThinking(config.showThinking ?? true);
       setPersistAnonymousConversations(config.persistAnonymousConversations ?? true);
       setWelcomeMessage(config.welcomeMessage ?? void 0);
+      setSelectedModel(config.model ?? void 0);
     } catch (err) {
       console.error("[CrowWidget] Failed to fetch styles:", err);
       setError(err instanceof Error ? err : new Error(String(err)));
@@ -1133,6 +1149,7 @@ function useWidgetStyles({
       setShowThinking(cached.showThinking ?? true);
       setPersistAnonymousConversations(cached.persistAnonymousConversations ?? true);
       setWelcomeMessage(cached.welcomeMessage ?? void 0);
+      setSelectedModel(cached.model ?? void 0);
       setIsLoading(false);
       return;
     }
@@ -1149,6 +1166,7 @@ function useWidgetStyles({
     showThinking,
     persistAnonymousConversations,
     welcomeMessage,
+    selectedModel,
     refetch: fetchStyles
   };
 }
@@ -2735,7 +2753,8 @@ function CrowWidget({
   welcomeMessage: welcomeMessageProp,
   onReady,
   onIdentify,
-  tools
+  tools,
+  onToolResult
 }) {
   const {
     styles,
@@ -2744,7 +2763,8 @@ function CrowWidget({
     browserUseEnabled,
     showThinking: showThinkingFromAPI,
     persistAnonymousConversations,
-    welcomeMessage: welcomeMessageFromAPI
+    welcomeMessage: welcomeMessageFromAPI,
+    selectedModel: selectedModelFromAPI
   } = useWidgetStyles({
     productId,
     apiUrl,
@@ -2753,6 +2773,7 @@ function CrowWidget({
   });
   const agentName = agentNameProp ?? agentNameFromAPI;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
+  const selectedModel = selectedModelFromAPI ?? DEFAULT_MODEL;
   const showThinking = showThinkingProp ?? showThinkingFromAPI;
   const [autoTools, setAutoTools] = useState({});
   const cssVars = stylesToCssVars(styles);
@@ -2775,7 +2796,7 @@ function CrowWidget({
     productId,
     apiUrl,
     conversationId: null,
-    selectedModel: DEFAULT_MODEL
+    selectedModel
   });
   const conversations = useConversations({ productId, apiUrl });
   const [shouldRestoreHistory, setShouldRestoreHistory] = useState(false);
@@ -2785,6 +2806,7 @@ function CrowWidget({
     apiUrl,
     persistAnonymousConversations,
     welcomeMessage,
+    selectedModel,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },
@@ -2810,6 +2832,7 @@ function CrowWidget({
           break;
       }
     },
+    onToolResult,
     onToolCall: async (event) => {
       if (event.type === "client_call" && event.toolName && event.toolCallId) {
         try {
@@ -3249,7 +3272,8 @@ function CrowCopilot({
   styles: propStyles,
   previewMode = false,
   className,
-  onReady
+  onReady,
+  onToolResult
 }) {
   const {
     styles,
@@ -3290,6 +3314,7 @@ function CrowCopilot({
     },
     onConversationId: () => {
     },
+    onToolResult,
     onToolCall: (event) => {
       if (event.type === "client_call" && event.toolName) {
         console.log(