@usecrow/ui 0.1.33 → 0.1.35

package/dist/index.cjs

@@ -1190,6 +1190,10 @@ function useWidgetStyles({
   const [browserUseEnabled, setBrowserUseEnabled] = React3.useState(
     styleCache.get(key)?.browserUseEnabled || false
   );
+  const [pageNavigationEnabled, setPageNavigationEnabled] = React3.useState(
+    styleCache.get(key)?.pageNavigationEnabled || false
+  );
+  const [pageNavigationRoutes, setPageNavigationRoutes] = React3.useState(styleCache.get(key)?.pageNavigationRoutes || []);
   const [showThinking, setShowThinking] = React3.useState(
     styleCache.get(key)?.showThinking ?? true
   );
@@ -1213,6 +1217,8 @@ function useWidgetStyles({
       setDbStyles(config.widgetStyles);
       setAgentName(config.agentName || "Assistant");
       setBrowserUseEnabled(config.browserUseEnabled || false);
+      setPageNavigationEnabled(config.pageNavigationEnabled || false);
+      setPageNavigationRoutes(config.pageNavigationRoutes || []);
       setShowThinking(config.showThinking ?? true);
       setPersistAnonymousConversations(config.persistAnonymousConversations ?? true);
       setWelcomeMessage(config.welcomeMessage ?? void 0);
@@ -1248,6 +1254,8 @@ function useWidgetStyles({
     error,
     agentName,
     browserUseEnabled,
+    pageNavigationEnabled,
+    pageNavigationRoutes,
     showThinking,
     persistAnonymousConversations,
     welcomeMessage,
@@ -1271,6 +1279,10 @@ function useCopilotStyles({
   const [agentName, setAgentName] = React3.useState(
     styleCache.get(key)?.agentName || "Assistant"
   );
+  const [pageNavigationEnabled, setPageNavigationEnabled] = React3.useState(
+    styleCache.get(key)?.pageNavigationEnabled || false
+  );
+  const [pageNavigationRoutes, setPageNavigationRoutes] = React3.useState(styleCache.get(key)?.pageNavigationRoutes || []);
   const [persistAnonymousConversations, setPersistAnonymousConversations] = React3.useState(
     styleCache.has(key) ? styleCache.get(key)?.persistAnonymousConversations ?? true : void 0
   );
@@ -1290,6 +1302,8 @@ function useCopilotStyles({
       styleCache.set(key, config);
       setDbStyles(config.copilotStyles);
       setAgentName(config.agentName || "Assistant");
+      setPageNavigationEnabled(config.pageNavigationEnabled || false);
+      setPageNavigationRoutes(config.pageNavigationRoutes || []);
       setPersistAnonymousConversations(config.persistAnonymousConversations ?? true);
       setWelcomeMessage(config.welcomeMessage ?? void 0);
       setSelectedModel(config.model ?? void 0);
@@ -1306,6 +1320,8 @@ function useCopilotStyles({
     if (cached) {
       setDbStyles(cached.copilotStyles);
       setAgentName(cached.agentName || "Assistant");
+      setPageNavigationEnabled(cached.pageNavigationEnabled || false);
+      setPageNavigationRoutes(cached.pageNavigationRoutes || []);
       setPersistAnonymousConversations(cached.persistAnonymousConversations ?? true);
       setWelcomeMessage(cached.welcomeMessage ?? void 0);
       setSelectedModel(cached.model ?? void 0);
@@ -1321,6 +1337,8 @@ function useCopilotStyles({
     isLoading,
     error,
     agentName,
+    pageNavigationEnabled,
+    pageNavigationRoutes,
     persistAnonymousConversations,
     welcomeMessage,
     selectedModel,
@@ -2868,6 +2886,7 @@ function CrowWidget({
   onReady,
   onIdentify,
   tools,
+  navigate,
   onToolResult
 }) {
   const {
@@ -2875,6 +2894,8 @@ function CrowWidget({
     isLoading: isLoadingStyles,
     agentName: agentNameFromAPI,
     browserUseEnabled,
+    pageNavigationEnabled,
+    pageNavigationRoutes,
     showThinking: showThinkingFromAPI,
     persistAnonymousConversations,
     welcomeMessage: welcomeMessageFromAPI,
@@ -3080,17 +3101,33 @@ function CrowWidget({
     };
   }, [handleBrowserConfirmation, handleBrowserQuestion, handleBrowserProgress]);
   React3.useEffect(() => {
-    if (browserUseEnabled && !isLoadingStyles && Object.keys(autoTools).length === 0) {
+    if (browserUseEnabled && !isLoadingStyles && !autoTools.browser_use) {
       import('@usecrow/client/browser').then(({ createBrowserUseTool }) => {
-        setAutoTools({
+        setAutoTools((prev) => ({
+          ...prev,
           browser_use: createBrowserUseTool({ productId, apiUrl })
-        });
+        }));
         console.log("[Crow] browser_use tool auto-loaded");
       }).catch((err) => {
         console.warn("[Crow] Failed to load browser_use:", err);
       });
     }
   }, [browserUseEnabled, isLoadingStyles, productId, apiUrl, autoTools]);
+  React3.useEffect(() => {
+    if (pageNavigationEnabled && pageNavigationRoutes.length > 0 && !isLoadingStyles) {
+      import('@usecrow/client').then(({ createNavigateToPageTool }) => {
+        setAutoTools((prev) => ({
+          ...prev,
+          navigateToPage: createNavigateToPageTool(pageNavigationRoutes, navigate)
+        }));
+        console.log(
+          `[Crow] navigateToPage tool auto-loaded with ${pageNavigationRoutes.length} routes`
+        );
+      }).catch((err) => {
+        console.warn("[Crow] Failed to load navigateToPage:", err);
+      });
+    }
+  }, [pageNavigationEnabled, pageNavigationRoutes, isLoadingStyles, navigate]);
   const mergedTools = React3.useMemo(() => ({ ...autoTools, ...tools }), [autoTools, tools]);
   React3.useEffect(() => {
     if (Object.keys(mergedTools).length > 0) {
@@ -3387,12 +3424,15 @@ function CrowCopilot({
   previewMode = false,
   className,
   onReady,
+  navigate,
   onToolResult
 }) {
   const {
     styles,
     isLoading: isLoadingStyles,
     agentName: agentNameFromAPI,
+    pageNavigationEnabled,
+    pageNavigationRoutes,
     persistAnonymousConversations,
     welcomeMessage: welcomeMessageFromAPI,
     selectedModel
@@ -3404,6 +3444,27 @@ function CrowCopilot({
   });
   const agentName = agentNameProp ?? agentNameFromAPI ?? title;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
+  const [autoTools, setAutoTools] = React3.useState({});
+  React3.useEffect(() => {
+    if (pageNavigationEnabled && pageNavigationRoutes.length > 0 && !isLoadingStyles) {
+      import('@usecrow/client').then(({ createNavigateToPageTool }) => {
+        setAutoTools((prev) => ({
+          ...prev,
+          navigateToPage: createNavigateToPageTool(pageNavigationRoutes, navigate)
+        }));
+        console.log(
+          `[Crow] navigateToPage tool auto-loaded with ${pageNavigationRoutes.length} routes`
+        );
+      }).catch((err) => {
+        console.warn("[Crow] Failed to load navigateToPage:", err);
+      });
+    }
+  }, [pageNavigationEnabled, pageNavigationRoutes, isLoadingStyles, navigate]);
+  React3.useEffect(() => {
+    if (Object.keys(autoTools).length > 0) {
+      window.crow?.("registerTools", autoTools);
+    }
+  }, [autoTools]);
   const messagesContainerRef = React3.useRef(null);
   const tabsScrollRef = React3.useRef(null);
   const executeClientToolRef = React3.useRef(null);