@chrryai/chrry 1.2.26 → 1.2.27

package/App.module.scss

@@ -30,10 +30,13 @@
 .appsGrid {
   position: relative;
   width: 100%;
-  max-width: toRem.toRem(340);
+
+  max-width: toRem.toRem(650);
   padding: 0 toRem.toRem(10);
 }
 .apps {
+  max-width: 50%;
+  flex-grow: 1;
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -55,16 +58,16 @@
 }
 
 .pacMan {
-  position: absolute;
-  left: toRem.toRem(-2.5) !important;
-  bottom: toRem.toRem(2) !important;
+  position: relative;
+  left: toRem.toRem(-3) !important;
+  bottom: toRem.toRem(0) !important;
   animation: slideInFromLeft 0.5s ease-out forwards;
   @include utils.respect-reduced-motion;
 }
 
 .chrry {
   position: relative;
-  left: toRem.toRem(-5) !important;
+  left: toRem.toRem(-3) !important;
   animation: slideInFromLeft 0.5s ease-out forwards;
   @include utils.respect-reduced-motion;
 }

package/dist/{App.module-QMVPLXZC.scss → App.module-UPUZTZ7J.scss}

@@ -30,10 +30,13 @@
 .appsGrid {
   position: relative;
   width: 100%;
-  max-width: toRem.toRem(340);
+
+  max-width: toRem.toRem(650);
   padding: 0 toRem.toRem(10);
 }
 .apps {
+  max-width: 50%;
+  flex-grow: 1;
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -55,16 +58,16 @@
 }
 
 .pacMan {
-  position: absolute;
-  left: toRem.toRem(-2.5) !important;
-  bottom: toRem.toRem(2) !important;
+  position: relative;
+  left: toRem.toRem(-3) !important;
+  bottom: toRem.toRem(0) !important;
   animation: slideInFromLeft 0.5s ease-out forwards;
   @include utils.respect-reduced-motion;
 }
 
 .chrry {
   position: relative;
-  left: toRem.toRem(-5) !important;
+  left: toRem.toRem(-3) !important;
   animation: slideInFromLeft 0.5s ease-out forwards;
   @include utils.respect-reduced-motion;
 }

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -2030,10 +2030,12 @@ var init_App_styles = __esm({
       appsGrid: {
         position: "relative",
         width: "100%",
-        maxWidth: 340,
+        maxWidth: 650,
         padding: "0 10px"
       },
       apps: {
+        maxWidth: "50%",
+        flexGrow: 1,
         position: "relative",
         display: "flex",
         flexWrap: "wrap",
@@ -2047,13 +2049,13 @@ var init_App_styles = __esm({
       },
       appItem: {},
       pacMan: {
-        position: "absolute",
-        left: -2,
-        bottom: 2
+        position: "relative",
+        left: -3,
+        bottom: 0
       },
       chrry: {
         position: "relative",
-        left: -5
+        left: -3
       },
       grip: {},
       instructions: {},
@@ -17326,7 +17328,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.26";
+  const VERSION3 = "1.2.27";
   const [weather, setWeather] = useLocalStorage("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -18303,7 +18305,7 @@ var init_utils = __esm({
       window.history.replaceState({}, "", newUrl);
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.2.26";
+    VERSION = "1.2.27";
     getSlugFromPathname = (path) => {
       const siteConfig = getSiteConfig();
       return getAppAndStoreSlugs(path, {
@@ -21595,16 +21597,16 @@ function ImageComponent(props) {
   const color = COLORS2[app?.themeColor] || "var(--accent-6)";
   if (app?.store?.slug === "movies" && app.slug !== "popcorn") {
     if (app.slug === "fightClub") {
-      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F94A}");
+      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F9FC}");
     }
     if (app.slug === "inception") {
-      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F6CF}\uFE0F");
+      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F300}");
     }
     if (app.slug === "pulpFiction") {
       return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F354}");
     }
     if (app.slug === "hungerGames") {
-      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F5FA}\uFE0F");
+      return /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: size } }, "\u{1F3F9}");
     }
     return /* @__PURE__ */ import_react32.default.createElement(icons_exports.Clapperboard, { color, size });
   }
@@ -25878,6 +25880,7 @@ function App({
       return 0;
     });
   };
