Session 6.3

src/app/[locale]/dashboard/page.tsx

@@ -2,9 +2,11 @@ import { getSessionUser } from "@/lib/session";
 import { getTranslations } from "next-intl/server";
 import { redirect } from "next/navigation";
 import { listTenants } from "@/lib/k8s";
+import { getTenantRequestByOrgId } from "@/lib/db";
 import { Card, CardHeader } from "@/components/ui/card";
 import { StatusBadge } from "@/components/ui/status-badge";
 import { UsageDisplay } from "@/components/dashboard/usage-display";
+import { OnboardingFlow } from "@/components/onboarding/onboarding-flow";
 import Link from "next/link";
 
 export default async function DashboardPage() {
@@ -136,17 +138,13 @@ export default async function DashboardPage() {
     (t) => t.metadata.labels?.["pieced.ch/zitadel-org-id"] === user.orgId
   );
 
+  // No tenant → check for existing request, show onboarding flow
   if (!myTenant) {
+    const existingRequest = await getTenantRequestByOrgId(user.orgId);
+    const initialState = existingRequest?.status ?? "no_request";
+
     return (
       <div>
-        <details className="mt-12 text-xs text-text-muted">
-  <summary className="cursor-pointer hover:text-text-secondary transition-colors">
-    Session Debug
-  </summary>
-  <pre className="mt-3 bg-surface-2 border border-border rounded-lg p-4 overflow-auto font-mono text-[11px] text-text-secondary">
-    {JSON.stringify(user, null, 2)}
-  </pre>
-</details>
         <div className="mb-8 animate-in">
           <h1 className="font-display text-2xl font-semibold accent-rule mb-2">
             {t("title")}
@@ -156,16 +154,11 @@ export default async function DashboardPage() {
           </p>
         </div>
 
-        <div className="flex flex-col items-center justify-center py-16 text-center animate-in animate-in-delay-1">
-          <div className="h-14 w-14 rounded-xl bg-accent/15 flex items-center justify-center mb-4">
-            <div className="h-8 w-8 rounded-lg bg-accent/40" />
-          </div>
-          <h2 className="font-display text-lg font-semibold text-text-primary mb-1">
-            {t("noInstance")}
-          </h2>
-          <p className="text-sm text-text-secondary mb-6 max-w-sm">
-            {t("noInstanceDescription")}
-          </p>
+        <div className="animate-in animate-in-delay-1">
+          <OnboardingFlow
+            orgName={user.orgName}
+            initialState={initialState as any}
+          />
         </div>
       </div>
     );
@@ -227,14 +220,6 @@ export default async function DashboardPage() {
       >
         <span>→</span> {t("manage")}
       </Link>
-      <details className="mt-12 text-xs text-text-muted">
-  <summary className="cursor-pointer hover:text-text-secondary transition-colors">
-    Session Debug
-  </summary>
-  <pre className="mt-3 bg-surface-2 border border-border rounded-lg p-4 overflow-auto font-mono text-[11px] text-text-secondary">
-    {JSON.stringify(user, null, 2)}
-  </pre>
-</details>
     </div>
   );
 }