@chrryai/chrry 1.4.96 → 1.4.98

package/FocusButton.module.scss

@@ -51,7 +51,7 @@
   flex-direction: column;
   position: relative;
   background: var(--background);
-  border: 1px solid var(--shade-2);
+  border: toRem.toRem(1) solid var(--shade-2);
   color: var(--foreground);
   transition: var(--border-transition);
 
@@ -60,24 +60,24 @@
   }
 
   &.counting {
-    border: 1px solid var(--accent-4);
+    border: toRem.toRem(1) solid var(--accent-4);
     box-shadow: 0 0 toRem.toRem(5) var(--accent-4);
 
     /* border-color: hsl(120 60% 50%); */
   }
 
   &.paused {
-    border: 1px solid var(--orange-500);
+    border: toRem.toRem(1) solid var(--orange-500);
   }
 
   &.finished {
-    border: 1px solid var(--accent-4);
+    border: toRem.toRem(1) solid var(--accent-4);
     animation: tiltShake 0.5s ease-in-out;
   }
 }
 
 .pauseButton {
-  border: 1px solid var(--accent-4) !important;
+  border: toRem.toRem(1) solid var(--accent-4) !important;
 }
 
 .additionalSettings {
@@ -94,7 +94,7 @@
   display: inline-flex;
   align-items: center;
   font-family: var(--font-mono);
-  font-size: 40px;
+  font-size: toRem.toRem(400);
   font-weight: 500;
   letter-spacing: -0.5px;
   gap: 8px;
@@ -138,17 +138,6 @@
   align-items: center;
   gap: 3px;
   cursor: pointer;
-
-  // &.dark {
-  //   gap: 1px;
-  // }
-
-  // &:hover {
-  //   .videoPlay,
-  //   .videoPause {
-  //     display: inline-flex;
-  //   }
-  // }
 }
 
 .userName {
@@ -157,17 +146,8 @@
   right: 2px;
 }
 
-// .themeToggle {
-//   &.light:hover {
-//     color: var(--shade-7);
-//     svg {
-//       fill: var(--shade-7);
-//     }
-//   }
-// }
-
 .timeAdjust {
-  padding: 5px;
+  padding: 5px 9px;
   color: var(--shade-6);
   cursor: pointer;
   display: flex;
@@ -176,12 +156,6 @@
   transition: all 0.2s ease;
   border-radius: var(--radius);
   background-color: transparent;
-
-  // &:hover {
-  //   background: var(--background);
-  //   color: var(--foreground);
-  //   box-shadow: var(--shadow);
-  // }
 }
 
 .separator {
@@ -215,7 +189,7 @@
 
 .settingsInput {
   border-radius: 10px;
-  border: 1px solid var(--shade-2);
+  border: toRem.toRem(1) solid var(--shade-2);
   padding: 5px 7px;
   font-size: 1rem;
   background: var(--background);
@@ -270,36 +244,6 @@
       border-color: var(--accent-1);
     }
   }
-
-  // &.visible {
-  //   display: flex;
-  //   animation: slideUp 0.3s ease-in-out;
-
-  //   button {
-  //     cursor: pointer;
-  //   }
-  // }
-
-  // button {
-  //   user-select: none;
-  //   text-decoration: none;
-  //   font-size: 1rem;
-  //   border-radius: 20px;
-  //   background: var(--background);
-  //   color: var(--foreground);
-  //   border: 1px solid var(--shade-2);
-  //   transition: all 0.3s ease;
-  //   box-shadow: none;
-  //   display: flex;
-  //   align-items: center;
-  //   gap: 5px;
-  //   padding: 8px 12px;
-  // }
-
-  // button:hover {
-  //   background: var(--background);
-  //   color: var(--foreground);
-  // }
 }
 
 .testimonials {
@@ -356,23 +300,6 @@
   display: flex;
   align-items: center;
   gap: 10px;
-
-  // button {
-  //   color: var(--shade-4);
-  //   padding: 0;
-  //   background-color: var(--background);
-  //   border: none;
-  //   box-shadow: none;
-
-  //   &:hover {
-  //     color: var(--shade-4);
-  //     background-color: var(--background);
-  //   }
-
-  //   &.active {
-  //     color: var(--accent-1);
-  //   }
-  // }
 }
 
 .discord,
