@chrryai/chrry 1.3.26 → 1.3.29

package/dist/index.d.mts

@@ -802,7 +802,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.26";
+declare const VERSION = "1.3.29";
 type instructionBase = {
     id: string;
     title: string;

package/dist/index.d.ts

@@ -802,7 +802,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.26";
+declare const VERSION = "1.3.29";
 type instructionBase = {
     id: string;
     title: string;

package/dist/index.js

@@ -3044,14 +3044,16 @@ function useLocalStorage(key, initialValue) {
   const setValue = (0, import_react9.useCallback)(
     (value) => {
       try {
-        const valueToStore = value instanceof Function ? value(storedValue) : value;
-        setStoredValue(valueToStore);
-        storage.setItem(key, valueToStore);
+        setStoredValue((prev) => {
+          const valueToStore = value instanceof Function ? value(prev) : value;
+          storage.setItem(key, valueToStore);
+          return valueToStore;
+        });
       } catch (error) {
         console.error(`Error saving ${key} to storage:`, error);
       }
     },
-    [key, storedValue]
+    [key]
   );
   return [storedValue, setValue];
 }
@@ -20604,10 +20606,10 @@ function AuthProvider({
   signOutContext,
   error,
   locale: locale4,
-  ...rest
+  ...props
 }) {
   const [wasGifted, setWasGifted] = (0, import_react12.useState)(false);
-  const [session2, setSession] = (0, import_react12.useState)(rest.session);
+  const [session2, setSession] = (0, import_react12.useState)(props.session);
   (0, import_react12.useEffect)(() => {
     if (error) {
       import_react_hot_toast.default.error(error);
@@ -20649,7 +20651,7 @@ function AuthProvider({
       console.log("\u{1F4DD} Creating deviceId (no session):", deviceId);
       setDeviceIdToStorage(deviceId);
     }
-  }, [session2?.deviceId, deviceId, deviceIdFromStorage, setDeviceIdToStorage]);
+  }, [session2?.deviceId, deviceId, deviceIdFromStorage]);
   (0, import_react12.useEffect)(() => {
     if (deviceIdFromStorage && deviceIdFromStorage !== deviceId && !session2?.deviceId) {
       console.log("\u{1F4DD} Updating deviceId from storage:", deviceIdFromStorage);
@@ -20663,7 +20665,7 @@ function AuthProvider({
     if (deviceId) {
       setDeviceIdCookie(deviceId);
     }
-  }, [deviceId, setDeviceIdCookie]);
+  }, [deviceId]);
   const [shouldFetchSession, setShouldFetchSession] = (0, import_react12.useState)(!session2);
   const [fingerprint, setFingerprint] = useLocalStorage(
     "fingerprint",
@@ -20677,7 +20679,7 @@ function AuthProvider({
       const fp = (0, import_uuid2.v4)();
       setFingerprint(fp);
     }
-  }, [fingerprint, setFingerprint, setToken]);
+  }, [fingerprint]);
   const [versions, setVersions] = (0, import_react12.useState)(
     session2?.versions || {
       webVersion: VERSION2,
@@ -20715,7 +20717,7 @@ function AuthProvider({
     browser: browser3,
     device: device2,
     os: os2,
-    props = {},
+    props: props2 = {},
     isPWA
   }) {
     const canAdd = isPWA !== void 0 && os2 !== void 0 && browser3 !== void 0;
@@ -20727,7 +20729,7 @@ function AuthProvider({
         name,
         url: `https://${domain}${u}`,
         domain,
-        props
+        props: props2
       })
     }).catch(() => {
     });
@@ -20744,7 +20746,7 @@ function AuthProvider({
     name,
     url,
     domain,
-    props = {},
+    props: props2 = {},
     device: device2,
     os: os2,
     browser: browser3,
@@ -20754,7 +20756,7 @@ function AuthProvider({
     trackPlausibleEvent({
       url,
       name,
-      props,
+      props: props2,
       domain,
       device: device2,
       os: os2,
@@ -20805,7 +20807,7 @@ function AuthProvider({
     name,
     url,
     domain = "askvex.com",
-    props = {}
+    props: props2 = {}
   }) => {
     if (!user && !guest) return;
     if (user?.role === "admin") return;
@@ -20818,7 +20820,7 @@ function AuthProvider({
       browser: browser2,
       isPWA: isStandalone2,
       props: {
-        ...props,
+        ...props2,
         isStandalone: isStandalone2,
         os,
         device,
@@ -21135,23 +21137,49 @@ function AuthProvider({
           ...item,
           image: item.image || item.images?.[0]?.url
         } : void 0;
+        if (newApp2?.id !== prevApp?.id) {
+          setTimeout(() => {
+            newApp2?.themeColor && setColorScheme(newApp2.themeColor);
+            newApp2?.backgroundColor && setAppTheme(newApp2.backgroundColor);
+          }, 0);
+        }
         return newApp2;
       });
-      if (item?.id !== app?.id) {
-        setTimeout(() => {
-          item?.themeColor && setColorScheme(item?.themeColor);
-          item?.backgroundColor && setAppTheme(item.backgroundColor);
-        }, 0);
-      }
     },
-    [setColorScheme, setAppTheme, app?.id]
+    [setColorScheme, setAppTheme]
   );
+  const [thread2, setThread] = (0, import_react12.useState)(props.thread?.thread);
   (0, import_react12.useEffect)(() => {
     if (!baseApp || !allApps) return;
-    const matchedApp = findAppByPathname(pathname, allApps) || baseApp;
-    if (matchedApp) {
+    let matchedApp;
+    if (thread2?.appId) {
+      const threadApp = allApps.find((app2) => app2.id === thread2.appId);
+      if (threadApp) {
+        matchedApp = threadApp;
+        console.log("\u{1F9F5} Using thread app:", threadApp.slug);
+      }
+    }
+    if (!matchedApp) {
+      matchedApp = findAppByPathname(pathname, allApps) || baseApp;
+      console.log("\u{1F6E3}\uFE0F Using pathname app:", matchedApp?.slug);
+    }
+    console.log("\u{1F50D} App detection:", {
+      pathname,
+      threadId: thread2?.id,
+      threadAppId: thread2?.appId,
+      matchedAppSlug: matchedApp?.slug,
+      matchedAppId: matchedApp?.id,
+      currentAppSlug: app?.slug,
+      currentAppId: app?.id,
+      baseAppSlug: baseApp?.slug,
+      willSwitch: matchedApp.id !== app?.id
+    });
+    if (matchedApp && matchedApp.id !== app?.id) {
+      console.log("\u{1F504} Switching app:", app?.slug, "\u2192", matchedApp.slug);
       setApp(matchedApp);
       setStore(matchedApp.store);
+    }
+    if (matchedApp) {
       let currentStoreApps = [];
       if (matchedApp?.store?.apps && matchedApp.store.apps.length > 0) {
         currentStoreApps = matchedApp.store.apps;
@@ -21179,7 +21207,7 @@ function AuthProvider({
       setApps(finalApps);
       setSlug(getAppSlug(matchedApp) || "");
     }
-  }, [allApps, pathname, baseApp, setApp]);
+  }, [allApps, pathname, baseApp, app?.id, thread2?.appId]);
   const [profile, setProfileInternal] = (0, import_react12.useState)(void 0);
   const setProfile = (profile2) => {
     setProfileInternal(profile2);
@@ -21394,6 +21422,8 @@ function AuthProvider({
         isLoading,
         setIsLoading,
         signOut,
+        thread: thread2,
+        setThread,
         isExtensionRedirect,
         signInContext,
         signOutContext,
@@ -21525,7 +21555,7 @@ function DataProvider({
   const [instructions, setInstructions] = (0, import_react14.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react14.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react14.useState)(false);
-  const VERSION3 = "1.3.26";
+  const VERSION3 = "1.3.29";
   const [weather, setWeather] = useLocalStorage("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -21982,9 +22012,9 @@ function ThemeProvider({
     "colorScheme",
     session2?.app?.themeColor || "orange"
   );
-  const setColorScheme = (colorScheme2) => {
-    if (colorScheme2 && Object.keys(COLORS).includes(colorScheme2)) {
-      setColorSchemeInternal(colorScheme2);
+  const setColorScheme = (scheme) => {
+    if (scheme && Object.keys(COLORS).includes(scheme)) {
+      scheme !== colorScheme && setColorSchemeInternal(scheme);
     }
   };
   const getInitialTheme = () => {
@@ -22622,7 +22652,7 @@ var init_utils = __esm({
       window.history.replaceState({}, "", newUrl);
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.3.26";
+    VERSION = "1.3.29";
     getSlugFromPathname = (path) => {
       const siteConfig = getSiteConfig();
       return getAppAndStoreSlugs(path, {
@@ -23478,9 +23508,6 @@ function AppProvider({
     ]
   );
   const [instructions, setInstructions] = (0, import_react21.useState)(i);
-  (0, import_react21.useEffect)(() => {
-    setInstructions(i);
-  }, [i]);
   const siteConfig = getSiteConfig();
   const suggestSaveApp = !!(appFormWatcher.systemPrompt && appFormWatcher.canSubmit);
   const canEditApp = isAppOwner && !!appFormWatcher?.id && (step === "update" || step === "restore");
@@ -24010,9 +24037,15 @@ var init_useWebSocket = __esm({
         if (!wsManager) return;
         const checkConnection = setInterval(() => {
           const currentState = wsManager.getConnectionState();
+          const isCurrentlyConnected = wsManager.isConnected();
           if (currentState !== connectionStateRef.current) {
             connectionStateRef.current = currentState;
-            setConnected(wsManager.isConnected());
+            setConnected((prev) => {
+              if (prev !== isCurrentlyConnected) {
+                return isCurrentlyConnected;
+              }
+              return prev;
+            });
           }
         }, 3e3);
         return () => clearInterval(checkConnection);
@@ -24089,12 +24122,13 @@ function ChatProvider({
     user,
     guest,
     session: session2,
+    thread: thread2,
+    setThread,
     ...auth
   } = useAuth();
   const [isChatFloating, setIsChatFloating] = (0, import_react24.useState)(false);
   const [input, setInput] = (0, import_react24.useState)("");
   const [isEmpty, setIsEmpty] = (0, import_react24.useState)(true);
-  const [thread2, setThread] = (0, import_react24.useState)(props.thread?.thread);
   const [messages, setMessages] = (0, import_react24.useState)(props.thread?.messages.messages || []);
   (0, import_react24.useEffect)(() => {
     if (messages.length > 0) {
@@ -24462,14 +24496,6 @@ function ChatProvider({
       }
     }
   }, [appStatus?.part, guest, user]);
-  (0, import_react24.useEffect)(() => {
-    if (thread2) {
-      const threadApp = allApps.find((app2) => app2.id === thread2.appId);
-      if (threadApp && app?.id !== threadApp?.id) {
-        setApp(threadApp);
-      }
-    }
-  }, [thread2, allApps, app]);
   (0, import_react24.useEffect)(() => {
     if (threadId) {
       thread2?.placeHolder ? setPlaceHolder(thread2?.placeHolder) : setPlaceHolder(void 0);
@@ -24631,9 +24657,7 @@ function ChatProvider({
   }, [
     hitHourlyLimit,
     user?.lastMessage?.createdOn,
-    guest?.lastMessage?.createdOn,
-    user,
-    guest
+    guest?.lastMessage?.createdOn
   ]);
   (0, import_react24.useEffect)(() => {
     debateAgent && !user && guest && setDebateAgent(null);
@@ -24717,7 +24741,7 @@ function ChatProvider({
         isLoading,
         refetchThread: async () => {
           setShouldFetchThread(true);
-          mutate();
+          shouldFetchThread && await mutate();
         },
         setIsWebSearchEnabled,
         input,
@@ -24785,7 +24809,7 @@ function ChatProvider({
         setIsVisitor,
         refetchThreads: async () => {
           setShouldFetchThreads(true);
-          await refetchThreads();
+          shouldFetchThreads && await refetchThreads();
         },
         userNameByUrl
       }
@@ -26758,6 +26782,7 @@ function AppProviders({
     /* @__PURE__ */ import_react30.default.createElement(ErrorProvider, null, /* @__PURE__ */ import_react30.default.createElement(ThemeProvider, { session: session2 }, /* @__PURE__ */ import_react30.default.createElement(
       AuthProvider,
       {
+        thread: thread2,
         locale: locale4,
         error,
         apiKey,
@@ -27136,12 +27161,6 @@ function Img({
       setIsLoading(false);
     }
   };
-  (0, import_react33.useEffect)(() => {
-    if (src) {
-      setImageSrc(null);
-      setError(null);
-    }
-  }, [src]);
   (0, import_react33.useEffect)(() => {
     if (inView2 && !imageSrc && !error) {
       loadImage(src);
@@ -33179,18 +33198,6 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
     }
   };
   const setInput = (value) => {
-    if (!app || empty) {
-      !app && !appStatus?.part && !thread2?.appId && getPossibleApp(value).then((detectedApp) => {
-        console.log(`\u{1F680} Detected app:`, detectedApp);
-        if (detectedApp) {
-          console.log(
-            `\u2728 Auto-switching to ${detectedApp.name} (first message)`
-          );
-          setApp(detectedApp);
-          !threadId && windowHistory.router.push(`/${detectedApp.name.toLowerCase()}`);
-        }
-      });
-    }
     inputRef.current = value;
     setInputInternal(value);
   };
@@ -39651,7 +39658,7 @@ function Store({
     if (selectedApp && app?.id !== selectedApp.id) {
       setApp(selectedApp);
     }
-  }, [selectedApp, app?.id, setApp]);
+  }, [selectedApp, app?.id]);
   const setSelectedApp = (app2) => {
     if (!app2?.store?.slug) return;
     if (!app2?.slug) return;
@@ -42300,12 +42307,15 @@ var init_Thread = __esm({
       (0, import_react78.useEffect)(() => {
         const lastMessage = messages[messages.length - 1];
         if (lastMessage?.message.agentId && !autoSelectedAgent && !debateAgent) {
-          setSelectedAgent(
-            aiAgents?.find((agent) => agent.id === lastMessage?.message.agentId)
+          const agent = aiAgents?.find(
+            (agent2) => agent2.id === lastMessage?.message.agentId
           );
-          setAutoSelectedAgent(true);
+          if (agent) {
+            setSelectedAgent(agent);
+            setAutoSelectedAgent(true);
+          }
         }
-      }, [messages, autoSelectedAgent, aiAgents, debateAgent]);
+      }, [messages, autoSelectedAgent, debateAgent]);
       const hasHydrated = useHasHydrated();
       const nameIsRequired = `\u{1F44B} ${t6("Name your app......")}`;
       const titleIsRequired = `\u270D\uFE0F ${t6("Give it a title...")}`;