@chrryai/chrry 1.1.84 → 1.1.86

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -729,7 +729,7 @@ var init_utils = __esm({
       }
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.1.84";
+    VERSION = "1.1.86";
     getInstructionConfig = ({
       city,
       country,
@@ -15056,7 +15056,7 @@ function AuthProvider({
     if (!slugFromPath) return void 0;
     return apps2.find((app2) => app2.slug === slugFromPath);
   };
-  const [storeInternal, setStore] = (0, import_react13.useState)(
+  const [store, setStore] = (0, import_react13.useState)(
     session2?.app?.store
   );
   const {
@@ -15133,18 +15133,16 @@ function AuthProvider({
     sessionData?.apps || []
   );
   const chrry = allApps?.find((app2) => !app2.store?.parentStoreId);
-  const [appInternal, setAppInternal] = (0, import_react13.useState)(session2?.app);
   const baseApp = allApps?.find(
     (item) => item?.store?.domain === chrryUrl2 && item?.id === item?.store?.appId
   );
-  const app = appInternal || baseApp;
-  const store = storeInternal;
+  const [app, setAppInternal] = (0, import_react13.useState)(baseApp || session2?.app);
   const [apps, setApps] = (0, import_react13.useState)(store?.apps || []);
   (0, import_react13.useEffect)(() => {
-    if (store?.apps) {
-      setApps(store.apps);
+    if (app?.store?.apps && app?.store?.apps.length) {
+      setApps(app?.store?.apps);
     }
-  }, [store?.apps]);
+  }, [app]);
   const storeApp = app?.store?.apps.find(
     (item) => item.id === app?.store?.appId
   );
@@ -15164,7 +15162,6 @@ function AuthProvider({
     if (!baseApp || !allApps) return;
     const matchedApp = findAppByPathname(pathname, allApps) || baseApp;
     if (matchedApp) {
-      console.log(`\u{1F680} ~ file: AuthProvider.tsx:880 ~ matchedApp:`, matchedApp);
       setApp(matchedApp);
       setStore(matchedApp.store);
       let currentStoreApps = [];
@@ -15183,8 +15180,8 @@ function AuthProvider({
         currentStoreAppsCount: currentStoreApps.length,
         currentStoreAppsSlugs: currentStoreApps.map((a) => a.slug)
       });
-      const chrryApp = allApps?.find((a) => a.slug === "chrry");
-      const hasChrry = currentStoreApps.some((a) => a.slug === "chrry");
+      const chrryApp = allApps?.find((a) => a.id === chrry?.id);
+      const hasChrry = currentStoreApps.some((a) => a.id === chrry?.id);
       let finalApps = currentStoreApps;
       if (!hasChrry && chrryApp && currentStoreApps.length > 0) {
         finalApps = [
@@ -15513,6 +15510,7 @@ function getSiteConfig(m) {
       mode: "chrryDev",
       name: "Chrry",
       domain: "chrry.dev",
+      email: "iliyan@chrry.ai",
       description: "A modern, cross-platform UI library for React, React Native, and Next.js",
       logo: "/assets/cherry-logo.svg",
       // Cross-platform SVG
@@ -15589,6 +15587,7 @@ function getSiteConfig(m) {
       mode: "chrryAI",
       name: "Chrry",
       domain: "chrry.ai",
+      email: "iliyan@chrry.ai",
       description: "AI App Marketplace - Discover, create, and monetize AI apps",
       logo: "\u{1F352}",
       primaryColor: "#E91E63",
@@ -15662,6 +15661,7 @@ function getSiteConfig(m) {
     mode: "vex",
     name: "Vex",
     domain: "askvex.com",
+    email: "contact@askvex.com",
     description: "AI assistant that helps you get things done",
     logo: "\u{1F916}",
     primaryColor: "#6366F1",
@@ -15753,7 +15753,7 @@ function DataProvider({
   const [instructions, setInstructions] = (0, import_react15.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react15.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react15.useState)(false);
-  const VERSION3 = "1.1.84";
+  const VERSION3 = "1.1.86";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -16342,8 +16342,8 @@ function AppProvider({
   };
   const isManagingApp = !!appStatus?.part;
   (0, import_react18.useEffect)(() => {
-    !colorScheme && setColorScheme(app?.themeColor || void 0);
-  }, [app?.themeColor]);
+    app?.themeColor && setColorScheme(app?.themeColor || colorScheme);
+  }, [app?.themeColor, colorScheme]);
   (0, import_react18.useEffect)(() => {
     app?.backgroundColor && setAppTheme(app?.backgroundColor);
   }, [app?.backgroundColor]);
@@ -16677,7 +16677,8 @@ function AppProvider({
         isRemovingApp,
         owningApps,
         stores,
-        store
+        store,
+        baseApp
       }
     },
     children
@@ -16756,7 +16757,7 @@ function ChatProvider({
   const [isEmpty, setIsEmpty] = (0, import_react19.useState)(true);
   const [thread2, setThread] = (0, import_react19.useState)(void 0);
   const [messages, setMessages] = (0, import_react19.useState)([]);
-  const { pathname } = useNavigation();
+  const { pathname, addParams } = useNavigation();
   const [threadId, setThreadId] = (0, import_react19.useState)(getThreadId(pathname));
   (0, import_react19.useEffect)(() => {
     setThreadId(getThreadId(pathname));
@@ -16871,6 +16872,42 @@ function ChatProvider({
       setSelectedAgent(void 0);
     }
   }, [aiAgents, selectedAgent, user, guest]);
+  const [isAgentModalOpen, setIsAgentModalOpenInternal] = (0, import_react19.useState)(false);
+  const [isDebateAgentModalOpen, setIsDebateAgentModalOpenInternal] = (0, import_react19.useState)(false);
+  const setIsAgentModalOpen = (open) => {
+    setIsAgentModalOpenInternal(open);
+    if (!open) {
+      setIsDebateAgentModalOpenInternal(false);
+    }
+    open && track({
+      name: "agent-modal",
+      props: {}
+    });
+  };
+  const setIsDebateAgentModalOpen = (open) => {
+    setIsDebateAgentModalOpenInternal(open);
+    setIsAgentModalOpenInternal(open);
+    open && track({
+      name: "debate-agent-modal",
+      props: {}
+    });
+  };
+  (0, import_react19.useEffect)(() => {
+    if (app?.onlyAgent) {
+      const a = aiAgents.find(
+        (agent) => app?.defaultModel && agent.name.toLowerCase() === app?.defaultModel?.toLowerCase()
+      );
+      if (!a) return;
+      if (!isAgentAuthorized(a)) {
+        addParams({
+          subscribe: "true",
+          plan: "member"
+        });
+        return;
+      }
+      setSelectedAgent(a);
+    }
+  }, [guest, user, app, aiAgents]);
   const { isDevelopment: isDevelopment3, isE2E: isE2E2 } = useData();
   const hourlyLimit = isDevelopment3 && !isE2E2 ? 5e4 : getHourlyLimit({
     member: user,
@@ -16939,6 +16976,8 @@ function ChatProvider({
       value: {
         setIsWebSearchEnabled,
         input,
+        setIsAgentModalOpen,
+        isAgentModalOpen,
         creditsLeft,
         aiAgents,
         setInput,
@@ -16971,7 +17010,10 @@ function ChatProvider({
         favouriteAgent,
         messages,
         setMessages,
-        isAgentAuthorized
+        isAgentAuthorized,
+        setIsDebateAgentModalOpen,
+        isDebateAgentModalOpen,
+        setIsAgentModalOpenInternal
       }
     },
     children
@@ -19413,7 +19455,8 @@ function ImageComponent(props) {
   let finalSize = parseInt(size?.toString() || finalWidth.toString());
   finalSize = finalSize;
   if (app?.onlyAgent && !app.image) {
-    return app.defaultModel === "deepSeek" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.DeepSeek, { color: "var(--accent-6)", size: finalSize }) : app.defaultModel === "chatGPT" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.OpenAI, { color: "var(--accent-6)", size: finalSize }) : app.defaultModel === "claude" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Claude, { color: "var(--accent-6)", size: finalSize }) : app.defaultModel === "gemini" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Gemini, { color: "var(--accent-6)", size: finalSize }) : app.defaultModel === "flux" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Flux, { color: "var(--accent-6)", size: finalSize }) : app.defaultModel === "perplexity" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Perplexity, { color: "var(--accent-6)", size: finalSize }) : null;
+    const color = COLORS[app?.themeColor] || "var(--accent-6)";
+    return app.defaultModel === "deepSeek" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.DeepSeek, { color, size: finalSize }) : app.defaultModel === "chatGPT" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.OpenAI, { color, size: finalSize }) : app.defaultModel === "claude" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Claude, { color, size: finalSize }) : app.defaultModel === "gemini" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Gemini, { color, size: finalSize }) : app.defaultModel === "flux" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Flux, { color, size: finalSize }) : app.defaultModel === "perplexity" ? /* @__PURE__ */ import_react32.default.createElement(import_icons3.Perplexity, { color, size: finalSize }) : null;
   }
   return /* @__PURE__ */ import_react32.default.createElement(
     Img,
@@ -19439,6 +19482,7 @@ var init_Image = __esm({
     "use client";
     import_react32 = __toESM(require("react"));
     init_Img();
+    init_AppContext();
     init_platform();
     init_providers();
     import_icons3 = require("@lobehub/icons");
@@ -23736,7 +23780,22 @@ function Store({
           color: "var(--accent-1)",
           fill: "var(--accent-1)"
         }
-      ), t5(feature))), /* @__PURE__ */ import_react66.default.createElement("li", { className: import_Store_module.default.feature }, /* @__PURE__ */ import_react66.default.createElement(A, { href: getAppSlug(selectedApp), className: "link" }, /* @__PURE__ */ import_react66.default.createElement(icons_exports.ArrowRight, { size: 16, color: "var(--accent-6)" }), t5("Try it now!")))))))),
+      ), t5(feature))), /* @__PURE__ */ import_react66.default.createElement("li", { className: import_Store_module.default.feature }, /* @__PURE__ */ import_react66.default.createElement(
+        A,
+        {
+          href: getAppSlug(selectedApp),
+          onClick: (e) => {
+            if (e.metaKey || e.ctrlKey) {
+              return;
+            }
+            e.preventDefault();
+            setIsNewChat(true, getAppSlug(selectedApp));
+          },
+          className: "link"
+        },
+        /* @__PURE__ */ import_react66.default.createElement(icons_exports.ArrowRight, { size: 16, color: "var(--accent-6)" }),
+        t5("Try it now!")
+      ))))))),
       !compact && /* @__PURE__ */ import_react66.default.createElement("div", { style: { display: "none" }, className: "seo-content" }, storeApps?.map((appItem) => /* @__PURE__ */ import_react66.default.createElement("section", { key: appItem.id }, /* @__PURE__ */ import_react66.default.createElement("h2", null, appItem.name), /* @__PURE__ */ import_react66.default.createElement("h3", null, t5(appItem.title || "")), /* @__PURE__ */ import_react66.default.createElement("p", null, t5(appItem.description || "")), Array.isArray(appItem.featureList) && appItem.featureList.length > 0 && /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement("h4", null, t5("Key Features")), /* @__PURE__ */ import_react66.default.createElement("ul", null, appItem.featureList.map((feature, index) => /* @__PURE__ */ import_react66.default.createElement("li", { key: index }, t5(feature)))))))),
       !compact && /* @__PURE__ */ import_react66.default.createElement("div", { className: import_Store_module.default.tetris }, /* @__PURE__ */ import_react66.default.createElement("div", { style: { display: "flex", gap: "1rem" } }, /* @__PURE__ */ import_react66.default.createElement(
         "a",
@@ -29616,7 +29675,7 @@ function Agent({
             const isChrry = app2.id === chrry?.id;
             const isBaseApp = app2.id === baseApp?.id;
             const checked = isBaseApp || isChrry || field.value?.includes(app2.name);
-            const isDisabled = checked;
+            const isDisabled = isBaseApp || isChrry;
             return /* @__PURE__ */ import_react43.default.createElement("label", { key: app2.id || app2.name }, /* @__PURE__ */ import_react43.default.createElement(
               Checkbox_default,
               {
@@ -30249,6 +30308,7 @@ function Instructions({
   const [selectedInstruction, setSelectedInstructionInternal] = (0, import_react44.useState)(null);
   const setSelectedInstruction = (instruction) => {
     setSelectedInstructionInternal(instruction);
+    instruction && setIsOpen(true);
   };
   const getMaxFileSize = (fileType) => {
     const limits = MAX_FILE_SIZES;
@@ -31365,10 +31425,8 @@ function App({
     app,
     appForm,
     appFormWatcher,
-    clearFormDraft,
     suggestSaveApp,
     saveApp,
-    isAppOwner,
     canEditApp,
     isManagingApp,
     isSavingApp,
@@ -31378,19 +31436,10 @@ function App({
     setApp,
     appStatus,
     setAppStatus,
+    baseApp,
     storeApp
   } = useApp();
-  const {
-    user,
-    guest,
-    fetchSession,
-    token,
-    getAppSlug,
-    baseApp,
-    store,
-    apps,
-    chrry
-  } = useAuth();
+  const { user, guest, getAppSlug, store, apps, chrry } = useAuth();
   const { FRONTEND_URL: FRONTEND_URL3 } = useData();
   const { router, setIsNewChat } = useNavigationContext();
   const { setInput, setIsWebSearchEnabled } = useChat();
@@ -31412,7 +31461,8 @@ function App({
   const [appsState, setApps] = import_react49.default.useState(getApps());
   (0, import_react49.useEffect)(() => {
     setApps(getApps());
-  }, [apps, store?.id, store?.appId, currentStoreId]);
+  }, [apps, store?.id, store?.appId, currentStoreId, baseApp]);
+  console.log(`\u{1F680} ~ file: App.tsx:129 ~ apps:`, apps);
   const [file, setFile] = import_react49.default.useState();
   const [image, setImageInternal] = import_react49.default.useState(
     app?.image || void 0
@@ -32203,7 +32253,12 @@ function Chat({
     hourlyLimit,
     isEmpty: empty,
     threadId,
-    isAgentAuthorized
+    isAgentAuthorized,
+    isAgentModalOpen,
+    setIsAgentModalOpen,
+    isDebateAgentModalOpen,
+    setIsDebateAgentModalOpen,
+    setIsAgentModalOpenInternal
   } = useChat();
   const {
     router,
@@ -32317,19 +32372,6 @@ function Chat({
     }
     return text2;
   };
-  (0, import_react50.useEffect)(() => {
-    if (app?.defaultModel) {
-      const a = aiAgents.find(
-        (agent) => app?.defaultModel && agent.name.toLowerCase() === app?.defaultModel?.toLowerCase()
-      );
-      if (!a) return;
-      if (!isAgentAuthorized(a)) {
-        setIsAgentModalOpen(true);
-        return;
-      }
-      setSelectedAgent(a);
-    }
-  }, [guest, user, app, aiAgents]);
   const animateSuggestions = () => {
     const prefersReducedMotion = reduceMotion || typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     if (prefersReducedMotion) {
@@ -32372,27 +32414,7 @@ function Chat({
     }
     return cleanStreamedContent;
   }
-  const [isAgentModalOpen, setIsAgentModalOpenInternal] = (0, import_react50.useState)(false);
   const [attempt, setAttempt] = (0, import_react50.useState)(void 0);
-  const setIsAgentModalOpen = (open) => {
-    setIsAgentModalOpenInternal(open);
-    if (!open) {
-      setIsDebateAgentModalOpenInternal(false);
-    }
-    open && track({
-      name: "agent-modal",
-      props: {}
-    });
-  };
-  const [isDebateAgentModalOpen, setIsDebateAgentModalOpenInternal] = (0, import_react50.useState)(false);
-  const setIsDebateAgentModalOpen = (open) => {
-    setIsDebateAgentModalOpenInternal(open);
-    setIsAgentModalOpenInternal(open);
-    open && track({
-      name: "debate-agent-modal",
-      props: {}
-    });
-  };
   const [isLoading, setIsLoading] = (0, import_react50.useState)(false);
   const [isStreaming, setIsStreaming] = (0, import_react50.useState)(false);
   const controller = new AbortController();
@@ -33495,7 +33517,10 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         }
         if (result?.contextMenuAction?.text) {
           setInput(`${message2}: ${result.contextMenuAction.text}`);
-          await BrowserInstance?.storage?.local?.remove(["contextMenuAction"]);
+          const storageLocal = BrowserInstance?.storage?.local;
+          if (storageLocal && "remove" in storageLocal) {
+            await storageLocal.remove(["contextMenuAction"]);
+          }
           if (type !== "aiDebate") {
             debateAgent && setDebateAgent(null);
             setAttempt("submit");
@@ -33527,10 +33552,16 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
     };
     processAction();
     const interval = setInterval(processAction, 2e3);
-    BrowserInstance?.storage?.onChanged?.addListener(handleStorageChange);
+    const storageAPI = BrowserInstance?.storage;
+    const hasOnChanged = storageAPI && "onChanged" in storageAPI && storageAPI.onChanged;
+    if (hasOnChanged) {
+      storageAPI.onChanged.addListener(handleStorageChange);
+    }
     return () => {
       clearInterval(interval);
-      BrowserInstance?.storage?.onChanged?.removeListener(handleStorageChange);
+      if (hasOnChanged) {
+        storageAPI.onChanged.removeListener(handleStorageChange);
+      }
     };
   }, [setInput]);
   const [streamId, setStreamId] = (0, import_react50.useState)(null);
@@ -34061,7 +34092,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           if (agent.authorization === "user" && !user && !guest?.subscription) {
             const url = threadId ? `/threads/${threadId}?subscribe=true&plan=member` : "/?subscribe=true&plan=member";
             if (checkIsExtension()) {
-              BrowserInstance?.runtime?.sendMessage({
+              BrowserInstance?.runtime?.sendMessage?.({
                 action: "openInSameTab",
                 url: `${FRONTEND_URL3}${url}`
               });
@@ -34147,7 +34178,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           addHapticFeedback();
           const url = threadId ? `/threads/${threadId}?subscribe=true&plan=member` : "/?subscribe=true&plan=member";
           if (checkIsExtension()) {
-            BrowserInstance?.runtime?.sendMessage({
+            BrowserInstance?.runtime?.sendMessage?.({
               action: "openInSameTab",
               url: `${FRONTEND_URL3}${url}`
             });
@@ -34615,6 +34646,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
             /* @__PURE__ */ React.createElement(
               "button",
               {
+                disabled: isChrry || !!app?.onlyAgent,
                 "data-testid": !debateAgent ? selectedAgent?.name !== "flux" ? "add-debate-agent-button" : void 0 : "agent-select-button",
                 "data-agent-name": selectedAgent.name,
                 title: t5("Add debate agent"),