Rebuild Visual Manager as portal overlay matching habbo-next UX.

Base UI Dialog broke the Radix-era full-viewport manager. Use a body portal shell like habbo-next behavior, without DialogTitle/Popup, so tree + editor mount and nested pickers stay usable.

Co-authored-by: Cursor <[email protected]>

src/app/admin/catalog/page.tsx

@@ -9,12 +9,14 @@ import { CatalogActions } from "./catalog-actions";
 import { CatalogTable } from "./catalog-table";
 import { CatalogViewToggle } from "./catalog-view-toggle";
 
-const CatalogManagerDialog = dynamic(() =>
+const CatalogManagerDialog = dynamic(
-	import("@/components/admin/catalog-manager/catalog-manager-dialog").then(
+	() =>
-		(m) => ({
+		import("@/components/admin/catalog-manager/catalog-manager-dialog").then(
-			default: m.CatalogManagerDialog,
+			(m) => ({
-		}),
+				default: m.CatalogManagerDialog,
-	),
+			}),
+		),
+	{ ssr: false },
 );
 export default async function CatalogPagesPage({
 	params: paramsPromise,

src/components/admin/catalog-manager/root-tabs.tsx

@@ -170,21 +170,16 @@ export function RootTabs({
 					)}
 				</DragOverlay>
 			</DndContext>
-			<Tooltip>
+			<Button
-				<TooltipTrigger asChild>
+				type="button"
-					<Button
+				variant="ghost"
-						variant="ghost"
+				size="icon"
-						size="icon"
+				className="h-7 w-7 shrink-0 ml-1"
-						className="h-7 w-7 shrink-0 ml-1"
+				title="New root page"
-						onClick={onCreateRoot}
+				onClick={onCreateRoot}
-					>
+			>
-						<Plus className="h-3.5 w-3.5" />
+				<Plus className="h-3.5 w-3.5" />
-					</Button>
+			</Button>
-				</TooltipTrigger>
-				<TooltipContent>
-					<p>New root page</p>
-				</TooltipContent>
-			</Tooltip>
 		</div>
 	);
 }