@chrryai/chrry 1.4.87 → 1.4.89

package/Message.module.scss

@@ -104,12 +104,13 @@
   gap: toRem.toRem(10);
 
   margin: toRem.toRem(10) 0 toRem.toRem(5) 0;
-  video {
-    max-width: 100%;
-    // height: fit-content;
-    width: toRem.toRem(250);
-    border-radius: toRem.toRem(20);
-  }
+}
+
+.userMessageVideoVideo {
+  max-width: 100%;
+  // height: fit-content;
+  width: toRem.toRem(250);
+  border-radius: toRem.toRem(20);
 }
 
 .userMessageAudio {

package/dist/index.js

@@ -1902,7 +1902,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.4.87";
+    VERSION = config.version || "1.4.89";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -24068,7 +24068,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.4.87";
+  const VERSION4 = "1.4.89";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -26580,7 +26580,7 @@ function ChatProvider({
     aiAgents.find((a) => app?.defaultModel && a.name === app?.defaultModel) || favouriteAgent
   );
   const setIsWebSearchEnabled = (value) => {
-    value ? setSelectedAgent(perplexityAgent) : setSelectedAgent(sushiAgent);
+    value ? setSelectedAgent(perplexityAgent) : void 0;
     setIsWebSearchEnabledInternal(value);
   };
   const setDebateAgent = (agent) => {
@@ -26622,7 +26622,7 @@ function ChatProvider({
   };
   (0, import_react31.useEffect)(() => {
     const a = aiAgents.find(
-      (agent) => app?.defaultModel && agent.name.toLowerCase() === app?.defaultModel?.toLowerCase()
+      (agent) => app?.defaultModel && app.onlyAgent && agent.name.toLowerCase() === app?.defaultModel?.toLowerCase()
     );
     if (!a) return;
     setSelectedAgent(a);
@@ -36907,7 +36907,8 @@ function Chat({
     isImageGenerationEnabled,
     setIsImageGenerationEnabled,
     setShouldFocus,
-    shouldFocus
+    shouldFocus,
+    isChatFloating: isChatFloatingInternal
   } = useChat();
   const {
     router,
@@ -36929,7 +36930,13 @@ function Chat({
   const { captureException } = useError();
   const { device, os, isStandalone: isStandalone2, isExtension: isExtension2, viewPortWidth, isWeb: isWeb2 } = usePlatform();
   const inputRef = (0, import_react57.useRef)(text2 || "");
-  const { addHapticFeedback, playNotification, isDrawerOpen, isSmallDevice } = useTheme2();
+  const {
+    addHapticFeedback,
+    playNotification,
+    isDrawerOpen,
+    isSmallDevice,
+    isMobileDevice
+  } = useTheme2();
   const setSelectedAgent = (agent) => {
     setSelectedAgentInternal(agent);
     setShouldFocus(true);
@@ -37009,7 +37016,7 @@ function Chat({
   }, [isNewChat]);
   const [hasBottomOffset, setHasBottomOffset] = (0, import_react57.useState)(false);
   const shouldUseCompactMode = compactMode || hasBottomOffset;
-  const isChatFloating = shouldUseCompactMode || !empty && !showChatInput;
+  const isChatFloating = isChatFloatingInternal || shouldUseCompactMode || !empty && !showChatInput;
   (0, import_react57.useEffect)(() => {
     if (process.env.NODE_ENV !== "production") {
       console.log(" Chat floating state", {
@@ -39125,7 +39132,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         t6("Speak")
       )))
     ),
-    /* @__PURE__ */ React.createElement(
+    isHydrated && /* @__PURE__ */ React.createElement(
       Div,
       {
         ref: chatContainerRef,
@@ -39370,7 +39377,9 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
           used: quotaInfo.daily.used,
           limit: quotaInfo.daily.limit
         })), /* @__PURE__ */ React.createElement(Span, { style: styles4.quotaReset.style }, t6("Resets in {{time}}", {
-          time: formatTimeUntilReset(quotaInfo.daily.resetTime)
+          time: formatTimeUntilReset(
+            quotaInfo.daily.resetTime
+          )
         }))), /* @__PURE__ */ React.createElement(Div, { style: styles4.quotaItem.style }, /* @__PURE__ */ React.createElement(icons_exports.HardDrive, { size: 14, color: "var(--shade-6)" }), /* @__PURE__ */ React.createElement(Span, null, t6("Size: {{used}}/{{limit}} MB", {
           used: quotaInfo.dailySize.used,
           limit: quotaInfo.dailySize.limit
@@ -39446,7 +39455,9 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
                 "data-agent-name": debateAgent.name,
                 onClick: () => {
                   if (appStatus?.part) {
-                    import_react_hot_toast9.default.error(t6("Agent locked during app creation"));
+                    import_react_hot_toast9.default.error(
+                      t6("Agent locked during app creation")
+                    );
                     return;
                   }
                   addHapticFeedback();
@@ -39459,7 +39470,13 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
                   ...isChrry || !!app?.onlyAgent ? styles4.debateAgentButtonDisabled : {}
                 }
               },
-              /* @__PURE__ */ React.createElement(Span, { style: { position: "relative", left: "-2px" } }, "|"),
+              /* @__PURE__ */ React.createElement(
+                Span,
+                {
+                  style: { position: "relative", left: "-2px" }
+                },
+                "|"
+              ),
               debateAgent.name === "deepSeek" ? /* @__PURE__ */ React.createElement(icons_exports.DeepSeek, { color: "var(--accent-6)", size: 24 }) : debateAgent.name === "chatGPT" ? /* @__PURE__ */ React.createElement(icons_exports.OpenAI, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "claude" ? /* @__PURE__ */ React.createElement(icons_exports.Claude, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "gemini" ? /* @__PURE__ */ React.createElement(icons_exports.Gemini, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "flux" ? /* @__PURE__ */ React.createElement(icons_exports.Flux, { color: "var(--accent-6)", size: 22 }) : debateAgent.name === "perplexity" ? /* @__PURE__ */ React.createElement(icons_exports.Perplexity, { color: "var(--accent-6)", size: 22 }) : null
             ) : /* @__PURE__ */ React.createElement(
               Button,
@@ -39469,7 +39486,9 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
                 "data-testid": "agent-select-button",
                 onClick: () => {
                   if (appStatus?.part) {
-                    import_react_hot_toast9.default.error(t6("Agent locked during app creation"));
+                    import_react_hot_toast9.default.error(
+                      t6("Agent locked during app creation")
+                    );
                     return;
                   }
                   addHapticFeedback();
@@ -39483,7 +39502,16 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
                 },
                 type: "submit"
               },
-              /* @__PURE__ */ React.createElement(Span, { style: styles4.agentName.style }, selectedAgent?.displayName),
+              /* @__PURE__ */ React.createElement(
+                Span,
+                {
+                  style: {
+                    ...styles4.agentName.style,
+                    maxWidth: isMobileDevice ? 75 : 150
+                  }
+                },
+                selectedAgent?.displayName
+              ),
               !app?.onlyAgent && /* @__PURE__ */ React.createElement(icons_exports.ChevronDown, { color: "var(--accent-6)", size: 20 })
             )
           ),
@@ -39631,7 +39659,13 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
               },
               className: "link"
             },
-            /* @__PURE__ */ React.createElement(icons_exports.VideoIcon, { size: 22, color: getButtonColor("video") })
+            /* @__PURE__ */ React.createElement(
+              icons_exports.VideoIcon,
+              {
+                size: 22,
+                color: getButtonColor("video")
+              }
+            )
           ), /* @__PURE__ */ React.createElement(
             Button,
             {
@@ -39679,7 +39713,13 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
               },
               className: "link"
             },
-            /* @__PURE__ */ React.createElement(icons_exports.AudioLines, { size: 22, color: getButtonColor("audio") })
+            /* @__PURE__ */ React.createElement(
+              icons_exports.AudioLines,
+              {
+                size: 22,
+                color: getButtonColor("audio")
+              }
+            )
           ), /* @__PURE__ */ React.createElement(
             Button,
             {
@@ -39703,7 +39743,13 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
               },
               className: "link"
             },
-            /* @__PURE__ */ React.createElement(icons_exports.ImageIcon, { size: 22, color: getButtonColor("image") })
+            /* @__PURE__ */ React.createElement(
+              icons_exports.ImageIcon,
+              {
+                size: 22,
+                color: getButtonColor("image")
+              }
+            )
           )) : needsReview ? /* @__PURE__ */ React.createElement(
             Anchor,
             {
@@ -45240,7 +45286,9 @@ var init_Message_styles = __esm({
         flexDirection: "row",
         flexWrap: "wrap",
         gap: 10,
-        margin: "10px 0 5px 0",
+        margin: "10px 0 5px 0"
+      },
+      userMessageVideoVideo: {
         maxWidth: "100%",
         width: 250,
         borderRadius: 20
@@ -46043,7 +46091,14 @@ function Message({
             "data-testid": "user-message-videos",
             style: styles4.userMessageVideo.style
           },
-          video.map((video2) => /* @__PURE__ */ React.createElement(Div, { "data-testid": "user-message-video", key: video2.id }, /* @__PURE__ */ React.createElement("video", { controls: true, src: video2.url })))
+          video.map((video2) => /* @__PURE__ */ React.createElement(Div, { "data-testid": "user-message-video", key: video2.id }, /* @__PURE__ */ React.createElement(
+            Video_web_default,
+            {
+              style: styles4.userMessageVideoVideo.style,
+              controls: true,
+              src: video2.url
+            }
+          )))
         ) : null, files?.length ? /* @__PURE__ */ React.createElement(
           Div,
           {