@usecrow/ui 0.1.24 → 0.1.25

package/dist/index.cjs

@@ -73,6 +73,7 @@ function useChat({
   apiUrl = "",
   persistAnonymousConversations,
   welcomeMessage,
+  selectedModel: initialSelectedModel,
   onVerificationStatus,
   onConversationId,
   onWorkflowEvent,
@@ -91,9 +92,14 @@ function useChat({
   const [isLoading, setIsLoading] = React3.useState(false);
   const [activeToolCalls, setActiveToolCalls] = React3.useState([]);
   const [conversationId, setConversationId] = React3.useState(null);
-  const [selectedModel, setSelectedModel] = React3.useState(DEFAULT_MODEL);
+  const [selectedModel, setSelectedModel] = React3.useState(initialSelectedModel || DEFAULT_MODEL);
   const abortControllerRef = React3.useRef(null);
   const hasCheckedPersistRef = React3.useRef(false);
+  React3.useEffect(() => {
+    if (initialSelectedModel) {
+      setSelectedModel((prev) => prev !== initialSelectedModel ? initialSelectedModel : prev);
+    }
+  }, [initialSelectedModel]);
   React3.useEffect(() => {
     if (messages.length === 1 && messages[0].id === "welcome" && !conversationId) {
       setMessages([
@@ -1128,6 +1134,9 @@ function useWidgetStyles({
   const [welcomeMessage, setWelcomeMessage] = React3.useState(
     styleCache.get(key)?.welcomeMessage ?? void 0
   );
+  const [selectedModel, setSelectedModel] = React3.useState(
+    styleCache.get(key)?.model ?? void 0
+  );
   const hasFetchedRef = React3.useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1142,6 +1151,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)));
@@ -1159,6 +1169,7 @@ function useWidgetStyles({
       setShowThinking(cached.showThinking ?? true);
       setPersistAnonymousConversations(cached.persistAnonymousConversations ?? true);
       setWelcomeMessage(cached.welcomeMessage ?? void 0);
+      setSelectedModel(cached.model ?? void 0);
       setIsLoading(false);
       return;
     }
@@ -1175,6 +1186,7 @@ function useWidgetStyles({
     showThinking,
     persistAnonymousConversations,
     welcomeMessage,
+    selectedModel,
     refetch: fetchStyles
   };
 }
@@ -2770,7 +2782,8 @@ function CrowWidget({
     browserUseEnabled,
     showThinking: showThinkingFromAPI,
     persistAnonymousConversations,
-    welcomeMessage: welcomeMessageFromAPI
+    welcomeMessage: welcomeMessageFromAPI,
+    selectedModel: selectedModelFromAPI
   } = useWidgetStyles({
     productId,
     apiUrl,
@@ -2779,6 +2792,7 @@ function CrowWidget({
   });
   const agentName = agentNameProp ?? agentNameFromAPI;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
+  const selectedModel = selectedModelFromAPI ?? DEFAULT_MODEL;
   const showThinking = showThinkingProp ?? showThinkingFromAPI;
   const [autoTools, setAutoTools] = React3.useState({});
   const cssVars = stylesToCssVars(styles);
@@ -2801,7 +2815,7 @@ function CrowWidget({
     productId,
     apiUrl,
     conversationId: null,
-    selectedModel: DEFAULT_MODEL
+    selectedModel
   });
   const conversations = useConversations({ productId, apiUrl });
   const [shouldRestoreHistory, setShouldRestoreHistory] = React3.useState(false);
@@ -2811,6 +2825,7 @@ function CrowWidget({
     apiUrl,
     persistAnonymousConversations,
     welcomeMessage,
+    selectedModel,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },