From 4758327dbe3ff3934dbb1c9bb03b9296aeda26ee Mon Sep 17 00:00:00 2001
From: Mikkel Georgsen <msgeorgsen@gmail.com>
Date: Tue, 31 Mar 2026 17:55:02 +0200
Subject: [PATCH] [nexus] fix: replace radix DialogPortal with createPortal in
 NexusOnboardingWizard

---
 ui/src/components/NexusOnboardingWizard.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/NexusOnboardingWizard.tsx b/ui/src/components/NexusOnboardingWizard.tsx
index 8cc23f1f..310663bf 100644
--- a/ui/src/components/NexusOnboardingWizard.tsx
+++ b/ui/src/components/NexusOnboardingWizard.tsx
@@ -4,6 +4,7 @@
 // redirected here at build time; the original file is preserved for upstream rebase.
 
 import { useState, useEffect } from "react";
+import { createPortal } from "react-dom"; // [nexus] use raw portal, not radix DialogPortal
 import { useLocation, useNavigate, useParams } from "@/lib/router";
 import { VOCAB } from "@paperclipai/branding";
 import { useQueryClient } from "@tanstack/react-query";
@@ -13,7 +14,6 @@ import { companiesApi } from "../api/companies";
 import { agentsApi } from "../api/agents";
 import { queryKeys } from "../lib/queryKeys";
 import { resolveRouteOnboardingOptions } from "../lib/onboarding-route";
-import { Dialog, DialogPortal } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { cn } from "../lib/utils";
@@ -123,8 +123,7 @@ export function OnboardingWizard() {
 
   if (!effectiveOnboardingOpen) return null;
 
-  return (
-    <DialogPortal>
+  return createPortal(
       <div className="fixed inset-0 z-50 flex items-center justify-center">
         {/* Backdrop */}
         <div
@@ -213,7 +212,7 @@ export function OnboardingWizard() {
             </Button>
           </form>
         </div>
-      </div>
-    </DialogPortal>
+      </div>,
+    document.body // [nexus] portal to body, not radix DialogPortal
   );
 }