@@ -531,7 +458,7 @@
 
 .task {
   border-radius: var(--radius);
-  border: 1px solid var(--shade-2);
+  border: toRem.toRem(1) solid var(--shade-2);
   padding: 0 15px;
   width: 100%;
   display: flex;
@@ -543,24 +470,24 @@
   }
 
   &:hover {
-    border: 1px dashed var(--accent-1);
+    border: toRem.toRem(1) dashed var(--accent-1);
   }
 }
 
 .selectedTask {
-  border: 1px solid var(--accent-1);
+  border: toRem.toRem(1) solid var(--accent-1);
 
   &.counting {
-    border: 1px solid var(--accent-4);
+    border: toRem.toRem(1) solid var(--accent-4);
     box-shadow: 0 0 toRem.toRem(5) var(--accent-4);
   }
 
   &.paused {
-    border: 1px solid var(--orange-500);
+    border: toRem.toRem(1) solid var(--orange-500);
   }
 
   &.finished {
-    border: 1px solid var(--accent-4);
+    border: toRem.toRem(1) solid var(--accent-4);
   }
 }
 
@@ -633,7 +560,7 @@
     background: var(--background);
     color: var(--foreground);
     box-shadow: none;
-    border: 1px solid var(--shade-2);
+    border: toRem.toRem(1) solid var(--shade-2);
     display: flex;
     align-items: center;
     gap: 5px;

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.96";
+    VERSION = config.version || "1.4.98";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -24081,7 +24081,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.96";
+  const VERSION4 = "1.4.98";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -37020,7 +37020,7 @@ function Chat({
   }, [isNewChat]);
   const [hasBottomOffset, setHasBottomOffset] = (0, import_react57.useState)(false);
   const shouldUseCompactMode = compactMode || hasBottomOffset;
-  const floatingInitial = (isChatFloatingContext || shouldUseCompactMode) && !empty && !showChatInput;
+  const floatingInitial = isChatFloatingContext && !empty && !showChatInput || shouldUseCompactMode;
   const [isChatFloating, setIsChatFloatingState] = (0, import_react57.useState)(floatingInitial);
   (0, import_react57.useEffect)(() => {
     setIsChatFloatingContext(floatingInitial);
@@ -39272,7 +39272,7 @@ Return ONLY ONE WORD: ${apps.map((a) => a.name).join(", ")}, or "none"`;
         /* @__PURE__ */ React.createElement(Div, { style: { fontSize: "13px", lineHeight: "1.4" } }, collaborationSteps[1]?.description || t5(
           "Once you have a conversation going, click the share button to invite others to collaborate."
         ))
-      ))) : !showQuotaInfo && selectedAgent !== null && /* @__PURE__ */ React.createElement(Div, { style: styles4.content.style }, isChatFloating || exceededInitial ? null : showGreeting && files.length === 0 ? /* @__PURE__ */ React.createElement(H2, { style: styles4.brandHelp.style }, isIncognito ? /* @__PURE__ */ React.createElement(icons_exports.HatGlasses, { size: 24 }) : "", /* @__PURE__ */ React.createElement(Span, null, "\u{1F44B}", " ", t5(
+      ))) : !showQuotaInfo && selectedAgent !== null && /* @__PURE__ */ React.createElement(Div, { style: styles4.content.style }, isChatFloating || exceededInitial || threadId ? null : showGreeting && files.length === 0 ? /* @__PURE__ */ React.createElement(H2, { style: styles4.brandHelp.style }, isIncognito ? /* @__PURE__ */ React.createElement(icons_exports.HatGlasses, { size: 24 }) : "", /* @__PURE__ */ React.createElement(Span, null, "\u{1F44B}", " ", t5(
         hitHourlyLimit ? t5("You hit your hourly limit {{hourlyLimit}}", {
           hourlyLimit
         }) : language === "fr" ? "What can I help with?" : "What's on your mind?"
@@ -40589,8 +40589,7 @@ function EmptyStateTips({
           type: "timing",
           duration: reduceMotionContext ? 0 : 100,
           delay: reduceMotionContext ? 0 : i * 50
-        },
-        "data-testid": "menu-thread-item"
+        }
       },
       /* @__PURE__ */ import_react61.default.createElement(Div, { key: i, style: styles4.tip.style }, /* @__PURE__ */ import_react61.default.createElement(Span, { style: styles4.tipText.style }, t5(item.tip || "")), /* @__PURE__ */ import_react61.default.createElement(Span, null, " ", item.emoji))
     );
@@ -41251,10 +41250,10 @@ function Menu({
                   Anchor,
                   {
                     className: "link",
+                    "data-testid": "menu-thread-link",
                     style: {
                       ...styles4.threadItem.style
                     },
-                    "data-testid": `thread-link-${thread2.id}`,
                     onClick: (e) => {
                       track({
                         name: "thread-click-menu",
@@ -48377,7 +48376,7 @@ var init_FocusButton_styles = __esm({
         right: 2
       },
       timeAdjust: {
-        padding: 5,
+        padding: "5px 9px",
         color: "var(--shade-6)",
         display: "flex",
         alignItems: "center",