@chrryai/chrry 1.5.3 → 1.5.5

package/Thread.module.scss

@@ -64,6 +64,7 @@
 
   flex-direction: column;
   gap: toRem.toRem(10);
+  margin-bottom: toRem.toRem(5);
 }
 
 .header {

package/dist/index.js

@@ -1902,7 +1902,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.5.3";
+    VERSION = config.version || "1.5.5";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -5860,72 +5860,6 @@ var init_ThemeContext = __esm({
   }
 });
 
-// lib/db.ts
-var import_idb, dbInstance, getDB, cacheData, getCachedData, clearCache;
-var init_db = __esm({
-  "lib/db.ts"() {
-    "use strict";
-    import_idb = require("idb");
-    dbInstance = null;
-    getDB = async () => {
-      if (typeof indexedDB === "undefined") {
-        return null;
-      }
-      if (dbInstance) return dbInstance;
-      dbInstance = await (0, import_idb.openDB)("vex-cache", 1, {
-        upgrade(db) {
-          if (!db.objectStoreNames.contains("cache")) {
-            db.createObjectStore("cache");
-          }
-        }
-      });
-      return dbInstance;
-    };
-    cacheData = async (key, data, ttl) => {
-      try {
-        const db = await getDB();
-        if (!db) return;
-        await db.put(
-          "cache",
-          {
-            data,
-            timestamp: Date.now(),
-            ttl
-          },
-          key
-        );
-      } catch (error) {
-        console.error("Failed to cache data:", error);
-      }
-    };
-    getCachedData = async (key) => {
-      try {
-        const db = await getDB();
-        if (!db) return null;
-        const cached = await db.get("cache", key);
-        if (!cached) return null;
-        if (cached.ttl && Date.now() - cached.timestamp > cached.ttl) {
-          await db.delete("cache", key);
-          return null;
-        }
-        return cached.data;
-      } catch (error) {
-        console.error("Failed to get cached data:", error);
-        return null;
-      }
-    };
-    clearCache = async () => {
-      try {
-        const db = await getDB();
-        if (!db) return;
-        await db.clear("cache");
-      } catch (error) {
-        console.error("Failed to clear cache:", error);
-      }
-    };
-  }
-});
-
 // locales/en.json
 var en_default;
 var init_en = __esm({
@@ -22981,13 +22915,7 @@ function AuthProvider({
   ...props
 }) {
   const [wasGifted, setWasGifted] = (0, import_react19.useState)(false);
-  const [session2, setSessionInternal] = (0, import_react19.useState)(
-    props.session
-  );
-  const setSession = (session3, cache = false) => {
-    setSessionInternal(session3);
-    if (cache) cacheData(sessionCacheKey, session3, 1e3 * 60 * 60);
-  };
+  const [session2, setSession] = (0, import_react19.useState)(props.session);
   const { searchParams, removeParams, pathname, addParams, ...router } = useNavigation();
   (0, import_react19.useEffect)(() => {
     if (error) {
@@ -23061,7 +22989,7 @@ function AuthProvider({
   };
   function processSession(sessionData2) {
     if (sessionData2) {
-      setSession(sessionData2, true);
+      setSession(sessionData2);
       if (sessionData2.migratedFromGuest) {
         migratedFromGuestRef.current = sessionData2.migratedFromGuest;
       }
@@ -23181,12 +23109,7 @@ function AuthProvider({
         }
         return sessionResult;
       } catch (error2) {
-        const cached = await getCachedData(sessionCacheKey);
-        if (cached) {
-          console.log("\u{1F4E6} Using cached session (offline mode)");
-          return cached;
-        }
-        throw error2;
+        import_react_hot_toast.default.error("Something went wrong");
       }
     },
     {
@@ -23456,17 +23379,6 @@ function AuthProvider({
   const vex = allApps?.find((app2) => app2.slug === "vex");
   const sushi = allApps?.find((app2) => app2.slug === "sushi");
   const focus = allApps?.find((app2) => app2.slug === "focus");
-  (0, import_react19.useEffect)(() => {
-    const loadCachedApps = async () => {
-      if (!token || !loadingApp?.id && !app?.id) return;
-      const key = `allApps-${loadingApp?.id || app?.id}-${user?.id || guest?.id}`;
-      const cached = await getCachedData(key);
-      if (cached && cached.length > 0) {
-        mergeApps(cached);
-      }
-    };
-    loadCachedApps();
-  }, [token, loadingApp?.id, app?.id, user?.id, guest?.id, mergeApps]);
   const {
     data: allAppsSwr,
     mutate: refetchApps,
@@ -23475,18 +23387,12 @@ function AuthProvider({
     token && (loadingApp?.id || app?.id) ? ["allApps", token] : null,
     async () => {
       if (!token) return null;
-      const key = `allApps-${loadingApp?.id || app?.id}-${user?.id || guest?.id}`;
       try {
         const apps2 = await getApps({ token, appId: loadingApp?.id || app?.id });
-        await cacheData(key, apps2);
         return apps2;
       } catch (error2) {
-        const cached = await getCachedData(key);
-        if (cached) {
-          console.log("\u{1F4E6} Using cached apps (offline mode)");
-          return cached;
-        }
-        throw error2;
+        console.log(`\u{1F680} ~ file: AuthProvider.tsx:1002 ~ error:`, error2);
+        import_react_hot_toast.default.error("Something went wrong");
       }
     }
   );
@@ -23844,7 +23750,6 @@ function AuthProvider({
   const bloom = allApps.find((app2) => app2.slug === "bloom");
   const zarathustra = allApps.find((app2) => app2.slug === "zarathustra");
   const signOut = async () => {
-    await clearCache();
     setShouldFetchSession(false);
     setUser(void 0);
     setGuest(void 0);
@@ -24022,7 +23927,6 @@ var init_AuthProvider = __esm({
     init_ThemeContext();
     import_react_hot_toast = __toESM(require("react-hot-toast"));
     init_lib();
-    init_db();
     init_i18n();
     init_hooks();
     init_locales();
@@ -24091,7 +23995,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react21.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react21.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react21.useState)(false);
-  const VERSION4 = "1.5.3";
+  const VERSION4 = "1.5.5";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -26125,17 +26029,6 @@ function ChatProvider({
   const [collaborationStatus, setCollaborationStatusInternal] = (0, import_react31.useState)(
     searchParams.get("collaborationStatus") ?? void 0
   );
-  (0, import_react31.useEffect)(() => {
-    const loadCachedThreads = async () => {
-      if (!app?.id || !(user?.id || guest?.id)) return;
-      const key = `threads-${app.id}-${user?.id || guest?.id}`;
-      const cached = await getCachedData(key);
-      if (cached) {
-        console.log("\u26A1 Loading cached threads instantly");
-      }
-    };
-    loadCachedThreads();
-  }, [app?.id, user?.id, guest?.id]);
   (0, import_react31.useEffect)(() => {
     if (user && migratedFromGuestRef.current) {
       migratedFromGuestRef.current = false;
@@ -26168,15 +26061,10 @@ function ChatProvider({
             (c) => user && c.user.id === user?.id
           ) || guest ? thread2?.id : void 0
         });
-        await cacheData(key, threads2, 1e3 * 60 * 30);
         return threads2;
       } catch (error2) {
-        const cached = await getCachedData(key);
-        if (cached) {
-          console.log("\u{1F4E6} Using cached threads (offline mode)");
-          return cached;
-        }
-        throw error2;
+        console.log(`\u{1F680} ~ file: ChatProvider.tsx:291 ~ error:`, error2);
+        toast_default.error("Something went wrong");
       }
     },
     {
@@ -26852,7 +26740,6 @@ var init_ChatProvider = __esm({
     init_DataProvider();
     init_utils();
     init_url();
-    init_db();
     init_platform();
     init_AppProvider();
     init_getHourlyLimit();
@@ -29667,7 +29554,8 @@ var init_Thread_styles = __esm({
       headers: {
         display: "flex",
         flexDirection: "column",
-        gap: 10
+        gap: 10,
+        marginBottom: 5
       },
       header: {
         display: "flex",
@@ -34918,10 +34806,7 @@ ${t5(`The more specific you are, the better AI can assist you!`)}`)
         gap: isMobileDevice ? toRem(5) : toRem(7.5)
       }
     },
-    instructions.slice(
-      0,
-      isMemoryConsentManageVisible ? 3 : visibleInstructionCount
-    ).map((instruction, index) => {
+    instructions.slice(0, visibleInstructionCount).map((instruction, index) => {
       return /* @__PURE__ */ import_react54.default.createElement(
         MotiView,
         {
@@ -39309,6 +39194,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           {
             className: "link",
             "data-testid": "image-generation-button",
+            "data-enabled": isImageGenerationEnabled,
             style: {
               ...utilities.link.style,
               ...styles4.imageGenerationButton.style
@@ -39316,11 +39202,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
             title: isImageGenerationEnabled ? t5("Image Generation Enabled") : t5("Enable Image Generation"),
             onClick: () => {
               setIsImageGenerationEnabled(!isImageGenerationEnabled);
-              if (selectedAgent?.name === "flux") {
-                setSelectedAgent(void 0);
-              } else {
-                setSelectedAgent(sushiAgent);
-              }
+              setSelectedAgent(sushiAgent);
             }
           },
           /* @__PURE__ */ React.createElement(
@@ -42299,6 +42181,39 @@ var init_Account = __esm({
   }
 });
 
+// lib/db.ts
+var import_idb, dbInstance, getDB, clearCache;
+var init_db = __esm({
+  "lib/db.ts"() {
+    "use strict";
+    import_idb = require("idb");
+    dbInstance = null;
+    getDB = async () => {
+      if (typeof indexedDB === "undefined") {
+        return null;
+      }
+      if (dbInstance) return dbInstance;
+      dbInstance = await (0, import_idb.openDB)("vex-cache", 1, {
+        upgrade(db) {
+          if (!db.objectStoreNames.contains("cache")) {
+            db.createObjectStore("cache");
+          }
+        }
+      });
+      return dbInstance;
+    };
+    clearCache = async () => {
+      try {
+        const db = await getDB();
+        if (!db) return;
+        await db.clear("cache");
+      } catch (error) {
+        console.error("Failed to clear cache:", error);
+      }
+    };
+  }
+});
+
 // SignIn.web.tsx
 function SignIn({
   className,
@@ -47734,16 +47649,17 @@ function MemoryConsent({
       /* @__PURE__ */ React.createElement(icons_exports.LinkIcon, { size: 16 }),
       " ",
       t5("Privacy")
-    ), (user || guest)?.memoriesCount ? /* @__PURE__ */ React.createElement(
+    ), !(user || guest)?.memoriesCount ? /* @__PURE__ */ React.createElement(
       ConfirmButton_default,
       {
-        confirm: /* @__PURE__ */ React.createElement(React.Fragment, null, isDeleting ? /* @__PURE__ */ React.createElement(Loading, { width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Trash2, { size: 16, color: "var(--accent-0)" }), t5("Are you sure?")),
+        processing: isDeleting,
         disabled: isDeleting,
-        title: t5("Disable"),
+        title: t5("Delete"),
         className: "transparent",
         style: {
           ...utilities.transparent.style,
-          ...styles4.deleteButton.style
+          ...styles4.deleteButton.style,
+          fontSize: 15
         },
         onConfirm: async () => {
           if (!token) return;
@@ -47765,12 +47681,11 @@ function MemoryConsent({
           }
         }
       },
-      /* @__PURE__ */ React.createElement(icons_exports.Trash2, { size: 18, color: "var(--accent-0)" }),
-      t5("Delete")
+      /* @__PURE__ */ React.createElement(icons_exports.Trash2, { size: 15, color: "var(--accent-0)" })
     ) : null) : /* @__PURE__ */ React.createElement(
       ConfirmButton_default,
       {
-        confirm: /* @__PURE__ */ React.createElement(React.Fragment, null, isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Trash2, { size: 16, color: "var(--accent-0)" }), t5("Are you sure?")),
+        confirm: /* @__PURE__ */ React.createElement(React.Fragment, null, isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Brain, { color: "#ef5350", size: 18 }), t5("Are you sure?")),
         disabled: isUpdatingMemories,
         title: t5("\u{1F4AD} We use conversation memory to improve responses."),
         className: "transparent",
@@ -47802,7 +47717,7 @@ function MemoryConsent({
           }
         }
       },
-      isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Brain, { color: "#ef5350", size: 18 }),
+      isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Brain, { color: "var(--shade-5)", size: 18 }),
       t5("Disable Memories")
     ) : /* @__PURE__ */ React.createElement(
       Button,
@@ -47835,7 +47750,7 @@ function MemoryConsent({
           }
         }
       },
-      isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { color: "white", width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.BrainCog, { size: 18 }),
+      isUpdatingMemories ? /* @__PURE__ */ React.createElement(Loading, { color: "white", width: 18, height: 18 }) : /* @__PURE__ */ React.createElement(icons_exports.Brain, { size: 16 }),
       t5("Enable Memories")
     )))
   );
@@ -81384,6 +81299,66 @@ var init_Hey = __esm({
   }
 });
 
+// lib/swrCacheProvider.ts
+function createMemoryCacheProvider() {
+  const cache = /* @__PURE__ */ new Map();
+  return () => cache;
+}
+async function createIDBCacheProvider() {
+  try {
+    const { default: createCacheProvider, timestampStorageHandler } = await import("@piotr-cz/swr-idb-cache");
+    const gcStorageHandler = {
+      ...timestampStorageHandler,
+      revive: (key, storeObject) => {
+        if (storeObject.ts > Date.now() - CACHE_TTL) {
+          return timestampStorageHandler.revive(key, storeObject);
+        }
+        return void 0;
+      }
+    };
+    const provider = await createCacheProvider({
+      dbName: "vex-swr-cache",
+      storeName: "cache",
+      storageHandler: gcStorageHandler
+    });
+    console.log("\u2705 IndexedDB SWR cache initialized");
+    return provider;
+  } catch (error) {
+    console.error("Failed to create IDB cache provider:", error);
+    return (() => /* @__PURE__ */ new Map());
+  }
+}
+async function getCacheProvider() {
+  if (typeof indexedDB !== "undefined") {
+    return await createIDBCacheProvider();
+  }
+  console.warn("[SWR Cache] IndexedDB not available, using in-memory cache");
+  return createMemoryCacheProvider();
+}
+function useSWRCacheProvider() {
+  const [provider, setProvider] = (0, import_react117.useState)(null);
+  (0, import_react117.useEffect)(() => {
+    let mounted = true;
+    getCacheProvider().then((p) => {
+      if (mounted) {
+        setProvider(() => p);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  return provider;
+}
+var import_react117, CACHE_TTL;
+var init_swrCacheProvider = __esm({
+  "lib/swrCacheProvider.ts"() {
+    "use strict";
+    import_react117 = require("react");
+    CACHE_TTL = 60 * 60 * 1e3;
+  }
+});
+
 // context/providers/index.tsx
 function AppProviders({
   children,
@@ -81399,8 +81374,14 @@ function AppProviders({
   translations,
   useExtensionIcon
 }) {
-  const [error, setError] = (0, import_react117.useState)("");
+  const [error, setError] = (0, import_react118.useState)("");
+  const cacheProvider = useSWRCacheProvider();
   const swrConfig = {
+    // Use persistent cache provider when ready (IndexedDB on web, MMKV on native)
+    // If not ready yet, SWR uses its default in-memory cache
+    ...cacheProvider ? { provider: cacheProvider } : {},
+    // Pre-populate cache with SSR session data
+    fallback: session2 ? { session: { data: session2 } } : {},
     onError: (error2) => {
       if (error2?.status === 429) {
         const lastShown = localStorage.getItem("last_rate_limit_toast");
@@ -81419,14 +81400,14 @@ function AppProviders({
       setTimeout(() => revalidate({ retryCount }), 5e3);
     }
   };
-  return /* @__PURE__ */ import_react117.default.createElement(import_swr9.SWRConfig, { value: swrConfig }, /* @__PURE__ */ import_react117.default.createElement(
+  return /* @__PURE__ */ import_react118.default.createElement(import_swr9.SWRConfig, { value: swrConfig }, /* @__PURE__ */ import_react118.default.createElement(
     PlatformProvider,
     {
       viewPortWidth,
       viewPortHeight,
       session: session2
     },
-    /* @__PURE__ */ import_react117.default.createElement(ErrorProvider, null, /* @__PURE__ */ import_react117.default.createElement(ThemeProvider, { session: session2 }, /* @__PURE__ */ import_react117.default.createElement(
+    /* @__PURE__ */ import_react118.default.createElement(ErrorProvider, null, /* @__PURE__ */ import_react118.default.createElement(ThemeProvider, { session: session2 }, /* @__PURE__ */ import_react118.default.createElement(
       AuthProvider,
       {
         translations,
@@ -81439,11 +81420,11 @@ function AppProviders({
         signOutContext,
         session: session2
       },
-      /* @__PURE__ */ import_react117.default.createElement(DataProvider, null, /* @__PURE__ */ import_react117.default.createElement(AppProvider, null, /* @__PURE__ */ import_react117.default.createElement(ChatProvider, null, /* @__PURE__ */ import_react117.default.createElement(TimerContextProvider, null, /* @__PURE__ */ import_react117.default.createElement(NavigationProvider, null, /* @__PURE__ */ import_react117.default.createElement(AppContextProvider, null, /* @__PURE__ */ import_react117.default.createElement(StylesProvider, null, /* @__PURE__ */ import_react117.default.createElement(Hey, { useExtensionIcon }, children))))))))
+      /* @__PURE__ */ import_react118.default.createElement(DataProvider, null, /* @__PURE__ */ import_react118.default.createElement(AppProvider, null, /* @__PURE__ */ import_react118.default.createElement(ChatProvider, null, /* @__PURE__ */ import_react118.default.createElement(TimerContextProvider, null, /* @__PURE__ */ import_react118.default.createElement(NavigationProvider, null, /* @__PURE__ */ import_react118.default.createElement(AppContextProvider, null, /* @__PURE__ */ import_react118.default.createElement(StylesProvider, null, /* @__PURE__ */ import_react118.default.createElement(Hey, { useExtensionIcon }, children))))))))
     )))
   ));
 }
-var import_react117, import_swr9;
+var import_react118, import_swr9;
 var init_providers = __esm({
   "context/providers/index.tsx"() {
     "use strict";
@@ -81455,7 +81436,7 @@ var init_providers = __esm({
     init_DataProvider();
     init_AppProvider();
     init_platform();
-    import_react117 = __toESM(require("react"));
+    import_react118 = __toESM(require("react"));
     init_platform();
     init_ThemeContext();
     init_StylesContext();
@@ -81469,6 +81450,7 @@ var init_providers = __esm({
     import_swr9 = require("swr");
     init_TimerContext();
     init_Hey();
+    init_swrCacheProvider();
   }
 });
 
@@ -81600,7 +81582,7 @@ init_agentSchema();
 init_appSchema();
 
 // Sidebar.tsx
-var import_react118 = __toESM(require("react"));
+var import_react119 = __toESM(require("react"));
 
 // Providers.tsx
 init_i18n();
@@ -81618,24 +81600,24 @@ init_Hey();
 function Sidebar({
   useExtensionIcon
 }) {
-  return /* @__PURE__ */ import_react118.default.createElement(Providers, null, /* @__PURE__ */ import_react118.default.createElement(Hey, { useExtensionIcon }));
+  return /* @__PURE__ */ import_react119.default.createElement(Providers, null, /* @__PURE__ */ import_react119.default.createElement(Hey, { useExtensionIcon }));
 }
 
 // index.ts
 init_Store();
 
 // context/providers/HistoryRouterProvider.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 init_useWindowHistory();
-var HistoryRouterContext = (0, import_react119.createContext)(
+var HistoryRouterContext = (0, import_react120.createContext)(
   null
 );
 function HistoryRouterProvider({
   children
 }) {
-  const [state, setState] = (0, import_react119.useState)(() => clientRouter.getState());
-  const [updateTrigger, setUpdateTrigger] = (0, import_react119.useState)(0);
-  (0, import_react119.useEffect)(() => {
+  const [state, setState] = (0, import_react120.useState)(() => clientRouter.getState());
+  const [updateTrigger, setUpdateTrigger] = (0, import_react120.useState)(0);
+  (0, import_react120.useEffect)(() => {
     const unsubscribe = clientRouter.subscribe(() => {
       const newState = clientRouter.getState();
       setState(newState);