@chrryai/chrry 1.5.64 → 1.5.66

package/Chat.module.scss

@@ -8,7 +8,7 @@
   z-index: 1000;
   bottom: toRem.toRem(3);
   padding: 0 toRem.toRem(10);
-  max-width: toRem.toRem(600);
+  max-width: toRem.toRem(620);
 
   width: 100%;
   // transform: translateX(-50%);

package/dist/index.js

@@ -2093,7 +2093,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.5.64";
+    VERSION = config.version || "1.5.66";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -4208,9 +4208,9 @@ function SortableItem({
     transform: import_utilities.CSS.Transform.toString(transform2),
     transition,
     zIndex: isDragging ? 999 : "auto",
-    position: "relative",
-    touchAction: "none"
-    // Important for mobile drag
+    position: "relative"
+    // Don't block touch events on the entire item - let scrolling work
+    // touchAction is set to "none" only on the drag handle itself
   };
   const drag = listeners?.onPointerDown;
   return /* @__PURE__ */ import_react7.default.createElement("div", { ref: setNodeRef, style: style2, ...attributes }, renderItem({
@@ -4233,12 +4233,27 @@ function DraggableList({
   testID
 }) {
   const sensors = (0, import_core.useSensors)(
-    (0, import_core.useSensor)(import_core.PointerSensor),
+    (0, import_core.useSensor)(import_core.PointerSensor, {
+      activationConstraint: {
+        distance: 5
+        // Require 5px movement before drag starts
+      }
+    }),
     (0, import_core.useSensor)(import_core.KeyboardSensor, {
       coordinateGetter: import_sortable.sortableKeyboardCoordinates
     }),
-    (0, import_core.useSensor)(import_core.TouchSensor),
-    (0, import_core.useSensor)(import_core.MouseSensor)
+    (0, import_core.useSensor)(import_core.TouchSensor, {
+      activationConstraint: {
+        distance: 5
+        // Require 5px movement before drag starts
+      }
+    }),
+    (0, import_core.useSensor)(import_core.MouseSensor, {
+      activationConstraint: {
+        distance: 5
+        // Require 5px movement before drag starts
+      }
+    })
   );
   const items = (0, import_react7.useMemo)(
     () => data.map((item, index) => keyExtractor(item, index)),
@@ -24400,7 +24415,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.64";
+  const VERSION4 = "1.5.66";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -36576,7 +36591,7 @@ var init_Chat_styles = __esm({
         zIndex: 1e3,
         bottom: 3,
         padding: "0 10px",
-        maxWidth: 600,
+        maxWidth: 620,
         width: "100%",
         flexDirection: "column",
         flex: 1,
@@ -38680,7 +38695,11 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
       const threadId2 = threadIdRef.current;
       if (!token) return;
       const clientId = data?.clientId;
-      if (type === "stream_update" && data.chunk && clientId) {
+      const chunk2 = data?.chunk;
+      if (type === "stream_update" && chunk2 && clientId && data.message && (isOwner_default(data.message.message, {
+        userId: user?.id,
+        guestId: guest?.id
+      }) ? data.deviceId === deviceId : true)) {
         if (isSpeechActive && os !== "ios") {
           return;
         }
@@ -38695,10 +38714,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         if (shouldStopRef.current) return;
         if (!shouldStopRef.current) {
           streamContentRef.current += data.chunk;
-          const cleanContent = stripActionText(
-            streamContentRef.current,
-            data.chunk
-          );
+          const cleanContent = stripActionText(streamContentRef.current, chunk2);
           onStreamingUpdate?.({
             content: cleanContent,
             clientId,
@@ -39639,7 +39655,8 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           style: {
             ...styles4.chat.style,
             ...isStandalone2 ? styles4.standalone : {},
-            ...isChatFloating ? styles4.chatFloating.style : {}
+            ...isChatFloating ? styles4.chatFloating.style : {},
+            "--glow-color": COLORS[app?.themeColor]
           }
         },
         selectedAgent?.capabilities.imageGeneration && /* @__PURE__ */ React.createElement(
@@ -45062,8 +45079,6 @@ function Store({
       if (app) {
         setSelectedApp(app);
       }
-    } else if (store?.appId && !hasStoreApps(storeAppsContext.find((app) => app.id === app.id))) {
-      setLoadingAppId(store?.appId);
     }
   }, [slugParam, storeAppsContext]);
   const [loadingAppInternal, setLoadingAppInternal] = (0, import_react73.useState)(loadingApp);
@@ -45184,50 +45199,56 @@ function Store({
         /* @__PURE__ */ import_react73.default.createElement(icons_exports.Sparkles, { size: 16, color: "var(--accent-1)" }),
         t5("Create Your Agent")
       )),
-      /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.content.style }, /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.apps.style }, storeApps?.map((app, index) => /* @__PURE__ */ import_react73.default.createElement(
-        Div,
-        {
-          key: app.id,
-          className: "pointer",
-          style: {
-            ...styles4.app.style,
-            ...index === storeApps?.length - 1 && styles4.appLast.style,
-            ...!isMobileDevice ? styles4.appLarge.style : {},
-            ...selectedApp?.id === app.id && styles4.appSelected.style
-          },
-          onClick: () => setSelectedApp(app)
-        },
-        /* @__PURE__ */ import_react73.default.createElement(
-          Span,
-          {
-            style: {
-              ...styles4.badge.style,
-              display: isMobileDevice ? "none" : "flex"
-            }
-          },
-          t5(app.status === "active" ? "live" : "testing")
-        ),
-        /* @__PURE__ */ import_react73.default.createElement(
-          ImageComponent,
-          {
-            style: { ...styles4.appImage.style },
-            app,
-            alt: app.name,
-            size: isMobileDevice ? 40 : 80
-          }
-        ),
-        /* @__PURE__ */ import_react73.default.createElement(
+      /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.content.style }, /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.apps.style }, storeApps?.map((app, index) => {
+        return /* @__PURE__ */ import_react73.default.createElement(
           Div,
           {
+            key: app.id,
+            "data-color": COLORS[app.themeColor],
+            className: `pointer ${loadingApp?.id === app.id ? "placeholderGlow" : ""}`,
             style: {
-              ...styles4.appInfo.style,
-              display: isMobileDevice ? "none" : "flex"
-            }
+              ...styles4.app.style,
+              ...index === storeApps?.length - 1 && styles4.appLast.style,
+              ...!isMobileDevice ? styles4.appLarge.style : {},
+              ...selectedApp?.id === app.id && styles4.appSelected.style,
+              boxShadow: COLORS[app.themeColor],
+              borderColor: COLORS[app.themeColor],
+              "--glow-color": COLORS[app.themeColor]
+            },
+            onClick: () => setSelectedApp(app)
           },
-          /* @__PURE__ */ import_react73.default.createElement(Span, { style: { ...styles4.appName.style } }, loadingAppId === app.id ? /* @__PURE__ */ import_react73.default.createElement(Loading, { size: 16 }) : app.icon, " ", app.name),
-          /* @__PURE__ */ import_react73.default.createElement(Span, { style: { ...styles4.appSubtitle.style } }, t5(app.subtitle || ""))
-        )
-      ))), /* @__PURE__ */ import_react73.default.createElement(Div, { key: selectedApp?.id, style: styles4.footer.style }, selectedApp && /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.appDetails.style }, /* @__PURE__ */ import_react73.default.createElement(H3, { style: styles4.appTitle.style }, selectedApp.icon, " ", selectedApp.name, /* @__PURE__ */ import_react73.default.createElement(
+          /* @__PURE__ */ import_react73.default.createElement(
+            Span,
+            {
+              style: {
+                ...styles4.badge.style,
+                display: isMobileDevice ? "none" : "flex"
+              }
+            },
+            t5(app.status === "active" ? "live" : "testing")
+          ),
+          /* @__PURE__ */ import_react73.default.createElement(
+            ImageComponent,
+            {
+              style: { ...styles4.appImage.style },
+              app,
+              alt: app.name,
+              size: isMobileDevice ? 40 : 80
+            }
+          ),
+          /* @__PURE__ */ import_react73.default.createElement(
+            Div,
+            {
+              style: {
+                ...styles4.appInfo.style,
+                display: isMobileDevice ? "none" : "flex"
+              }
+            },
+            /* @__PURE__ */ import_react73.default.createElement(Span, { style: { ...styles4.appName.style } }, loadingAppId === app.id ? /* @__PURE__ */ import_react73.default.createElement(Loading, { size: 16 }) : app.icon, " ", app.name),
+            /* @__PURE__ */ import_react73.default.createElement(Span, { style: { ...styles4.appSubtitle.style } }, t5(app.subtitle || ""))
+          )
+        );
+      })), /* @__PURE__ */ import_react73.default.createElement(Div, { key: selectedApp?.id, style: styles4.footer.style }, selectedApp && /* @__PURE__ */ import_react73.default.createElement(Div, { style: styles4.appDetails.style }, /* @__PURE__ */ import_react73.default.createElement(H3, { style: styles4.appTitle.style }, selectedApp.icon, " ", selectedApp.name, /* @__PURE__ */ import_react73.default.createElement(
         Anchor,
         {
           href: getAppSlug(selectedApp),
@@ -50166,12 +50187,20 @@ function FocusButton2({
               onPointerDown: (e) => {
                 if (e.pointerType === "mouse" && e.button !== 0)
                   return;
+                e.preventDefault();
+                e.stopPropagation();
                 drag(e);
               },
+              onPointerUp: (e) => {
+                e.stopPropagation();
+              },
               style: {
                 ...styles4.dragHandle.style,
                 touchAction: "none",
-                cursor: "grab"
+                cursor: "grab",
+                // Increase touch target size for better mobile UX
+                padding: "8px",
+                margin: "-8px"
               }
             },
             /* @__PURE__ */ import_react87.default.createElement(icons_exports.GripVertical, { width: 22, height: 22 })
@@ -81908,6 +81937,198 @@ var init_Hey = __esm({
   }
 });
 
+// lib/swrCacheProvider.ts
+async function withRetry(operation, config2, operationName) {
+  let lastError;
+  for (let attempt = 0; attempt < config2.maxRetries; attempt++) {
+    try {
+      return await operation();
+    } catch (error) {
+      lastError = error;
+      if (isQuotaExceeded(error)) {
+        console.warn(`[SWR Cache] Quota exceeded during ${operationName}`);
+        throw error;
+      }
+      const delay = config2.retryBaseDelay * Math.pow(2, attempt);
+      await new Promise((resolve) => setTimeout(resolve, delay));
+    }
+  }
+  console.error(
+    `[SWR Cache] ${operationName} failed after ${config2.maxRetries} retries:`,
+    lastError
+  );
+  return void 0;
+}
+function isQuotaExceeded(error) {
+  if (error instanceof Error) {
+    return error.name === "QuotaExceededError" || error.message.includes("quota") || error.message.includes("storage");
+  }
+  return false;
+}
+function createDexieProvider(config2 = DEFAULT_CONFIG) {
+  const db = new SWRDexieDB();
+  const memCache = /* @__PURE__ */ new Map();
+  let degradedMode = false;
+  let gcTimer = null;
+  async function runGarbageCollection() {
+    if (degradedMode) return;
+    try {
+      const now2 = Date.now();
+      const expiredKeys = await db.cache.where("ts").below(now2 - config2.ttl).primaryKeys();
+      if (expiredKeys.length > 0) {
+        await db.cache.bulkDelete(expiredKeys);
+        expiredKeys.forEach((key) => memCache.delete(key));
+        console.debug(
+          `[SWR Cache] GC: Removed ${expiredKeys.length} expired entries`
+        );
+      }
+      const totalCount = await db.cache.count();
+      if (totalCount > config2.maxEntries) {
+        const toEvict = totalCount - config2.maxEntries + config2.evictionBatchSize;
+        const lruEntries = await db.cache.orderBy("lastAccess").limit(toEvict).primaryKeys();
+        if (lruEntries.length > 0) {
+          await db.cache.bulkDelete(lruEntries);
+          lruEntries.forEach((key) => memCache.delete(key));
+          console.debug(
+            `[SWR Cache] GC: Evicted ${lruEntries.length} LRU entries`
+          );
+        }
+      }
+    } catch (error) {
+      console.warn("[SWR Cache] GC failed:", error);
+    }
+  }
+  async function initialize() {
+    try {
+      const now2 = Date.now();
+      const items = await db.cache.toArray();
+      let expiredCount = 0;
+      let loadedCount = 0;
+      let migratedCount = 0;
+      for (const item of items) {
+        if (item.version !== SCHEMA_VERSION) {
+          await db.cache.update(item.key, {
+            version: SCHEMA_VERSION,
+            lastAccess: item.lastAccess || item.ts
+          });
+          migratedCount++;
+        }
+        if (now2 - item.ts <= config2.ttl) {
+          memCache.set(item.key, item.value);
+          loadedCount++;
+        } else {
+          db.cache.delete(item.key).catch(() => {
+          });
+          expiredCount++;
+        }
+      }
+      console.debug(
+        `[SWR Cache] Initialized: ${loadedCount} loaded, ${expiredCount} expired, ${migratedCount} migrated`
+      );
+      gcTimer = setInterval(runGarbageCollection, config2.gcInterval);
+      setTimeout(runGarbageCollection, 1e3);
+    } catch (error) {
+      console.warn("[SWR Cache] Failed to initialize from IndexedDB:", error);
+      degradedMode = true;
+    }
+  }
+  initialize();
+  return {
+    get: (key) => {
+      const value = memCache.get(key);
+      if (value !== void 0 && !degradedMode) {
+        db.cache.update(key, { lastAccess: Date.now() }).catch(() => {
+        });
+      }
+      return value;
+    },
+    set: (key, value) => {
+      memCache.set(key, value);
+      if (degradedMode) return;
+      const entry = {
+        key,
+        value,
+        ts: Date.now(),
+        lastAccess: Date.now(),
+        version: SCHEMA_VERSION
+      };
+      withRetry(() => db.cache.put(entry), config2, `set(${key})`).catch(
+        (error) => {
+          if (isQuotaExceeded(error)) {
+            runGarbageCollection().then(() => {
+              db.cache.put(entry).catch(() => {
+                console.warn("[SWR Cache] Switching to degraded mode");
+                degradedMode = true;
+              });
+            });
+          }
+        }
+      );
+    },
+    delete: (key) => {
+      memCache.delete(key);
+      if (degradedMode) return;
+      db.cache.delete(key).catch((error) => {
+        console.error("[SWR Cache] Failed to delete from IndexedDB:", error);
+      });
+    },
+    keys: () => {
+      return memCache.keys();
+    }
+  };
+}
+function createMemoryProvider() {
+  const cache = /* @__PURE__ */ new Map();
+  return cache;
+}
+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 createMemoryProvider();
+}
+var import_dexie, DEFAULT_CONFIG, SCHEMA_VERSION, SWRDexieDB, swrCacheProvider_default;
+var init_swrCacheProvider = __esm({
+  "lib/swrCacheProvider.ts"() {
+    "use strict";
+    import_dexie = __toESM(require("dexie"));
+    DEFAULT_CONFIG = {
+      ttl: 60 * 60 * 1e3,
+      // 1 hour
+      maxEntries: 1e3,
+      gcInterval: 5 * 60 * 1e3,
+      // 5 minutes
+      evictionBatchSize: 100,
+      maxRetries: 3,
+      retryBaseDelay: 100
+    };
+    SCHEMA_VERSION = 2;
+    SWRDexieDB = class extends import_dexie.default {
+      cache;
+      constructor() {
+        super("swr-dexie-cache");
+        this.version(1).stores({
+          cache: "key, ts"
+        });
+        this.version(2).stores({
+          cache: "key, ts, lastAccess, version"
+        }).upgrade((tx) => {
+          return tx.table("cache").toCollection().modify((entry) => {
+            entry.lastAccess = entry.ts;
+            entry.version = 1;
+          });
+        });
+      }
+    };
+    swrCacheProvider_default = getCacheProvider;
+  }
+});
+
 // context/providers/index.tsx
 function AppProviders({
   children,
@@ -81927,7 +82148,7 @@ function AppProviders({
   const [error, setError] = (0, import_react117.useState)("");
   const swrConfig = {
     // Use persistent cache provider (IndexedDB on web, MMKV on native)
-    // ...(cacheProvider ? { provider: cacheProvider } : {}),
+    provider: swrCacheProvider_default,
     // Pre-populate cache with SSR data
     // fallback: {
     //   ...(session ? { session: { data: session } } : {}),
@@ -82002,6 +82223,7 @@ var init_providers = __esm({
     import_swr10 = require("swr");
     init_TimerContext();
     init_Hey();
+    init_swrCacheProvider();
   }
 });