@chrryai/chrry 1.4.48 → 1.4.51

package/Message.module.scss

@@ -19,16 +19,17 @@
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: toRem.toRem(10);
+  gap: toRem.toRem(15);
   font-size: toRem.toRem(14);
 }
 
 .updateModalDescriptionItem {
   display: flex;
-  gap: toRem.toRem(5);
-  border-bottom: toRem.toRem(1) dashed var(--shade-2);
+  gap: toRem.toRem(15);
   padding-bottom: toRem.toRem(10);
 
+  border: toRem.toRem(1) dashed var(--shade-2);
+
   &:last-child {
     border-bottom: none;
     padding-bottom: 0;
@@ -48,6 +49,10 @@
   display: flex;
   flex-direction: column;
   gap: toRem.toRem(5);
+  border: toRem.toRem(1) dashed var(--shade-2);
+  border-radius: toRem.toRem(20);
+  padding: toRem.toRem(10);
+  flex: 1;
 }
 
 .thinking {

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.48";
+    VERSION = config.version || "1.4.51";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -23597,12 +23597,14 @@ function AuthProvider({
           ...item,
           image: item.image || item.images?.[0]?.url
         } : void 0;
+        console.log(`\u{1F680} ~ AuthProvider ~ newApp:`, newApp2);
         if (newApp2?.id !== prevApp?.id) {
           setTimeout(() => {
             newApp2?.themeColor && setColorScheme(newApp2.themeColor);
             newApp2?.backgroundColor && setAppTheme(newApp2.backgroundColor);
           }, 0);
           newApp2?.store?.apps && mergeApps(newApp2?.store?.apps);
+          return newApp2;
         }
         return newApp2;
       });
@@ -24043,7 +24045,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.48";
+  const VERSION4 = "1.4.51";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -29257,7 +29259,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 +29270,8 @@ function Img({
           style: {
             ...imgStyles.img.style,
             width,
-            height: height2
+            height: height2,
+            ...style2
           },
           isLoaded,
           reduceMotion,
@@ -45192,14 +45195,15 @@ var init_Message_styles = __esm({
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap",
-        gap: 10,
+        gap: 15,
         fontSize: 14
       },
       updateModalDescriptionItem: {
         display: "flex",
-        gap: 5,
-        borderBottom: "none",
-        paddingBottom: 0
+        gap: 15,
+        paddingBottom: 0,
+        border: "1px dashed var(--shade-2)",
+        borderBottom: "none"
       },
       appIcon: {
         display: "flex",
@@ -45212,7 +45216,11 @@ var init_Message_styles = __esm({
       updateModalDescriptionButton: {
         display: "flex",
         flexDirection: "column",
-        gap: 5
+        gap: 5,
+        border: "1px dashed var(--shade-2)",
+        borderRadius: 20,
+        padding: 10,
+        flex: 1
       },
       thinking: {
         display: "flex",
@@ -45595,7 +45603,7 @@ function Message({
         setIsUpdatingApp(false);
         return;
       }
-      setApp(app2);
+      await refetchThread();
       import_react_hot_toast16.default.success(t6("Updated"));
     } catch (error) {
       console.error(error);
@@ -45716,6 +45724,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;
@@ -46014,6 +46027,7 @@ function Message({
           images.map((image) => /* @__PURE__ */ React.createElement(
             ImageComponent,
             {
+              style: styles4.userMessageImage.style,
               dataTestId: "user-message-image",
               key: image.id,
               src: image.url,
@@ -46165,10 +46179,11 @@ function Message({
       icon: "blob",
       title: /* @__PURE__ */ React.createElement(Div, null, t6(isUpdatingApp ? "Updating..." : "Switch agent"))
     },
-    /* @__PURE__ */ React.createElement(Div, { style: styles4.updateModalDescription }, apps?.map((app2) => /* @__PURE__ */ React.createElement(Div, { style: styles4.updateModalDescriptionItem.style, key: app2.id }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(Div, { style: styles4.updateModalDescription.style }, apps?.map((app2) => /* @__PURE__ */ React.createElement(
       Button,
       {
-        className: "link",
+        key: app2.id,
+        className: "card link border",
         disabled: isUpdatingApp,
         onClick: () => handleUpdateAgent(app2),
         style: {
@@ -46176,9 +46191,8 @@ function Message({
           ...styles4.updateModalDescriptionButton.style
         }
       },
-      /* @__PURE__ */ React.createElement(ImageComponent, { app: app2, showLoading: false, size: 50 }),
-      /* @__PURE__ */ React.createElement(Div, null, app2.name)
-    ), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Div, null, app2.description)))))
+      /* @__PURE__ */ React.createElement(ImageComponent, { app: app2, showLoading: false, size: 50 })
+    )))
   ), /* @__PURE__ */ React.createElement(
     Div,
     {
@@ -46219,10 +46233,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%",