+  const appNameLength = store?.apps?.slice(store?.apps?.length - 2, store?.apps?.length)?.map((app2) => app2.name)?.join(", ")?.length || 0;
   const [appsState, setApps] = import_react49.default.useState(getApps2());
   const popcorn = appsState.find((app2) => app2.slug === "popcorn");
   (0, import_react49.useEffect)(() => {
@@ -26465,164 +26468,173 @@ function App({
       title: t5("Drag and drop to reorder apps")
     },
     /* @__PURE__ */ import_react49.default.createElement(icons_exports.Grip, { size: 24, color: "var(--accent-1)" })
-  )), !isManagingApp && /* @__PURE__ */ import_react49.default.createElement("div", { className: (0, import_clsx12.default)(import_App_module.default.section, import_App_module.default.appsGrid) }, /* @__PURE__ */ import_react49.default.createElement(DraggableAppList, { className: (0, import_clsx12.default)(import_App_module.default.apps) }, appsState.filter((app2) => app2.slug !== popcorn?.slug).slice(0, 5)?.map((item, index) => {
-    const showPacmanHere = app?.store?.appId === chrry?.id ? index === 2 : store?.slug === "deepSeekStore" || store?.slug === "claudeStore" ? index === 2 : index === 3;
-    const showSpaceInvaderHere = app?.store?.appId === chrry?.id ? index === 3 : store?.slug === "deepSeekStore" || store?.slug === "claudeStore" ? index === 4 : index === 4;
-    return /* @__PURE__ */ import_react49.default.createElement(
-      DraggableAppItem,
-      {
-        key: item.id,
-        id: item.id,
-        index,
-        onMove: reorder.moveApp,
-        onDragStart: reorder.handleDragStart,
-        onDragEnd: reorder.handleDragEnd,
-        onDrop: reorder.handleDrop,
-        className: (0, import_clsx12.default)(import_App_module.default.appItem),
-        style: {
-          display: "inline-flex"
-        }
-      },
-      /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, item.id === chrry?.id && /* @__PURE__ */ import_react49.default.createElement(
-        Anchor,
+  )), !isManagingApp && /* @__PURE__ */ import_react49.default.createElement(
+    Div,
+    {
+      style: {
+        ...appStyles.section.style,
+        ...appStyles.appsGrid.style
+      }
+    },
+    /* @__PURE__ */ import_react49.default.createElement(DraggableAppList, { className: (0, import_clsx12.default)(import_App_module.default.apps) }, appsState.filter((app2) => app2.slug !== popcorn?.slug).slice(0, 5)?.map((item, index) => {
+      const showPacmanHere = app?.id === chrry?.id ? index === 2 : index === 3;
+      const showSpaceInvaderHere = app?.id === chrry?.id ? index === 3 : index === 4;
+      return /* @__PURE__ */ import_react49.default.createElement(
+        DraggableAppItem,
         {
-          href: getAppSlug(item),
-          onClick: (e) => {
-            if (isManagingApp) {
-              e.preventDefault();
-              return;
-            }
-            if (e.metaKey || e.ctrlKey) {
-              return;
-            }
-            e.preventDefault();
-            setIsNewChat(true, getAppSlug(item));
-          },
-          className: (0, import_clsx12.default)("link", import_App_module.default.chrry)
+          key: item.id,
+          id: item.id,
+          index,
+          onMove: reorder.moveApp,
+          onDragStart: reorder.handleDragStart,
+          onDragEnd: reorder.handleDragEnd,
+          onDrop: reorder.handleDrop,
+          className: (0, import_clsx12.default)(import_App_module.default.appItem),
+          style: {
+            display: "inline-flex"
+          }
         },
-        /* @__PURE__ */ import_react49.default.createElement(
-          ImageComponent,
+        /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, item.id === chrry?.id && /* @__PURE__ */ import_react49.default.createElement(
+          Anchor,
           {
-            className: (0, import_clsx12.default)("link", import_App_module.default.chrry),
-            containerClass: (0, import_clsx12.default)("link", import_App_module.default.chrry),
-            logo: "chrry",
-            alt: "Chrry",
-            title: "Chrry",
-            width: 28,
-            height: 28
-          }
-        )
-      ), showPacmanHere ? popcorn ? /* @__PURE__ */ import_react49.default.createElement(
-        Anchor,
-        {
-          href: getAppSlug(popcorn),
-          onClick: (e) => {
-            if (isManagingApp) {
+            href: getAppSlug(item),
+            onClick: (e) => {
+              if (isManagingApp) {
+                e.preventDefault();
+                return;
+              }
+              if (e.metaKey || e.ctrlKey) {
+                return;
+              }
               e.preventDefault();
-              return;
-            }
-            if (e.metaKey || e.ctrlKey) {
-              return;
-            }
-            e.preventDefault();
-            setIsNewChat(true, getAppSlug(popcorn));
+              setIsNewChat(true, getAppSlug(item));
+            },
+            className: (0, import_clsx12.default)("link", import_App_module.default.chrry)
           },
-          className: (0, import_clsx12.default)("link", import_App_module.default.chrry)
-        },
-        /* @__PURE__ */ import_react49.default.createElement(
-          ImageComponent,
+          /* @__PURE__ */ import_react49.default.createElement(
+            ImageComponent,
+            {
+              className: (0, import_clsx12.default)("link", import_App_module.default.chrry),
+              containerClass: (0, import_clsx12.default)("link", import_App_module.default.chrry),
+              logo: "chrry",
+              alt: "Chrry",
+              title: "Chrry",
+              width: 28,
+              height: 28
+            }
+          )
+        ), showPacmanHere ? popcorn ? /* @__PURE__ */ import_react49.default.createElement(
+          Anchor,
           {
-            className: (0, import_clsx12.default)("link", import_App_module.default.chrry),
-            containerClass: (0, import_clsx12.default)("link", import_App_module.default.chrry),
-            app: popcorn,
-            width: 80,
-            height: 80
-          }
-        )
-      ) : /* @__PURE__ */ import_react49.default.createElement(
-        "button",
-        {
-          onClick: () => setAppStatus({
-            currentStep: "add",
-            part: "highlights"
-          }),
-          className: (0, import_clsx12.default)("link", import_App_module.default.pacMan)
-        },
-        /* @__PURE__ */ import_react49.default.createElement(
-          ImageComponent,
+            href: getAppSlug(popcorn),
+            onClick: (e) => {
+              if (isManagingApp) {
+                e.preventDefault();
+                return;
+              }
+              if (e.metaKey || e.ctrlKey) {
+                return;
+              }
+              e.preventDefault();
+              setIsNewChat(true, getAppSlug(popcorn));
+            },
+            className: (0, import_clsx12.default)("link", import_App_module.default.chrry)
+          },
+          /* @__PURE__ */ import_react49.default.createElement(
+            ImageComponent,
+            {
+              className: (0, import_clsx12.default)("link", import_App_module.default.chrry),
+              containerClass: (0, import_clsx12.default)("link", import_App_module.default.chrry),
+              app: popcorn,
+              width: 80,
+              height: 80
+            }
+          )
+        ) : /* @__PURE__ */ import_react49.default.createElement(
+          "button",
           {
-            className: (0, import_clsx12.default)("link", import_App_module.default.pacMan),
-            containerClass: (0, import_clsx12.default)("link", import_App_module.default.pacMan),
-            icon: "pacman",
-            alt: "Pacman",
-            title: "Pacman",
-            width: 26,
-            height: 26
-          }
-        )
-      ) : null, slug && index === appsState.findIndex(
-        (a) => getAppSlug(a) === slug
-      ) ? /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(StoreApp, { key: "vex" })) : item.id !== chrry?.id && item.id !== app?.id && /* @__PURE__ */ import_react49.default.createElement(
-        Anchor,
-        {
-          key: item.slug,
-          title: t5(item.title),
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: "0.35rem"
+            onClick: () => setAppStatus({
+              currentStep: "add",
+              part: "highlights"
+            }),
+            className: (0, import_clsx12.default)("link", import_App_module.default.pacMan)
           },
-          href: getAppSlug(item),
-          className: (0, import_clsx12.default)(
-            "button  small",
-            isManagingApp ? "transparent" : "inverted"
-          ),
-          onClick: (e) => {
-            if (isManagingApp) {
+          /* @__PURE__ */ import_react49.default.createElement(
+            ImageComponent,
+            {
+              className: (0, import_clsx12.default)("link", import_App_module.default.pacMan),
+              containerClass: (0, import_clsx12.default)("link", import_App_module.default.pacMan),
+              icon: "pacman",
+              alt: "Pacman",
+              title: "Pacman",
+              width: 26,
+              height: 26
+            }
+          )
+        ) : null, slug && index === appsState.findIndex(
+          (a) => getAppSlug(a) === slug
+        ) ? /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, /* @__PURE__ */ import_react49.default.createElement(StoreApp, { key: "vex" })) : item.id !== chrry?.id && item.id !== app?.id && /* @__PURE__ */ import_react49.default.createElement(
+          Anchor,
+          {
+            key: item.slug,
+            title: t5(item.title),
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "0.35rem"
+            },
+            href: getAppSlug(item),
+            className: (0, import_clsx12.default)(
+              "button  small",
+              isManagingApp ? "transparent" : "inverted"
+            ),
+            onClick: (e) => {
+              if (isManagingApp) {
+                e.preventDefault();
+                return;
+              }
+              addHapticFeedback();
+              if (e.metaKey || e.ctrlKey) {
+                return;
+              }
               e.preventDefault();
-              return;
             }
-            addHapticFeedback();
-            if (e.metaKey || e.ctrlKey) {
-              return;
+          },
+          /* @__PURE__ */ import_react49.default.createElement(
+            ImageComponent,
+            {
+              showLoading: false,
+              app: item,
+              alt: item.title,
+              size: 24
             }
-            e.preventDefault();
-          }
-        },
-        /* @__PURE__ */ import_react49.default.createElement(
-          ImageComponent,
-          {
-            showLoading: false,
-            app: item,
-            alt: item.title,
-            size: 24
-          }
-        ),
-        /* @__PURE__ */ import_react49.default.createElement("span", null, item.name)
-      ), showSpaceInvaderHere && /* @__PURE__ */ import_react49.default.createElement(
-        "button",
-        {
-          className: (0, import_clsx12.default)("link", import_App_module.default.spaceInvader),
-          onClick: () => setAppStatus({
-            currentStep: "add",
-            part: "name"
-          })
-        },
-        /* @__PURE__ */ import_react49.default.createElement(
-          ImageComponent,
+          ),
+          /* @__PURE__ */ import_react49.default.createElement("span", null, item.name)
+        ), showSpaceInvaderHere && /* @__PURE__ */ import_react49.default.createElement(
+          "button",
           {
             className: (0, import_clsx12.default)("link", import_App_module.default.spaceInvader),
-            containerClass: (0, import_clsx12.default)(import_App_module.default.spaceInvader),
-            icon: "spaceInvader",
-            alt: "Space Invader",
-            title: t5("Space Invader"),
-            width: 26,
-            height: 26
-          }
-        )
-      ))
-    );
-  })))), /* @__PURE__ */ import_react49.default.createElement("div", { className: import_App_module.default.instructions }, isManagingApp && /* @__PURE__ */ import_react49.default.createElement(
+            onClick: () => setAppStatus({
+              currentStep: "add",
+              part: "name"
+            })
+          },
+          /* @__PURE__ */ import_react49.default.createElement(
+            ImageComponent,
+            {
+              className: (0, import_clsx12.default)("link", import_App_module.default.spaceInvader),
+              containerClass: (0, import_clsx12.default)(import_App_module.default.spaceInvader),
+              icon: "spaceInvader",
+              alt: "Space Invader",
+              title: t5("Space Invader"),
+              width: 26,
+              height: 26
+            }
+          )
+        ))
+      );
+    }))
+  )), /* @__PURE__ */ import_react49.default.createElement("div", { className: import_App_module.default.instructions }, isManagingApp && /* @__PURE__ */ import_react49.default.createElement(
     Instructions,
     {
       showButton: true,
@@ -26653,7 +26665,7 @@ var init_App = __esm({
     import_react49 = __toESM(require("react"));
     init_platform();
     import_clsx12 = __toESM(require("clsx"));
-    import_App_module = __toESM(require("./App.module-QMVPLXZC.scss"));
+    import_App_module = __toESM(require("./App.module-UPUZTZ7J.scss"));
     init_EnableNotifications();
     init_Image();
     init_Image();