@chrryai/chrry 1.4.53 → 1.4.55

package/App.module.scss

@@ -34,10 +34,6 @@
   padding: 0 toRem.toRem(10);
 }
 
-.focus {
-  position: relative;
-}
-
 .focusTime {
   position: absolute;
   top: toRem.toRem(-5);
@@ -64,13 +60,12 @@
 }
 
 .spaceInvader,
-.atlas,
-.focus {
+.atlas {
   position: relative;
   margin-left: toRem.toRem(10);
 
   &.focus {
-    right: toRem.toRem(-3.5);
+    right: toRem.toRem(0);
   }
   &.spaceInvader {
     animation: float 2.5s ease-in-out forwards;
@@ -78,6 +73,11 @@
   }
 }
 
+.focus {
+  position: relative;
+  margin-left: toRem.toRem(5);
+}
+
 .atlas {
   position: relative;
   margin-left: toRem.toRem(10);

package/CharacterProfiles.module.scss

@@ -27,3 +27,7 @@
 .characterProfileButton {
   animation: pulse 1s ease-in-out;
 }
+
+.characterProfile {
+  margin: 0;
+}

package/dist/index.js

@@ -1899,7 +1899,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.4.53";
+    VERSION = config.version || "1.4.55";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -24079,7 +24079,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react20.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react20.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react20.useState)(false);
-  const VERSION4 = "1.4.53";
+  const VERSION4 = "1.4.55";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -25418,13 +25418,13 @@ function AppProvider({ children }) {
     ]
   );
   const [instructions, setInstructions] = (0, import_react27.useState)(instructionsInternal);
-  const [showingCustom, setShowingCustom] = (0, import_react27.useState)(false);
   (0, import_react27.useEffect)(() => {
     setInstructions(instructionsInternal);
   }, [instructionsInternal]);
   const hasCustomInstructions = contextInstructions.some(
     (i) => !app?.highlights?.some((h) => h.id === i.id)
   );
+  const [showingCustom, setShowingCustom] = (0, import_react27.useState)(hasCustomInstructions);
   const isAppInstructions = contextInstructions.every(
     (i) => app?.highlights?.some((h) => h.id === i.id)
   );
