@chrryai/chrry 1.4.47 → 1.4.49

package/Menu.module.scss

@@ -63,9 +63,6 @@
 .threads {
   margin-top: toRem.toRem(7.5);
   margin-right: toRem.toRem(-7.5);
-
-  &.threadItem {
-  }
 }
 
 .loading {
@@ -163,7 +160,7 @@
   gap: toRem.toRem(3);
   position: relative;
   font-size: toRem.toRem(13);
-  color: var(--shade-7);
+  color: var(--shade-6);
 }
 
 .star {

package/dist/index.js

@@ -1898,7 +1898,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.4.47";
+    VERSION = config.version || "1.4.49";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -4918,8 +4918,8 @@ var init_lib = __esm({
       slug,
       size: size2 = 24,
       BASE_URL = FRONTEND_URL,
-      width = 24,
-      height: height2 = 24,
+      width,
+      height: height2,
       canEditApp,
       image
     }) => {
@@ -24043,7 +24043,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react19.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react19.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react19.useState)(false);
-  const VERSION4 = "1.4.47";
+  const VERSION4 = "1.4.49";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -29257,7 +29257,7 @@ function Img({
       {
         ref,
         className: containerClass,
-        style: { ...imgStyles.container.style, width, height: height2 }
+        style: { ...imgStyles.container.style, width, height: height2, ...style2 }
       },
       /* @__PURE__ */ import_react37.default.createElement(
         AnimatedImage,
@@ -29268,7 +29268,8 @@ function Img({
           style: {
             ...imgStyles.img.style,
             width,
-            height: height2
+            height: height2,
+            ...style2
           },
           isLoaded,
           reduceMotion,
@@ -35804,8 +35805,7 @@ function App({
                 ...styles4.zarathustra.style
               },
               app: zarathustra,
-              width: 80,
-              height: 80
+              size: 24
             }
           )
         ), showPacmanHere ? popcorn && store && store?.appId !== popcorn?.id && store?.apps?.some(
@@ -35829,7 +35829,7 @@ function App({
               ...styles4.popcorn.style
             }
           },
-          /* @__PURE__ */ import_react55.default.createElement(ImageComponent, { app: popcorn, width: 80, height: 80 })
+          /* @__PURE__ */ import_react55.default.createElement(ImageComponent, { app: popcorn, size: 24 })
         ) : showPacmanHere && /* @__PURE__ */ import_react55.default.createElement(
           Button,
           {
@@ -40619,7 +40619,6 @@ var init_Menu_styles = __esm({
         marginTop: 8,
         marginRight: -7
       },
-      threadsThreadItem: {},
       loading: {
         display: "flex",
         flexDirection: "column"
@@ -40695,7 +40694,7 @@ var init_Menu_styles = __esm({
         gap: 3,
         position: "relative",
         fontSize: 13,
-        color: "var(--shade-7)"
+        color: "var(--shade-6)"
       },
       star: {
         position: "absolute",
@@ -45718,6 +45717,11 @@ function Message({
     }
   };
   const [remoteDeleted, setRemoteDeleted] = (0, import_react76.useState)(false);
+  const agentImageStyle = {
+    ...styles4.agentMessageImageContainer.style,
+    width: isMobileDevice ? "100%" : "300px",
+    height: isMobileDevice ? "100%" : "300px"
+  };
   useWebSocket({
     onMessage: async ({ type, data }) => {
       if (!token) return;
@@ -46016,6 +46020,7 @@ function Message({
           images.map((image) => /* @__PURE__ */ React.createElement(
             ImageComponent,
             {
+              style: styles4.userMessageImage.style,
               dataTestId: "user-message-image",
               key: image.id,
               src: image.url,
@@ -46221,10 +46226,10 @@ function Message({
       }
     ), /* @__PURE__ */ React.createElement(Span, null, t6(
       message2.message.isImageGenerationEnabled ? "Processing" : "Thinking"
-    )), /* @__PURE__ */ React.createElement(Div, { "data-testid": "typing-indicator", style: styles4.dots.style }, /* @__PURE__ */ React.createElement(Span, null), /* @__PURE__ */ React.createElement(Span, null), /* @__PURE__ */ React.createElement(Span, null))) : /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessage.style }, /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageContent.style }, message2.message.isStreaming && message2.message.isImageGenerationEnabled ? /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageImages.style }, /* @__PURE__ */ React.createElement(Div, { style: styles4.placeholder.style }, /* @__PURE__ */ React.createElement(Loading, null))) : message2.message.images && message2.message.images?.length > 0 ? /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageImages.style }, message2.message.images.map((image) => /* @__PURE__ */ React.createElement(Div, { key: image.url, style: styles4.imageContainer.style }, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(Div, { "data-testid": "typing-indicator", style: styles4.dots.style }, /* @__PURE__ */ React.createElement(Span, null), /* @__PURE__ */ React.createElement(Span, null), /* @__PURE__ */ React.createElement(Span, null))) : /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessage.style }, /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageContent.style }, message2.message.isStreaming && message2.message.isImageGenerationEnabled ? /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageImages.style }, /* @__PURE__ */ React.createElement(Div, { style: styles4.placeholder.style }, /* @__PURE__ */ React.createElement(Loading, null))) : message2.message.images && message2.message.images?.length > 0 ? /* @__PURE__ */ React.createElement(Div, { style: styles4.agentMessageImages.style }, message2.message.images.map((image) => /* @__PURE__ */ React.createElement(Div, { key: image.url, style: agentImageStyle }, /* @__PURE__ */ React.createElement(
       ImageComponent,
       {
-        style: styles4.agentMessageImageContainer.style,
+        style: agentImageStyle,
         src: image.url,
         alt: "",
         width: "100%",