From fd90723902a0d068a3f92553132b31b31ca81af9 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Tue, 3 Mar 2026 12:03:23 -0600
Subject: [PATCH] ui: persist onboarding wizard across route redirects

---
 ui/src/App.tsx               | 48 +++++++++++++++++++-----------------
 ui/src/components/Layout.tsx |  2 --
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 019ed3b5..02baefb6 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -196,36 +196,38 @@ function NoCompaniesStartPage({ autoOpen = true }: { autoOpen?: boolean }) {
           <Button onClick={() => openOnboarding()}>New Company</Button>
         </div>
       </div>
-      <OnboardingWizard />
     </div>
   );
 }
 
 export function App() {
   return (
-    <Routes>
-      <Route path="auth" element={<AuthPage />} />
-      <Route path="board-claim/:token" element={<BoardClaimPage />} />
-      <Route path="invite/:token" element={<InviteLandingPage />} />
+    <>
+      <Routes>
+        <Route path="auth" element={<AuthPage />} />
+        <Route path="board-claim/:token" element={<BoardClaimPage />} />
+        <Route path="invite/:token" element={<InviteLandingPage />} />
 
-      <Route element={<CloudAccessGate />}>
-        <Route index element={<CompanyRootRedirect />} />
-        <Route path="companies" element={<UnprefixedBoardRedirect />} />
-        <Route path="issues" element={<UnprefixedBoardRedirect />} />
-        <Route path="issues/:issueId" element={<UnprefixedBoardRedirect />} />
-        <Route path="agents" element={<UnprefixedBoardRedirect />} />
-        <Route path="agents/:agentId" element={<UnprefixedBoardRedirect />} />
-        <Route path="agents/:agentId/:tab" element={<UnprefixedBoardRedirect />} />
-        <Route path="agents/:agentId/runs/:runId" element={<UnprefixedBoardRedirect />} />
-        <Route path="projects" element={<UnprefixedBoardRedirect />} />
-        <Route path="projects/:projectId" element={<UnprefixedBoardRedirect />} />
-        <Route path="projects/:projectId/overview" element={<UnprefixedBoardRedirect />} />
-        <Route path="projects/:projectId/issues" element={<UnprefixedBoardRedirect />} />
-        <Route path="projects/:projectId/issues/:filter" element={<UnprefixedBoardRedirect />} />
-        <Route path=":companyPrefix" element={<Layout />}>
-          {boardRoutes()}
+        <Route element={<CloudAccessGate />}>
+          <Route index element={<CompanyRootRedirect />} />
+          <Route path="companies" element={<UnprefixedBoardRedirect />} />
+          <Route path="issues" element={<UnprefixedBoardRedirect />} />
+          <Route path="issues/:issueId" element={<UnprefixedBoardRedirect />} />
+          <Route path="agents" element={<UnprefixedBoardRedirect />} />
+          <Route path="agents/:agentId" element={<UnprefixedBoardRedirect />} />
+          <Route path="agents/:agentId/:tab" element={<UnprefixedBoardRedirect />} />
+          <Route path="agents/:agentId/runs/:runId" element={<UnprefixedBoardRedirect />} />
+          <Route path="projects" element={<UnprefixedBoardRedirect />} />
+          <Route path="projects/:projectId" element={<UnprefixedBoardRedirect />} />
+          <Route path="projects/:projectId/overview" element={<UnprefixedBoardRedirect />} />
+          <Route path="projects/:projectId/issues" element={<UnprefixedBoardRedirect />} />
+          <Route path="projects/:projectId/issues/:filter" element={<UnprefixedBoardRedirect />} />
+          <Route path=":companyPrefix" element={<Layout />}>
+            {boardRoutes()}
+          </Route>
         </Route>
-      </Route>
-    </Routes>
+      </Routes>
+      <OnboardingWizard />
+    </>
   );
 }
diff --git a/ui/src/components/Layout.tsx b/ui/src/components/Layout.tsx
index 58546c99..471d902b 100644
--- a/ui/src/components/Layout.tsx
+++ b/ui/src/components/Layout.tsx
@@ -12,7 +12,6 @@ import { NewIssueDialog } from "./NewIssueDialog";
 import { NewProjectDialog } from "./NewProjectDialog";
 import { NewGoalDialog } from "./NewGoalDialog";
 import { NewAgentDialog } from "./NewAgentDialog";
-import { OnboardingWizard } from "./OnboardingWizard";
 import { ToastViewport } from "./ToastViewport";
 import { MobileBottomNav } from "./MobileBottomNav";
 import { useDialog } from "../context/DialogContext";
@@ -296,7 +295,6 @@ export function Layout() {
       <NewProjectDialog />
       <NewGoalDialog />
       <NewAgentDialog />
-      <OnboardingWizard />
       <ToastViewport />
     </div>
   );