@@ -27053,10 +27053,6 @@ var init_App_styles = __esm({
         width: "100%",
         padding: "0 10px"
       },
-      focus: {
-        position: "relative",
-        marginLeft: 10
-      },
       focusTime: {
         position: "absolute",
         top: -5,
@@ -27083,7 +27079,7 @@ var init_App_styles = __esm({
         marginLeft: 10
       },
       spaceInvaderFocus: {
-        right: -3
+        right: 0
       },
       spaceInvaderSpaceInvader: {},
       atlas: {
@@ -27092,13 +27088,13 @@ var init_App_styles = __esm({
         top: -5
       },
       atlasFocus: {
-        right: -3
+        right: 0
       },
       atlasSpaceInvader: {},
-      focusFocus: {
-        right: -3
+      focus: {
+        position: "relative",
+        marginLeft: 5
       },
-      focusSpaceInvader: {},
       appItem: {
         position: "relative",
         flex: 1,
@@ -27403,7 +27399,7 @@ var init_breakpoints = __esm({
 
 // styles/createStyleProxy.ts
 function createStyleProxy(options) {
-  const { styles: styles4, theme, dimensions, styleCache: styleCache2 } = options;
+  const { styles: styles4, theme, dimensions, styleCache: styleCache2, isWeb: isWeb2 = true } = options;
   if (!styles4 || typeof styles4 !== "object") {
     console.warn("createStyleProxy: styles object is undefined or invalid");
     return new Proxy({}, {
@@ -27427,7 +27423,9 @@ function createStyleProxy(options) {
         if (isResponsiveValue(value)) {
           resolvedValue = getResponsiveValue(dimensions.width, value);
         }
-        resolvedValue = resolveThemeValue(resolvedValue, theme);
+        if (!isWeb2) {
+          resolvedValue = resolveThemeValue(resolvedValue, theme);
+        }
         if (key === "fontSize" && typeof resolvedValue === "string" && resolvedValue.includes("vw")) {
           const vwValue = parseFloat(resolvedValue);
           const calculatedSize = dimensions.width * vwValue / 100;
@@ -27499,7 +27497,9 @@ function createStyleHook(styles4) {
       styles: styles4.native,
       theme,
       dimensions,
-      styleCache: styleCache2
+      styleCache: styleCache2,
+      isWeb: platform?.isWeb ?? true
+      // Default to web if platform not available
     });
   };
 }
@@ -29520,7 +29520,7 @@ var init_Sidebar_styles = __esm({
         justifyContent: "center",
         alignItems: "center",
         position: "fixed",
-        backgroundColor: "#000",
+        backgroundColor: "var(--background)",
         zIndex: 999999
       },
       splashHidden: {
@@ -29940,6 +29940,7 @@ function Modal({
       /* @__PURE__ */ import_react41.default.createElement(
         Div,
         {
+          className: "slideUp",
           "data-testid": dataTestId,
           style: styles4.inner.style,
           ref: innerRef
@@ -35900,7 +35901,7 @@ function App({
         ) : showPacmanHere && /* @__PURE__ */ import_react56.default.createElement(
           Button,
           {
-            className: "link",
+            className: "link slideInFromLeft",
             onClick: () => setAppStatus({
               step: canEditApp ? "update" : "add",
               part: "highlights"
@@ -35982,7 +35983,7 @@ function App({
         ), showFocusHere && /* @__PURE__ */ import_react56.default.createElement(FocusButton, { time }), showSpaceInvaderHere && /* @__PURE__ */ import_react56.default.createElement(
           Button,
           {
-            className: "link",
+            className: "link float",
             key: showingCustom ? "customInstructions" : "appInstructions",
             style: {
               ...styles4.spaceInvader.style
@@ -36009,9 +36010,8 @@ function App({
               style: {
                 position: "absolute",
                 bottom: 1,
-                right: -13,
-                zIndex: -1,
-                color: "var(--accent-1)"
+                right: -5,
+                color: "#f87171"
               }
             }
           )
@@ -41074,7 +41074,7 @@ function Menu({
         icons_exports.PanelRight,
         {
           strokeWidth: 1.5,
-          color: colors2.accent1,
+          color: "var(--accent-1)",
           size: 20
         }
       )
@@ -41556,7 +41556,10 @@ var init_CharacterProfiles_styles = __esm({
         flexDirection: "column",
         gap: 5
       },
-      characterProfileButton: {}
+      characterProfileButton: {},
+      characterProfile: {
+        margin: 0
+      }
     };
     CharacterProfilesStyles = createUnifiedStyles(
       CharacterProfilesStyleDefs
@@ -41568,6 +41571,7 @@ var init_CharacterProfiles_styles = __esm({
 // CharacterProfile.tsx
 function CharacterProfile({
   onCharacterProfileUpdate,
+  style: style2,
   ...props
 }) {
   const [characterProfile, setCharacterProfile] = (0, import_react64.useState)(
@@ -41638,62 +41642,57 @@ function CharacterProfile({
       onCharacterProfileUpdate?.();
     }
   };
-  return /* @__PURE__ */ import_react64.default.createElement(Div, null, /* @__PURE__ */ import_react64.default.createElement(Div, { key: characterProfile.id }, /* @__PURE__ */ import_react64.default.createElement(Div, { style: styles4.characterProfilesActions.style }, characterProfile.pinned && showActions && /* @__PURE__ */ import_react64.default.createElement(
-    Button,
-    {
-      title: t6("Share"),
-      onClick: () => setIsSharing(!isSharing),
-      className: "small link"
-    },
-    characterProfile.visibility === "public" && !isSharing ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.Unlock, { size: 16, color: "var(--accent-6)" }) : isSharing ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.CircleX, { size: 16, color: "var(--accent-6)" }) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Share, { size: 16, color: "var(--accent-6)" })
-  ), isSharing ? /* @__PURE__ */ import_react64.default.createElement(
-    Button,
+  return /* @__PURE__ */ import_react64.default.createElement(
+    Div,
     {
-      className: characterProfile.visibility === "public" ? "transparent" : "inverted",
-      onClick: () => handleShare(),
-      disabled: isChangingVisibility
+      key: characterProfile.id,
+      style: { ...styles4.characterProfilesActions.style, ...style2 }
     },
-    /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, isChangingVisibility ? /* @__PURE__ */ import_react64.default.createElement(Loading, { color: "var(--accent-1)", width: 14, height: 14 }) : characterProfile.visibility === "public" ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.Lock, { size: 16 }) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Unlock, { size: 16 }), t6(
-      characterProfile.visibility === "public" ? "Make it private" : "Make it public"
-    ))
-  ) : /* @__PURE__ */ import_react64.default.createElement(
-    Button,
-    {
-      onClick: () => {
-        if (props.showActions) {
-          setShowCharacterProfiles(true);
-          return;
-        }
-        setShowActions(!showActions);
+    characterProfile.pinned && showActions && /* @__PURE__ */ import_react64.default.createElement(
+      Button,
+      {
+        title: t6("Share"),
+        onClick: () => setIsSharing(!isSharing),
+        className: "small link"
       },
-      className: "inverted inverted"
-    },
-    /* @__PURE__ */ import_react64.default.createElement(
-      icons_exports.Sparkles,
+      characterProfile.visibility === "public" && !isSharing ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.Unlock, { size: 16, color: "var(--accent-6)" }) : isSharing ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.CircleX, { size: 16, color: "var(--accent-6)" }) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Share, { size: 16, color: "var(--accent-6)" })
+    ),
+    isSharing ? /* @__PURE__ */ import_react64.default.createElement(
+      Button,
       {
-        size: 16,
-        color: "var(--accent-1)",
-        fill: "var(--accent-1)"
-      }
+        className: characterProfile.visibility === "public" ? "transparent" : "inverted",
+        onClick: () => handleShare(),
+        disabled: isChangingVisibility
+      },
+      /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, isChangingVisibility ? /* @__PURE__ */ import_react64.default.createElement(Loading, { color: "var(--accent-1)", width: 14, height: 14 }) : characterProfile.visibility === "public" ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.Lock, { size: 16 }) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Unlock, { size: 16 }), t6(
+        characterProfile.visibility === "public" ? "Make it private" : "Make it public"
+      ))
+    ) : /* @__PURE__ */ import_react64.default.createElement(
+      Button,
+      {
+        onClick: () => {
+          if (props.showActions) {
+            setShowCharacterProfiles(true);
+            return;
+          }
+          setShowActions(!showActions);
+        },
+        className: "inverted inverted"
+      },
+      /* @__PURE__ */ import_react64.default.createElement(icons_exports.Sparkles, { size: 16, color: "var(--accent-1)", fill: "var(--accent-1)" }),
+      characterProfile.name
     ),
-    characterProfile.name
-  ), showActions && /* @__PURE__ */ import_react64.default.createElement(
-    Button,
-    {
-      disabled: isPinning,
-      onClick: () => handlePin(),
-      className: "small link",
-      title: characterProfile.pinned ? t6("Unpin") : t6("Pin")
-    },
-    isPinning ? /* @__PURE__ */ import_react64.default.createElement(Loading, { color: "var(--accent-1)", width: 14, height: 14 }) : characterProfile.pinned ? /* @__PURE__ */ import_react64.default.createElement(
-      icons_exports.PinOff,
+    showActions && /* @__PURE__ */ import_react64.default.createElement(
+      Button,
       {
-        size: 16,
-        color: "var(--accent-1)",
-        fill: "var(--accent-1)"
-      }
-    ) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Pin, { size: 16, color: "var(--accent-1)", fill: "var(--accent-1)" })
-  ))));
+        disabled: isPinning,
+        onClick: () => handlePin(),
+        className: "small link",
+        title: characterProfile.pinned ? t6("Unpin") : t6("Pin")
+      },
+      isPinning ? /* @__PURE__ */ import_react64.default.createElement(Loading, { color: "var(--accent-1)", width: 14, height: 14 }) : characterProfile.pinned ? /* @__PURE__ */ import_react64.default.createElement(icons_exports.PinOff, { size: 16, color: "var(--accent-1)", fill: "var(--accent-1)" }) : /* @__PURE__ */ import_react64.default.createElement(icons_exports.Pin, { size: 16, color: "var(--accent-1)", fill: "var(--accent-1)" })
+    )
+  );
 }
 var import_react64;
 var init_CharacterProfile = __esm({
@@ -41736,7 +41735,7 @@ function CharacterProfiles() {
     Button,
     {
       title: t6("Character Profile"),
-      className: "link",
+      className: "link pulse",
       onClick: () => setIsModalOpen(true),
       style: styles4.characterProfileButton.style
     },
@@ -41758,7 +41757,8 @@ function CharacterProfiles() {
       CharacterProfile,
       {
         key: characterProfile.id,
-        characterProfile
+        characterProfile,
+        style: styles4.characterProfile.style
       }
     )) : !characterProfilesEnabled ? /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement("div", null, t6(
       "Enable character profiling in your conversations to start building your collection of AI-generated personality insights."