feat(hub): functions

Author: jog1t

frontend/apps/hub/package.json

@@ -28,7 +28,7 @@
 		"@tanstack/react-query-devtools": "^5.58.0",
 		"@tanstack/react-query-persist-client": "^5.56.2",
 		"@tanstack/react-router": "^1.114.25",
-		"@tanstack/react-table": "^8.20.6",
+		"@tanstack/react-table": "^8.21.2",
 		"@tanstack/router-devtools": "^1.114.25",
 		"@tanstack/router-plugin": "^1.114.25",
 		"@tanstack/zod-adapter": "^1.114.25",
@@ -40,6 +40,7 @@
 		"framer-motion": "^11.2.11",
 		"jotai": "^2.12.2",
 		"lodash": "^4.17.21",
+		"nanoid": "^5.1.5",
 		"posthog-js": "^1.144.2",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",

frontend/apps/hub/src/app.tsx

@@ -27,7 +27,7 @@ declare module "@tanstack/react-router" {
 		router: typeof router;
 	}
 	interface StaticDataRouteOption {
-		layout?: "full" | "compact" | "onboarding" | "actors";
+		layout?: "full" | "compact" | "onboarding" | "actors" | "v2";
 	}
 }
 

frontend/apps/hub/src/components/header/header-sub-nav.tsx

@@ -1,19 +1,27 @@
 import { useAuth } from "@/domains/auth/contexts/auth";
 import { Skeleton, cn } from "@rivet-gg/components";
 import { ErrorBoundary } from "@sentry/react";
-import { useMatchRoute } from "@tanstack/react-router";
+import {
+	useMatches,
+	useMatchRoute,
+	useRouterState,
+} from "@tanstack/react-router";
 import { Suspense, useContext } from "react";
 import { MobileBreadcrumbsContext } from "../breadcrumbs/mobile-breadcrumbs";
 import { HeaderEnvironmentLinks } from "./links/header-environment-links";
 import { HeaderGroupLinks } from "./links/header-group-links";
 import { HeaderProjectLinks } from "./links/header-project-links";
 
 function Content() {
+	const allMatches = useMatches();
+
+	const v2Envs = allMatches.find((match) => match.id.includes("/_v2/"));
+
 	const matchRoute = useMatchRoute();
 
 	const { profile } = useAuth();
 
-	if (!profile?.identity.isRegistered) {
+	if (!profile?.identity.isRegistered || v2Envs) {
 		return null;
 	}