@chrryai/chrry 1.6.8 → 1.6.10

package/dist/index.d.mts

@@ -498,7 +498,7 @@ type app = {
     displayMode: "standalone" | "fullscreen" | "minimal-ui" | "browser" | null;
     placeholder: string | null;
     extend: Array<string> | null;
-    onlyAgent: boolean | null;
+    onlyAgent: boolean;
     capabilities: {
         text: boolean;
         image: boolean;

package/dist/index.d.ts

@@ -498,7 +498,7 @@ type app = {
     displayMode: "standalone" | "fullscreen" | "minimal-ui" | "browser" | null;
     placeholder: string | null;
     extend: Array<string> | null;
-    onlyAgent: boolean | null;
+    onlyAgent: boolean;
     capabilities: {
         text: boolean;
         image: boolean;

package/dist/index.js

@@ -782,7 +782,7 @@ var init_siteConfig = __esm({
       isStoreApp: false,
       mode: "focus",
       slug: "focus",
-      version: "26.10.54",
+      version: "26.10.55",
       storeSlug: "blossom",
       name: "Focus",
       domain: "focus.chrry.ai",
@@ -3108,7 +3108,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.6.8";
+    VERSION = config.version || "1.6.10";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -23693,7 +23693,6 @@ function AuthProvider({
     "isGuestTest",
     fingerprintParam ? TEST_GUEST_FINGERPRINTS.includes(fingerprintParam) : false
   );
-  console.log(`\u{1F680} ~ isGuestTest:`, isGuestTest);
   const [isMemberTest, setIsLiveMemberTest] = useLocalStorage2(
     "isMemberTest",
     fingerprintParam ? TEST_MEMBER_FINGERPRINTS.includes(fingerprintParam) : false
@@ -24616,7 +24615,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.6.8";
+  const VERSION4 = "1.6.10";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -26911,9 +26910,6 @@ function ChatProvider({
     user?.lastMessage?.createdOn,
     guest?.lastMessage?.createdOn
   ]);
-  (0, import_react29.useEffect)(() => {
-    debateAgent && !user && guest && setDebateAgent(null);
-  }, [user, guest, debateAgent]);
   const [nextPage, setNextPage] = (0, import_react29.useState)(void 0);
   const threadData = threadSWR || auth.threadData || void 0;
   const lastProcessedThreadDataRef = (0, import_react29.useRef)(null);
@@ -27149,6 +27145,7 @@ function NavigationProvider({ children }) {
   const [showAddToHomeScreen, setShowAddToHomeScreenInternal] = (0, import_react30.useState)(
     searchParams.get("showInstall") === "true"
   );
+  const [isInstructionsModalOpen, setIsInstructionsModalOpen] = (0, import_react30.useState)(false);
   const siteApp = getSiteConfig();
   const setShowAddToHomeScreen = (value) => {
     if (typeof window === "undefined") return;
@@ -27231,7 +27228,9 @@ function NavigationProvider({ children }) {
         setIsMemoryConsentManageVisible,
         isVisitor,
         setIsVisitor,
-        refetchThreads
+        refetchThreads,
+        isInstructionsModalOpen,
+        setIsInstructionsModalOpen
       }
     },
     children
@@ -35438,7 +35437,9 @@ function App({
     userBaseApp,
     token,
     loadingApp,
-    storeApp
+    storeApp,
+    hasStoreApps,
+    setLoadingApp
   } = useAuth();
   const { FRONTEND_URL: FRONTEND_URL2, API_URL: API_URL2 } = useData();
   const { router, getStoreSlug } = useNavigationContext();
@@ -35474,6 +35475,11 @@ function App({
     });
   };
   const [appsState, setApps] = import_react53.default.useState(getApps2());
+  (0, import_react53.useEffect)(() => {
+    if (app && !hasStoreApps(app)) {
+      setLoadingApp(app);
+    }
+  }, [appsState]);
   (0, import_react53.useEffect)(() => {
     setApps(getApps2());
   }, [apps, store?.id, store?.appId, currentStoreId, baseApp, app]);
@@ -35620,9 +35626,6 @@ function App({
   const canAddName = appFormWatcher?.canSubmit;
   const canAddTitle = isManagingApp;
   const { appStyles: styles4, utilities } = useStyles();
-  if (!hasHydrated && (isManagingApp || appFormWatcher?.canSubmit)) {
-    return /* @__PURE__ */ import_react53.default.createElement(Loading, { fullScreen: true });
-  }
   return /* @__PURE__ */ import_react53.default.createElement(Div, null, /* @__PURE__ */ import_react53.default.createElement(H1, { style: styles4.title.style }, !isManagingApp && !canEditApp && app ? /* @__PURE__ */ import_react53.default.createElement(Div, { style: styles4.appTitle.style }, /* @__PURE__ */ import_react53.default.createElement(
     ImageComponent,
     {
@@ -37380,10 +37383,6 @@ function Chat({
   }, [isNewChat]);
   const [hasBottomOffset, setHasBottomOffset] = (0, import_react55.useState)(false);
   const shouldUseCompactMode = compactMode || hasBottomOffset;
-  console.log(
-    `\u{1F680} ~ file: Chat.tsx:398 ~ shouldUseCompactMode:`,
-    shouldUseCompactMode
-  );
   const floatingInitial = shouldUseCompactMode ? true : empty ? false : isChatFloatingContext && !showChatInput;
   const [isChatFloating] = useSyncedState(floatingInitial, [
     empty,
@@ -37391,9 +37390,6 @@ function Chat({
     isChatFloatingContext,
     showChatInput
   ]);
-  (0, import_react55.useEffect)(() => {
-    setIsChatFloating(isChatFloating);
-  }, [isChatFloating]);
   const stripActionFromText = (text3) => {
     const actionMatch = text3.match(/ACTION:\s*(\{(?:[^{}]|\{[^}]*\})*\})\s*$/);
     if (actionMatch) {
@@ -37565,11 +37561,14 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
   const [message2, setMessageInternal] = (0, import_react55.useState)(null);
   const setMessage = (message3) => {
     setMessageInternal(message3);
-    clientIdRef.current = message3?.message?.clientId;
+    setClientId(message3?.message?.clientId);
   };
   const isHydrated = useHasHydrated();
   const [isAttaching, setIsAttachingInternal] = (0, import_react55.useState)(false);
-  const clientIdRef = (0, import_react55.useRef)((0, import_uuid3.v4)());
+  const [clientId, setClientId] = (0, import_react55.useState)();
+  (0, import_react55.useEffect)(() => {
+    !clientId && setClientId((0, import_uuid3.v4)());
+  }, [clientId]);
   const xmlBufferRef = (0, import_react55.useRef)("");
   const filteredLogRef = (0, import_react55.useRef)("");
   const filterStreamingMessage = (input2) => {
@@ -38299,7 +38298,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           content: userMessageText,
           isUser: true,
           id: (0, import_uuid3.v4)(),
-          clientId: clientIdRef.current,
+          clientId,
           createdOn: /* @__PURE__ */ new Date(),
           guestId: guest?.id,
           userId: user?.id
@@ -38335,7 +38334,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         formData.append("actionEnabled", JSON.stringify(isExtension2));
         formData.append("instructions", instruction);
         formData.append("language", language);
-        clientIdRef.current && formData.append("clientId", clientIdRef.current);
+        clientId && formData.append("clientId", clientId);
         artifacts.forEach((artifact, index) => {
           formData.append(`artifact_${index}`, artifact);
         });
@@ -38354,7 +38353,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           instructions: instruction,
           language,
           attachmentType: "file",
-          clientId: clientIdRef.current,
+          clientId,
           appId: app?.id,
           moodId: mood?.id,
           taskId
@@ -38404,7 +38403,11 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         import_react_hot_toast9.default.error("Failed to send message");
         return;
       }
-      if (!selectedAgent || !userMessage?.message?.clientId) {
+      if (!userMessage?.message?.clientId) {
+        import_react_hot_toast9.default.error("Failed to send message");
+        return;
+      }
+      if (!selectedAgent) {
         return;
       }
       let requestBody;
@@ -38509,7 +38512,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
       captureException(error);
     } finally {
       setIsLoading(false);
-      clientIdRef.current = (0, import_uuid3.v4)();
+      setClientId((0, import_uuid3.v4)());
     }
   };
   (0, import_react55.useEffect)(() => {
@@ -38694,18 +38697,21 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
   const shouldStopRef = (0, import_react55.useRef)(false);
   const streamContentRef = (0, import_react55.useRef)("");
   const isPlayingSillyPopCluster = (0, import_react55.useRef)(false);
-  const webSocketDeps = (0, import_react55.useMemo)(() => [isSpeechActive], [isSpeechActive]);
+  const webSocketDeps = (0, import_react55.useMemo)(
+    () => [isSpeechActive, app?.id],
+    [isSpeechActive, app?.id]
+  );
   useWebSocket({
     deps: webSocketDeps,
     onMessage: async ({ type, data }) => {
       const threadId2 = threadIdRef.current;
       if (!token) return;
-      const clientId = data?.clientId;
+      const clientId2 = data?.clientId;
       const chunk2 = data?.chunk;
-      if (type === "stream_update" && chunk2 && clientId && data.message && (isOwner_default(data.message.message, {
+      if (type === "stream_update" && chunk2 && clientId2 && data.message && (isOwner_default(data.message.message, {
         userId: user?.id,
         guestId: guest?.id
-      }) ? data.deviceId === deviceId : true)) {
+      }) ? data?.deviceId === deviceId : true)) {
         if (isSpeechActive && os !== "ios") {
           return;
         }
@@ -38723,7 +38729,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           const cleanContent = stripActionText(streamContentRef.current, chunk2);
           onStreamingUpdate?.({
             content: cleanContent,
-            clientId,
+            clientId: clientId2,
             aiAgent: data.message?.aiAgent,
             isWebSearchEnabled,
             isImageGenerationEnabled
@@ -38805,7 +38811,9 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
             debateAgentId: data.message.message.agentId,
             language,
             pauseDebate: true,
-            isSpeechActive
+            isSpeechActive,
+            deviceId,
+            appId: app?.id
           });
           try {
             const agentResponse = await apiFetch(`${API_URL2}/ai`, {
@@ -39874,7 +39882,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
                 },
                 "|"
               ),
-              debateAgent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { color: "var(--accent-6)", size: 24 }) : debateAgent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { color: "var(--accent-6)", size: 22 }) : null
+              debateAgent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { color: "var(--accent-6)", size: 24 }) : debateAgent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "sushi" ? /* @__PURE__ */ React.createElement(ImageComponent, { icon: "sushi", size: 22 }) : null
             ) : /* @__PURE__ */ React.createElement(
               Button,
               {
@@ -46745,7 +46753,7 @@ function Message({
       },
       key: message2.message.id
     },
-    isMobileDevice && /* @__PURE__ */ React.createElement(Span, { style: styles4.agentIcon.style }, agent && message2.message.debateAgentId ? /* @__PURE__ */ React.createElement(React.Fragment, null, agent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { size: 35 }) : agent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { size: 35 }) : agent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { size: 35 }) : agent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { size: 35 }) : agent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { size: 35 }) : agent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { size: 35 }) : null) : /* @__PURE__ */ React.createElement(ImageComponent, { app, showLoading: false, size: 35 }), /* @__PURE__ */ React.createElement(Span, { style: styles4.agentMessageTime.style }, timeAgo2(message2.message.createdOn, language))),
+    isMobileDevice && /* @__PURE__ */ React.createElement(Span, { style: styles4.agentIcon.style }, agent && message2.message.debateAgentId ? /* @__PURE__ */ React.createElement(React.Fragment, null, agent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { size: 35 }) : agent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { size: 35 }) : agent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { size: 35 }) : agent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { size: 35 }) : agent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { size: 35 }) : agent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { size: 35 }) : agent.name === "sushi" ? /* @__PURE__ */ React.createElement(ImageComponent, { icon: "sushi", size: 35 }) : null) : /* @__PURE__ */ React.createElement(ImageComponent, { app, showLoading: false, size: 35 }), /* @__PURE__ */ React.createElement(Span, { style: styles4.agentMessageTime.style }, timeAgo2(message2.message.createdOn, language))),
     !isMobileDevice && /* @__PURE__ */ React.createElement(
       Button,
       {
@@ -46764,7 +46772,7 @@ function Message({
           ...styles4.agentIcon.style
         }
       },
-      agent && message2.message.debateAgentId ? /* @__PURE__ */ React.createElement(React.Fragment, null, agent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { size: 35 }) : agent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { size: 35 }) : agent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { size: 35 }) : agent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { size: 35 }) : agent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { size: 35 }) : agent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { size: 35 }) : null) : /* @__PURE__ */ React.createElement(Span, { style: styles4.appIcon.style }, /* @__PURE__ */ React.createElement(ImageComponent, { app, showLoading: false, size: 35 }), /* @__PURE__ */ React.createElement(Span, null, app?.name || "Vex"))
+      agent && message2.message.debateAgentId ? /* @__PURE__ */ React.createElement(React.Fragment, null, agent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { size: 35 }) : agent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { size: 35 }) : agent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { size: 35 }) : agent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { size: 35 }) : agent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { size: 35 }) : agent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { size: 35 }) : agent.name === "sushi" ? /* @__PURE__ */ React.createElement(ImageComponent, { icon: "sushi", size: 35 }) : null) : /* @__PURE__ */ React.createElement(Span, { style: styles4.appIcon.style }, /* @__PURE__ */ React.createElement(ImageComponent, { app, showLoading: false, size: 35 }), /* @__PURE__ */ React.createElement(Span, null, app?.name || "Vex"))
     ),
     message2.message.isStreaming && message2.message.content.trim() === "" ? /* @__PURE__ */ React.createElement(Div, { style: styles4.thinking.style }, /* @__PURE__ */ React.createElement(
       ImageComponent,
@@ -50466,7 +50474,7 @@ var init_Thread = __esm({
           if (!clientId) return;
           setMessages((prev2) => {
             return prev2.map(
-              (m) => m.message.id === clientId && !m.message.isStreamingStop ? {
+              (m) => m.message.id === clientId ? {
                 ...m,
                 message: {
                   ...m.message,
@@ -82027,12 +82035,20 @@ function isQuotaExceeded(error) {
   return false;
 }
 function createDexieProvider(config2 = DEFAULT_CONFIG) {
-  const db = new SWRDexieDB();
+  let db = null;
+  try {
+    db = new SWRDexieDB();
+  } catch (error) {
+    console.warn(
+      "[SWR Cache] Failed to initialize IndexedDB, using memory-only mode:",
+      error
+    );
+  }
   const memCache = /* @__PURE__ */ new Map();
-  let degradedMode = false;
+  let degradedMode = !db;
   let gcTimer = null;
   async function runGarbageCollection() {
-    if (degradedMode) return;
+    if (degradedMode || !db) return;
     try {
       const now2 = Date.now();
       const expiredKeys = await db.cache.where("ts").below(now2 - config2.ttl).primaryKeys();
@@ -82056,10 +82072,12 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
         }
       }
     } catch (error) {
-      console.warn("[SWR Cache] GC failed:", error);
+      console.warn("[SWR Cache] GC failed, switching to degraded mode:", error);
+      degradedMode = true;
     }
   }
   async function initialize() {
+    if (!db) return;
     try {
       const now2 = Date.now();
       const items = await db.cache.toArray();
@@ -82089,7 +82107,10 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
       gcTimer = setInterval(runGarbageCollection, config2.gcInterval);
       setTimeout(runGarbageCollection, 1e3);
     } catch (error) {
-      console.warn("[SWR Cache] Failed to initialize from IndexedDB:", error);
+      console.warn(
+        "[SWR Cache] Failed to initialize from IndexedDB, switching to degraded mode:",
+        error
+      );
       degradedMode = true;
     }
   }
@@ -82097,7 +82118,7 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
   const cache = {
     get: (key) => {
       const value = memCache.get(key);
-      if (value !== void 0 && !degradedMode) {
+      if (value !== void 0 && !degradedMode && db) {
         db.cache.update(key, { lastAccess: Date.now() }).catch(() => {
         });
       }
@@ -82113,11 +82134,11 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
           lastAccess: Date.now(),
           version: SCHEMA_VERSION
         };
-        withRetry(() => db.cache.put(entry), config2, `set(${key})`).catch(
+        db && withRetry(() => db.cache.put(entry), config2, `set(${key})`).catch(
           (error) => {
             if (isQuotaExceeded(error)) {
               runGarbageCollection().then(() => {
-                db.cache.put(entry).catch(() => {
+                db && db.cache.put(entry).catch(() => {
                   console.warn("[SWR Cache] Switching to degraded mode");
                   degradedMode = true;
                 });
@@ -82129,7 +82150,7 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
     },
     delete: (key) => {
       memCache.delete(key);
-      if (!degradedMode) {
+      if (!degradedMode && db) {
         db.cache.delete(key).catch((error) => {
           console.error("[SWR Cache] Failed to delete from IndexedDB:", error);
         });
@@ -82144,7 +82165,7 @@ function createDexieProvider(config2 = DEFAULT_CONFIG) {
     },
     clear: () => {
       memCache.clear();
-      if (!degradedMode) {
+      if (!degradedMode && db) {
         db.cache.clear().catch((error) => {
           console.error("[SWR Cache] Failed to clear IndexedDB:", error);
         });
@@ -82162,12 +82183,7 @@ function createMemoryProvider() {
 }
 function getCacheProvider(_parentCache) {
   if (typeof indexedDB !== "undefined") {
-    try {
-      return createDexieProvider(DEFAULT_CONFIG);
-    } catch (error) {
-      console.warn("[SWR Cache] Dexie failed, using memory:", error);
-      return createMemoryProvider();
-    }
+    return createDexieProvider(DEFAULT_CONFIG);
   }
   return createMemoryProvider();
 }
@@ -82524,16 +82540,10 @@ function useSyncedState(computedValue, deps) {
   const [localValue, setLocalValue] = (0, import_react117.useState)(computedValue);
   const isFirstRender = (0, import_react117.useRef)(true);
   (0, import_react117.useEffect)(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
     setLocalValue(computedValue);
   }, [...deps || []]);
   (0, import_react117.useEffect)(() => {
-    if (!isFirstRender.current) {
-      setLocalValue(computedValue);
-    }
+    setLocalValue(computedValue);
   }, [...deps || []]);
   return [localValue, setLocalValue];
 }