Development

.gitignore

@@ -164,4 +164,6 @@ yarn-error.log*
 .yoyo/
 
 # cursor 
-.cursor
+.cursor
+
+.playwright-mcp

scripts/release-body.js

@@ -65,9 +65,7 @@ const linuxX64 = linux.find(isX64);
 const macArm = mac.find(isArm);
 const macX64 = mac.find(isX64);
 
-const winSetupArm = win.find(f => has(f, 'setup') && isArm(f));
 const winSetupX64 = win.find(f => has(f, 'setup') && isX64(f));
-const winPortableArm = win.find(f => has(f, 'portable') && isArm(f));
 const winPortableX64 = win.find(f => has(f, 'portable') && isX64(f));
 
 // small section builder without push()
@@ -85,6 +83,7 @@ const macSection = section('macOS', [
 const winSection = section('Windows', [
   winSetupX64 && `- Installer (x64): [Download EXE](${linkTo(winSetupX64)})`,
   winPortableX64 && `- Portable (x64): [Download EXE](${linkTo(winPortableX64)})`,
+  (win.length > 0) && `- If Windows shows "Windows protected your PC" (SmartScreen), click "More info" then "Run anyway". To permanently allow, right-click the .exe → Properties → check "Unblock", or run in PowerShell: \`Unblock-File -Path .\\path\\to\\file.exe\`.`,
 ]);
 
 const linuxSection = section('Linux', [

src/components/account-bar/account-bar.tsx

@@ -54,12 +54,8 @@ const AccountBar = () => {
     [searchBarRef, accountSelectButtonRef, accountDropdownRef, accountdropdownItemsRef],
   );
 
-  const [isFocused, setIsFocused] = useState(false);
-  useEffect(() => {
-    if (searchVisible) {
-      setIsFocused(true);
-    }
-  }, [searchVisible]);
+  // Derive focus intent from visibility to avoid effect; SearchBar will handle actual focusing
+  const shouldFocusSearch = searchVisible;
 
   useEffect(() => {
     document.addEventListener('mousedown', handleClickOutside);
@@ -120,7 +116,7 @@ const AccountBar = () => {
         </span>
         {searchVisible && (
           <div className={styles.searchBar} ref={searchBarRef}>
-            <SearchBar isFocused={isFocused} />
+            <SearchBar isFocused={shouldFocusSearch} />
           </div>
         )}
       </span>

src/components/challenge-modal/challenge-modal.module.css

@@ -8,7 +8,8 @@
 }
 
 .container {
-  width: 400px;
+  width: min(90vw, 560px);
+  max-height: 90vh;
   color: var(--text);
   font-size: large;
   background-color: var(--background);
@@ -17,6 +18,7 @@
   position: fixed;
   transform: translate(-50%, -50%);
   font-size: large;
+  overflow-y: auto;
 }
 
 .subTitle {
@@ -55,11 +57,13 @@
   justify-content: flex-end;
   align-items: center;
   margin-top: 20px;
+  position: relative;
+  padding-bottom: 12px;
 }
 
 .buttons {
   position: absolute;
-  left: 20px;
+  left: 0;
 }
 
 .challengeFooter button {
@@ -87,5 +91,53 @@
   .container {
     max-width: 400px;
     width: 85vw;
+    max-height: 85vh;
   }
+
+  .challengeFooter {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .buttons {
+    position: static;
+    margin-top: 10px;
+  }
+}
+
+/* Iframe challenge styles */
+.iframeChallengeWarning {
+  font-size: 14px;
+  text-align: center;
+  padding: 20px 0;
+}
+
+.iframeWrapper {
+  height: 70vh;
+  margin-top: 20px;
+  max-height: 600px;
+}
+
+.iframe {
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--border-text);
+  background-color: var(--background, transparent);
+}
+
+.iframeFooter {
+  flex-direction: column;
+  align-items: flex-start;
+  padding-bottom: 0;
+  gap: 10px;
+}
+
+.iframeInstruction {
+  font-size: 12px;
+  color: var(--text-secondary);
+  margin-bottom: 10px;
+}
+
+.iframeCloseButton {
+  align-self: flex-start;
 }