From dd337a77b1685459e3a5024182514e37cbcb7dde Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Sun, 15 Mar 2026 03:02:33 +0900
Subject: [PATCH 1/2] fix: swap onboarding secondary action after sign-in
 starts

- show "Skip for now" beside the onboarding sign-in button by default
- replace the skip action with "Something not working?" after sign-in is clicked
- keep the manual callback fallback flow behind the revealed recovery action
---
 .../src/onboarding/account/before-login.tsx   | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/apps/desktop/src/onboarding/account/before-login.tsx b/apps/desktop/src/onboarding/account/before-login.tsx
index 23fce79df8..f752c302a8 100644
--- a/apps/desktop/src/onboarding/account/before-login.tsx
+++ b/apps/desktop/src/onboarding/account/before-login.tsx
@@ -23,7 +23,7 @@ export function BeforeLogin({ onContinue }: { onContinue: () => void }) {
           >
             Sign in
           </OnboardingButton>
-          {didClickSignIn && (
+          {didClickSignIn ? (
             <button
               type="button"
               className="text-sm text-neutral-500 underline hover:text-neutral-600"
@@ -31,18 +31,21 @@ export function BeforeLogin({ onContinue }: { onContinue: () => void }) {
             >
               Something not working?
             </button>
+          ) : (
+            <button
+              type="button"
+              onClick={() => {
+                void analyticsCommands.event({
+                  event: "onboarding_login_skipped",
+                });
+                onContinue();
+              }}
+              className="text-sm text-neutral-500/70 transition-colors hover:text-neutral-700"
+            >
+              Skip for now
+            </button>
           )}
         </div>
-        <button
-          type="button"
-          onClick={() => {
-            void analyticsCommands.event({ event: "onboarding_login_skipped" });
-            onContinue();
-          }}
-          className="text-sm text-neutral-500/70 transition-colors hover:text-neutral-700"
-        >
-          Skip for now
-        </button>
       </div>
       {showCallbackUrlInput && <CallbackUrlInput />}
     </div>

From ee6a4c3f4a8f5ab8566b49f1409b2d8afbe761a1 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Sun, 15 Mar 2026 15:20:28 +0900
Subject: [PATCH 2/2] fix: clarify desktop auth callback input

- Use the example callback URL as the onboarding input placeholder
- Move the sign-in instruction below the input so the field stays easier to scan
---
 .../src/onboarding/account/before-login.tsx   | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/apps/desktop/src/onboarding/account/before-login.tsx b/apps/desktop/src/onboarding/account/before-login.tsx
index f752c302a8..166dc0401b 100644
--- a/apps/desktop/src/onboarding/account/before-login.tsx
+++ b/apps/desktop/src/onboarding/account/before-login.tsx
@@ -58,22 +58,27 @@ function CallbackUrlInput() {
   const [callbackUrl, setCallbackUrl] = useState("");
 
   return (
-    <div className="relative flex items-center overflow-hidden rounded-full border border-neutral-200 transition-all duration-200 focus-within:border-neutral-400">
-      <input
-        type="text"
-        className="flex-1 bg-white px-4 py-3 font-mono text-xs outline-hidden"
-        placeholder="Paste browser url here, after you've signed in. (Like: http://char.com/callback/auth/?flow=desktop&scheme=hyprnote&access_token=<V>&refresh_token=<V>)"
-        value={callbackUrl}
-        onChange={(e) => setCallbackUrl(e.target.value)}
-      />
-      <button
-        type="button"
-        onClick={() => auth?.handleAuthCallback(callbackUrl)}
-        disabled={!callbackUrl}
-        className="absolute right-0.5 rounded-full bg-neutral-600 px-4 py-2 text-sm text-white transition-all enabled:hover:scale-[1.02] enabled:active:scale-[0.98] disabled:opacity-50"
-      >
-        Submit
-      </button>
+    <div className="flex flex-col gap-2">
+      <div className="relative flex items-center overflow-hidden rounded-full border border-neutral-200 transition-all duration-200 focus-within:border-neutral-400">
+        <input
+          type="text"
+          className="flex-1 bg-white px-4 py-3 font-mono text-xs outline-hidden"
+          placeholder="http://char.com/callback/auth/?flow=desktop&scheme=hyprnote&access_token=<V>&refresh_token=<V>"
+          value={callbackUrl}
+          onChange={(e) => setCallbackUrl(e.target.value)}
+        />
+        <button
+          type="button"
+          onClick={() => auth?.handleAuthCallback(callbackUrl)}
+          disabled={!callbackUrl}
+          className="absolute right-0.5 rounded-full bg-neutral-600 px-4 py-2 text-sm text-white transition-all enabled:hover:scale-[1.02] enabled:active:scale-[0.98] disabled:opacity-50"
+        >
+          Submit
+        </button>
+      </div>
+      <p className="px-4 text-xs text-neutral-500">
+        Paste the browser URL here after you sign in.
+      </p>
     </div>
   );
 }