Fix tenant creation page error handling and logging

app/super-admin/tenants/new/page.tsx

@@ -15,10 +15,22 @@ export default async function NewTenantPage({
     redirect("/unauthorized");
   }
 
-  const [plans, params] = await Promise.all([
-    prisma.subscriptionPlan.findMany({ orderBy: { priceMonthly: "asc" } }),
-    searchParams ?? Promise.resolve({ error: undefined })
-  ]);
+  const params = await (searchParams ?? Promise.resolve({ error: undefined }));
+  let plans: Array<{
+    id: string;
+    name: string;
+    code: string;
+    priceMonthly: number;
+  }> = [];
+
+  try {
+    plans = await prisma.subscriptionPlan.findMany({ orderBy: { priceMonthly: "asc" } });
+  } catch (error) {
+    console.error("[tenant/new] load plans failed", {
+      actorUserId: session.userId,
+      error: error instanceof Error ? error.message : String(error)
+    });
+  }
 
   const error = params.error;
   const errorMessage =
@@ -30,6 +42,10 @@ export default async function NewTenantPage({
           ? "Slug tenant sudah dipakai."
           : error === "admin_email_exists"
             ? "Email admin awal sudah terpakai."
+            : error === "tenant_creation_failed"
+              ? "Tidak bisa membuat tenant, silakan cek log server untuk detail error."
+              : error === "plans_fetch_failed"
+                ? "Tidak dapat memuat daftar plan. Cek log server/DB koneksi."
             : null;
 
   return (
@@ -37,6 +53,11 @@ export default async function NewTenantPage({
       <SectionCard title="Tenant form">
         <form action={createTenant} className="grid gap-4 md:max-w-3xl md:grid-cols-2">
           {errorMessage ? <p className="col-span-2 rounded-xl border border-warning/30 bg-warning/10 p-3 text-sm text-warning">{errorMessage}</p> : null}
+          {plans.length === 0 ? (
+            <p className="col-span-2 rounded-xl border border-warning/30 bg-warning/10 p-3 text-sm text-warning">
+              Belum ada data plan. Isi dulu plan pada <a href="/super-admin/billing/plans" className="underline">Catalog Plan</a> sebelum membuat tenant.
+            </p>
+          ) : null}
           <input name="name" className="rounded-xl border border-line px-4 py-3" placeholder="Company name" required />
           <input name="slug" className="rounded-xl border border-line px-4 py-3" placeholder="Tenant slug" required />
           <input name="timezone" className="rounded-xl border border-line px-4 py-3" placeholder="Timezone" required />

lib/admin-crud.ts

@@ -1153,13 +1153,13 @@ export async function createTenant(formData: FormData) {
   const session = await requireSuperAdminSession();
   const auditContext = await getAuditContext(session);
 
-  const name = formValue(formData, "name");
-  const companyName = formValue(formData, "companyName") || name;
-  const slug = formValue(formData, "slug").toLowerCase();
-  const timezone = formValue(formData, "timezone");
+  const name = formValue(formData, "name").trim();
+  const companyName = (formValue(formData, "companyName") || name).trim();
+  const slug = formValue(formData, "slug").trim().toLowerCase();
+  const timezone = formValue(formData, "timezone").trim();
   const planId = formValue(formData, "planId");
-  const adminFullName = formValue(formData, "adminFullName") || `Admin ${name}`;
-  const adminEmail = formValue(formData, "adminEmail");
+  const adminFullName = (formValue(formData, "adminFullName") || `Admin ${name}`).trim();
+  const adminEmail = formValue(formData, "adminEmail").trim() || undefined;
   const adminPassword = formValue(formData, "adminPassword");
 
   if (!name || !slug || !timezone || !planId) {
@@ -1191,17 +1191,33 @@ export async function createTenant(formData: FormData) {
     adminEmail: string;
   };
 
-  const tenantCreation = await prisma.$transaction(async (tx) => {
-    const createdTenant = await tx.tenant.create({
-      data: {
-        name,
-        companyName: companyName || name,
-        slug,
-        timezone,
-        status: TenantStatus.ACTIVE,
-        planId
-      }
-    });
+  let tenantCreation: {
+    tenant: {
+      id: string;
+      name: string;
+      slug: string;
+      planId: string;
+      timezone: string;
+      status: TenantStatus;
+      createdAt: Date;
+      updatedAt: Date;
+      companyName: string;
+    };
+    adminInvite: AdminInvitePayload | null;
+  };
+
+  try {
+    tenantCreation = await prisma.$transaction(async (tx) => {
+      const createdTenant = await tx.tenant.create({
+        data: {
+          name,
+          companyName: companyName || name,
+          slug,
+          timezone,
+          status: TenantStatus.ACTIVE,
+          planId
+        }
+      });
 
     if (adminEmail) {
       const shouldInviteAdmin = !adminPassword;
@@ -1243,11 +1259,21 @@ export async function createTenant(formData: FormData) {
       }
     }
 
-    return {
-      tenant: createdTenant,
-      adminInvite: null
-    };
-  });
+      return {
+        tenant: createdTenant,
+        adminInvite: null
+      };
+    });
+  } catch (error) {
+    console.error("[createTenant] transaction failed", {
+      actorUserId: session.userId,
+      tenantName: name,
+      tenantSlug: slug,
+      planId,
+      error: error instanceof Error ? error.message : String(error)
+    });
+    redirect("/super-admin/tenants/new?error=tenant_creation_failed");
+  }
 
   const tenant = tenantCreation.tenant;
   const adminInvite = tenantCreation.adminInvite;