@chrryai/chrry 1.2.94 → 1.2.96

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -21282,7 +21282,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.2.94";
+  const VERSION3 = "1.2.96";
   const [weather, setWeather] = useLocalStorage("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -22367,7 +22367,7 @@ var init_utils = __esm({
       window.history.replaceState({}, "", newUrl);
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.2.94";
+    VERSION = "1.2.96";
     getSlugFromPathname = (path) => {
       const siteConfig = getSiteConfig();
       return getAppAndStoreSlugs(path, {
@@ -23143,20 +23143,18 @@ function AppProvider({
     highlights: formDraft?.highlights || appForm?.watch("highlights"),
     title: formDraft?.title || appForm?.watch("title")
   };
-  const [instructions, setInstructions] = (0, import_react21.useState)(
-    user?.instructions || guest?.instructions || app?.highlights || []
-  );
   const owningApps = apps.filter(
     (app2) => isOwner_default(app2, {
       userId: user?.id,
       guestId: guest?.id
     })
   );
-  (0, import_react21.useEffect)(() => {
-    const i = user?.instructions || guest?.instructions || [];
-    i.length && setInstructions(i);
-  }, [user, guest]);
-  const siteConfig = getSiteConfig();
+  const contextInstructions = (0, import_react21.useMemo)(
+    () => app ? (user?.instructions || guest?.instructions || []).filter(
+      (i2) => i2.appId === app?.id
+    ) : [],
+    [app?.id, user?.instructions, guest?.instructions]
+  );
   const appFormWatcher = {
     ...watcher,
     image: appForm.watch("image"),
@@ -23172,6 +23170,26 @@ function AppProvider({
     isDefaultValues: watcher.name === t6("MyAgent") && watcher.title === t6("Your personal AI agent") && !watcher.description && (!watcher.highlights || watcher.highlights.length === 0),
     canSubmit: !!(watcher.name && watcher.title) && Object.keys(appForm?.formState.errors).length === 0
   };
+  const i = (0, import_react21.useMemo)(
+    () => contextInstructions.length > 0 ? contextInstructions : app?.highlights?.length ? app.highlights : isManagingApp && appFormWatcher?.highlights?.length ? appFormWatcher.highlights : getExampleInstructions({
+      slug: app?.slug || void 0
+    }),
+    [
+      contextInstructions,
+      app?.id,
+      // IMPORTANT: Track app changes
+      app?.highlights,
+      isManagingApp,
+      JSON.stringify(watcher.highlights),
+      // Stringify for deep comparison
+      app?.slug
+    ]
+  );
+  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");
   const setAppStatus = (payload) => {
@@ -23311,7 +23329,8 @@ function AppProvider({
         owningApps,
         stores,
         store,
-        baseApp
+        baseApp,
+        setInstructions
       }
     },
     children
@@ -23336,6 +23355,7 @@ var init_AppProvider = __esm({
     import_zod3 = require("@hookform/resolvers/zod");
     init_isOwner();
     init_AuthProvider();
+    init_utils();
     import_react_i18next3 = require("react-i18next");
     init_DataProvider();
     init_siteConfig();
@@ -29155,7 +29175,6 @@ function Instructions({
     collaborationStep,
     setCollaborationStep,
     isMemoryConsentManageVisible,
-    isMobileDevice,
     setShowAddToHomeScreen,
     showAddToHomeScreen,
     pathname
@@ -29166,6 +29185,8 @@ function Instructions({
     app,
     appFormWatcher,
     canEditApp,
+    instructions,
+    setInstructions,
     appStatus,
     appForm
   } = useApp();
@@ -29187,7 +29208,7 @@ function Instructions({
   (0, import_react45.useEffect)(() => {
     setVisibleInstructionCount(getVisibleInstructionCount());
   }, [viewPortHeight]);
-  const { addHapticFeedback, reduceMotion } = useTheme2();
+  const { addHapticFeedback, isDark, isMobileDevice } = useTheme2();
   const isManaging = isManagingApp;
   const [placeHolder, setPlaceHolder] = (0, import_react45.useState)(
     rest.placeholder
@@ -29196,7 +29217,6 @@ function Instructions({
   (0, import_react45.useEffect)(() => {
     setPlaceHolder(rest.placeholder);
   }, [rest.placeholder]);
-  const { resolvedTheme } = (0, import_next_themes.useTheme)();
   const city = user?.city || guest?.city;
   const country = user?.country || guest?.country;
   const productionExtensions = ["chrome", "firefox"];
@@ -29311,24 +29331,6 @@ function Instructions({
     };
     input.click();
   };
-  const i = (0, import_react45.useMemo)(
-    () => contextInstructions.length > 0 ? contextInstructions : app?.highlights?.length ? app.highlights : isManaging && appFormWatcher?.highlights?.length ? appFormWatcher.highlights : getExampleInstructions({
-      slug: app?.slug || void 0
-    }),
-    [
-      contextInstructions,
-      app?.highlights,
-      app?.id,
-      app?.slug,
-      isManaging,
-      appFormWatcher?.highlights,
-      app?.name
-    ]
-  );
-  const [instructions, setInstructions] = (0, import_react45.useState)(i);
-  (0, import_react45.useEffect)(() => {
-    setInstructions(i);
-  }, [i]);
   const [showEmojiPicker, setShowEmojiPicker] = (0, import_react45.useState)(false);
   const [selectedEmoji, setSelectedEmoji] = (0, import_react45.useState)("\u{1F338}");
   const [editedTitle, setEditedTitle] = (0, import_react45.useState)("");
@@ -29338,7 +29340,7 @@ function Instructions({
     if (selectedInstruction && isManaging) {
       setInstructions(
         (prev) => prev.map(
-          (i2) => i2.id === selectedInstruction.id ? { ...i2, emoji: emojiData.emoji } : i2
+          (i) => i.id === selectedInstruction.id ? { ...i, emoji: emojiData.emoji } : i
         )
       );
     }
@@ -29443,7 +29445,11 @@ function Instructions({
         appForm?.setValue("highlights", updatedHighlights);
         setInstructions(
           (prev) => prev.map(
-            (i2) => i2.id === instruction.id ? { ...i2, title: instruction.title, emoji: instruction.emoji } : i2
+            (i) => i.id === instruction.id ? {
+              ...i,
+              title: instruction.title,
+              emoji: instruction.emoji
+            } : i
           )
         );
         import_react_hot_toast7.default.success(t6("Deleted"));
@@ -29473,7 +29479,7 @@ function Instructions({
         }
         setInstructions(
           (prev) => prev.map(
-            (i2) => i2.id === instruction.id ? { ...i2, title: editedTitle || i2.title, emoji: selectedEmoji } : i2
+            (i) => i.id === instruction.id ? { ...i, title: editedTitle || i.title, emoji: selectedEmoji } : i
           )
         );
         import_react_hot_toast7.default.success(t6(existingIndex !== -1 ? "Updated" : "Added"));
@@ -29495,7 +29501,7 @@ function Instructions({
         appForm?.setValue("highlights", updatedHighlights);
         setInstructions(
           (prev) => prev.map(
-            (i2) => i2.id === instruction.id ? { ...i2, title: editedTitle || i2.title, emoji: selectedEmoji } : i2
+            (i) => i.id === instruction.id ? { ...i, title: editedTitle || i.title, emoji: selectedEmoji } : i
           )
         );
         import_react_hot_toast7.default.success(t6("Updated"));
@@ -29518,12 +29524,12 @@ function Instructions({
         appForm?.setValue("highlights", updatedHighlights);
         setInstructions(
           (prev) => prev.map(
-            (i2) => i2.id === instruction.id ? {
-              ...i2,
-              title: editedTitle || i2.title,
+            (i) => i.id === instruction.id ? {
+              ...i,
+              title: editedTitle || i.title,
               emoji: selectedEmoji,
               content
-            } : i2
+            } : i
           )
         );
         import_react_hot_toast7.default.success(t6("Updated"));
@@ -29639,7 +29645,7 @@ function Instructions({
   }, [isOpen, isArtifactsOpen]);
   const removeFile = (index) => {
     addHapticFeedback();
-    setFilesInternal((prev) => prev.filter((_, i2) => i2 !== index));
+    setFilesInternal((prev) => prev.filter((_, i) => i !== index));
   };
   const [deletingId, setDeletingId] = (0, import_react45.useState)(null);
   const handleDeleteFile = async (id) => {
@@ -29940,7 +29946,7 @@ ${t6(`The more specific you are, the better AI can assist you!`)}`)
           import_emoji_picker_react.default,
           {
             onEmojiClick: handleEmojiClick,
-            theme: resolvedTheme === "dark" ? import_emoji_picker_react.Theme.DARK : import_emoji_picker_react.Theme.LIGHT,
+            theme: isDark ? import_emoji_picker_react.Theme.DARK : import_emoji_picker_react.Theme.LIGHT,
             searchPlaceHolder: t6("Search emoji..."),
             width: 300,
             height: 400,
@@ -30127,7 +30133,7 @@ ${t6(`The more specific you are, the better AI can assist you!`)}`)
     t6("Add-on")
   ) : null))));
 }
-var import_react45, import_Instructions_module, import_clsx11, import_react_hot_toast7, import_fa, import_emoji_picker_react, import_next_themes;
+var import_react45, import_Instructions_module, import_clsx11, import_react_hot_toast7, import_fa, import_emoji_picker_react;
 var init_Instructions = __esm({
   "Instructions.tsx"() {
     "use strict";
@@ -30149,7 +30155,6 @@ var init_Instructions = __esm({
     init_ConfirmButton();
     import_fa = require("react-icons/fa");
     import_emoji_picker_react = __toESM(require("emoji-picker-react"));
-    import_next_themes = require("next-themes");
     init_Agent();
     init_hooks();
   }
@@ -35540,7 +35545,7 @@ function CharacterProfile({
   }, [props.characterProfile]);
   const { t: t6 } = useAppContext();
   const { token, user, guest, setUser, setGuest, setShowCharacterProfiles } = useAuth();
-  const { thread: thread2, setShouldRefetchThread } = useChat();
+  const { thread: thread2, refetchThread } = useChat();
   const [showActions, setShowActions] = (0, import_react57.useState)(props.showActions);
   const [isPinning, setIsPinning] = (0, import_react57.useState)(false);
   const [isSharing, setIsSharing] = (0, import_react57.useState)(false);
@@ -35566,7 +35571,7 @@ function CharacterProfile({
         const updatedGuest = await actions.getGuest();
         setGuest(updatedGuest);
       }
-      thread2?.characterProfile?.id === characterProfile.id && setShouldRefetchThread(true);
+      thread2?.characterProfile?.id === characterProfile.id && await refetchThread();
     } catch (error) {
       console.error("Error pinning thread:", error);
     } finally {
@@ -35589,7 +35594,7 @@ function CharacterProfile({
         visibility: response?.characterProfileVisibility,
         pinned: response?.pinCharacterProfile
       };
-      thread2?.characterProfile?.id === characterProfile.id && setShouldRefetchThread(true);
+      thread2?.characterProfile?.id === characterProfile.id && await refetchThread();
       setCharacterProfile(newCharacterProfile);
     } catch (error) {
       console.error("Error pinning thread:", error);