From af720ff5f408044b37fa135af5c953e314ac3ae1 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Sun, 15 Mar 2026 02:32:41 +0900
Subject: [PATCH 1/3] feat: allow onboarding to continue without signing in

- add a "Skip for now" action below the onboarding sign-in button
- advance the onboarding flow when the account step is skipped
- show a skipped state for the completed account section
---
 .../src/onboarding/account/before-login.tsx   | 20 +++++++++++++++++--
 apps/desktop/src/onboarding/account/index.tsx | 17 ++++++++++++++--
 apps/desktop/src/onboarding/index.tsx         | 16 +++++++++++++--
 3 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/apps/desktop/src/onboarding/account/before-login.tsx b/apps/desktop/src/onboarding/account/before-login.tsx
index 56fe058db6..22085fc597 100644
--- a/apps/desktop/src/onboarding/account/before-login.tsx
+++ b/apps/desktop/src/onboarding/account/before-login.tsx
@@ -1,20 +1,35 @@
 import { useState } from "react";
 
+import { commands as analyticsCommands } from "@hypr/plugin-analytics";
+
 import { OnboardingButton } from "../shared";
 
 import { useAuth } from "~/auth";
 
-export function BeforeLogin() {
+export function BeforeLogin({ onContinue }: { onContinue: () => void }) {
   const auth = useAuth();
   const [showCallbackUrlInput, setShowCallbackUrlInput] = useState(false);
 
   return (
     <div className="flex flex-col gap-4">
-      <div className="flex items-center gap-3">
+      <div className="flex flex-col items-start gap-2">
         <OnboardingButton onClick={() => auth?.signIn()}>
           Sign in
         </OnboardingButton>
         <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>
+      <div className="flex items-center gap-3">
+        <button
+          type="button"
           className="text-sm text-neutral-500 underline hover:text-neutral-600"
           onClick={() => setShowCallbackUrlInput(true)}
         >
@@ -41,6 +56,7 @@ function CallbackUrlInput() {
         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"
diff --git a/apps/desktop/src/onboarding/account/index.tsx b/apps/desktop/src/onboarding/account/index.tsx
index 0e22439551..54bab7c75f 100644
--- a/apps/desktop/src/onboarding/account/index.tsx
+++ b/apps/desktop/src/onboarding/account/index.tsx
@@ -3,12 +3,25 @@ import { BeforeLogin } from "./before-login";
 
 import { useAuth } from "~/auth";
 
-export function LoginSection({ onContinue }: { onContinue: () => void }) {
+export function LoginSection({
+  onContinue,
+  onSkip,
+}: {
+  onContinue: () => void;
+  onSkip?: () => void;
+}) {
   const auth = useAuth();
 
   if (auth?.session) {
     return <AfterLogin onContinue={onContinue} />;
   }
 
-  return <BeforeLogin />;
+  return (
+    <BeforeLogin
+      onContinue={() => {
+        onSkip?.();
+        onContinue();
+      }}
+    />
+  );
 }
diff --git a/apps/desktop/src/onboarding/index.tsx b/apps/desktop/src/onboarding/index.tsx
index 0806563d81..1650ae2f05 100644
--- a/apps/desktop/src/onboarding/index.tsx
+++ b/apps/desktop/src/onboarding/index.tsx
@@ -19,6 +19,7 @@ import { FolderLocationSection } from "./folder-location";
 import { PermissionsSection } from "./permissions";
 import { OnboardingSection } from "./shared";
 
+import { useAuth } from "~/auth";
 import { StandardTabWrapper } from "~/shared/main";
 import { type TabItem, TabItemBase } from "~/shared/tabs";
 import { type Tab, useTabs } from "~/store/zustand/tabs";
@@ -65,8 +66,10 @@ export function TabContentOnboarding({
   const queryClient = useQueryClient();
   const close = useTabs((state) => state.close);
   const currentTab = useTabs((state) => state.currentTab);
+  const auth = useAuth();
   const [isMuted, setIsMuted] = useState(false);
   const [currentStep, setCurrentStep] = useState(getInitialStep);
+  const [didSkipLogin, setDidSkipLogin] = useState(false);
   const onboardingVideoRef = useRef<HTMLVideoElement>(null);
 
   const goNext = useCallback(() => {
@@ -169,12 +172,21 @@ export function TabContentOnboarding({
             <OnboardingSection
               title="Account"
               description="Start using Char to focus on people, not note-taking"
-              completedTitle="Signed up"
+              completedTitle={
+                auth.session
+                  ? "Signed in"
+                  : didSkipLogin
+                    ? "Skipped"
+                    : "Account"
+              }
               status={getStepStatus("login", currentStep)}
               onBack={goBack}
               onNext={goNext}
             >
-              <LoginSection onContinue={goNext} />
+              <LoginSection
+                onContinue={goNext}
+                onSkip={() => setDidSkipLogin(true)}
+              />
             </OnboardingSection>
 
             <OnboardingSection

From 5982c9652b48f5768d17aecc08c24f0738537a05 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Sun, 15 Mar 2026 03:01:14 +0900
Subject: [PATCH 2/3] fix: delay onboarding sign-in fallback until it is needed

- track sign-in attempts in the onboarding account step
- show the "Something not working?" action only after sign-in is clicked
- place the fallback action beside the sign-in button instead of below it
---
 .../src/onboarding/account/before-login.tsx   | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/apps/desktop/src/onboarding/account/before-login.tsx b/apps/desktop/src/onboarding/account/before-login.tsx
index 22085fc597..23fce79df8 100644
--- a/apps/desktop/src/onboarding/account/before-login.tsx
+++ b/apps/desktop/src/onboarding/account/before-login.tsx
@@ -9,13 +9,30 @@ import { useAuth } from "~/auth";
 export function BeforeLogin({ onContinue }: { onContinue: () => void }) {
   const auth = useAuth();
   const [showCallbackUrlInput, setShowCallbackUrlInput] = useState(false);
+  const [didClickSignIn, setDidClickSignIn] = useState(false);
 
   return (
     <div className="flex flex-col gap-4">
       <div className="flex flex-col items-start gap-2">
-        <OnboardingButton onClick={() => auth?.signIn()}>
-          Sign in
-        </OnboardingButton>
+        <div className="flex items-center gap-3">
+          <OnboardingButton
+            onClick={() => {
+              setDidClickSignIn(true);
+              auth?.signIn();
+            }}
+          >
+            Sign in
+          </OnboardingButton>
+          {didClickSignIn && (
+            <button
+              type="button"
+              className="text-sm text-neutral-500 underline hover:text-neutral-600"
+              onClick={() => setShowCallbackUrlInput(true)}
+            >
+              Something not working?
+            </button>
+          )}
+        </div>
         <button
           type="button"
           onClick={() => {
@@ -27,15 +44,6 @@ export function BeforeLogin({ onContinue }: { onContinue: () => void }) {
           Skip for now
         </button>
       </div>
-      <div className="flex items-center gap-3">
-        <button
-          type="button"
-          className="text-sm text-neutral-500 underline hover:text-neutral-600"
-          onClick={() => setShowCallbackUrlInput(true)}
-        >
-          Something not working?
-        </button>
-      </div>
       {showCallbackUrlInput && <CallbackUrlInput />}
     </div>
   );

From 473d2044687e7e6322367224440cf1f7ce3dcd34 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Sun, 15 Mar 2026 03:02:33 +0900
Subject: [PATCH 3/3] 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>