Remove signals step to improve conversion

Author: charlesvien

apps/code/src/renderer/features/onboarding/components/CliInstallStep.tsx

@@ -338,12 +338,12 @@ export function CliInstallStep({ onNext, onBack }: CliInstallStepProps) {
           </Button>
           {allReady ? (
             <Button size="3" onClick={onNext}>
-              Continue
+              Get started
               <ArrowRight size={16} weight="bold" />
             </Button>
           ) : (
             <Button size="3" variant="outline" color="gray" onClick={onNext}>
-              Skip for now
+              Skip & get started
               <ArrowRight size={16} weight="bold" />
             </Button>
           )}

apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx

@@ -10,12 +10,10 @@ import { AnimatePresence, LayoutGroup, motion } from "framer-motion";
 import { useHotkeys } from "react-hotkeys-hook";
 
 import { useOnboardingFlow } from "../hooks/useOnboardingFlow";
-import { usePrefetchSignalData } from "../hooks/usePrefetchSignalData";
 import { CliInstallStep } from "./CliInstallStep";
 import { GitIntegrationStep } from "./GitIntegrationStep";
 import { InviteCodeStep } from "./InviteCodeStep";
 import { ProjectSelectStep } from "./ProjectSelectStep";
-import { SignalsStep } from "./SignalsStep";
 import { StepIndicator } from "./StepIndicator";
 import { WelcomeScreen } from "./WelcomeScreen";
 
@@ -53,7 +51,6 @@ export function OnboardingFlow() {
   const isAuthenticated = useAuthStateValue(
     (state) => state.status === "authenticated",
   );
-  usePrefetchSignalData();
 
   useHotkeys("right", next, { enableOnFormTags: false }, [next]);
   useHotkeys("left", back, { enableOnFormTags: false }, [back]);
@@ -185,22 +182,7 @@ export function OnboardingFlow() {
               transition={{ duration: 0.3 }}
               className="min-h-0 w-full flex-1"
             >
-              <CliInstallStep onNext={next} onBack={back} />
-            </motion.div>
-          )}
-
-          {currentStep === "signals" && (
-            <motion.div
-              key="signals"
-              custom={direction}
-              initial="enter"
-              animate="center"
-              exit="exit"
-              variants={stepVariants}
-              transition={{ duration: 0.3 }}
-              className="min-h-0 w-full flex-1"
-            >
-              <SignalsStep onNext={handleComplete} onBack={back} />
+              <CliInstallStep onNext={handleComplete} onBack={back} />
             </motion.div>
           )}
         </AnimatePresence>

apps/code/src/renderer/features/onboarding/components/SignalsStep.tsx

@@ -3,14 +3,12 @@ export type OnboardingStep =
   | "project-select"
   | "invite-code"
   | "github"
-  | "install-cli"
-  | "signals";
+  | "install-cli";
 
 export const ONBOARDING_STEPS: OnboardingStep[] = [
   "welcome",
   "project-select",
   "invite-code",
   "github",
   "install-cli",
-  "signals",
 ];