Working version 6.2

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

@@ -1,5 +1,106 @@
-import AdminTenantsClient from "@/components/admin/AdminTenantsClient";
+import { getSessionUser } from "@/lib/session";
+import { getTranslations } from "next-intl/server";
+import { redirect } from "next/navigation";
+import { listTenants } from "@/lib/k8s";
+import { StatusBadge } from "@/components/ui/status-badge";
 
-export default function AdminPage() {
-  return <AdminTenantsClient />;
+export default async function AdminPage() {
+  const user = await getSessionUser();
+  if (!user) redirect("/login");
+
+  const t = await getTranslations("admin");
+
+  if (!user.isPlatform) {
+    return (
+      <div className="flex items-center justify-center min-h-[40vh]">
+        <p className="text-error text-sm">{t("noAccess")}</p>
+      </div>
+    );
+  }
+
+  const tenants = await listTenants();
+
+  return (
+    <div>
+      <div className="mb-8 animate-in">
+        <h1 className="font-display text-2xl font-semibold accent-rule mb-2">
+          {t("title")}
+        </h1>
+        <p className="text-text-secondary text-sm mt-4">{t("subtitle")}</p>
+      </div>
+
+      <div className="animate-in animate-in-delay-1">
+        <div className="flex items-baseline gap-3 mb-4">
+          <h2 className="text-xs font-semibold uppercase tracking-wider text-text-muted">
+            {t("allTenants")}
+          </h2>
+          <span className="font-mono text-xs text-text-muted tabular-nums">
+            {tenants.length}
+          </span>
+        </div>
+
+        {tenants.length === 0 ? (
+          <div className="bg-surface-1 border border-border rounded-xl p-12 text-center">
+            <p className="text-text-secondary text-sm">{t("noTenants")}</p>
+          </div>
+        ) : (
+          <div className="bg-surface-1 border border-border rounded-xl overflow-hidden">
+            <div className="overflow-x-auto">
+              <table className="w-full text-sm">
+                <thead>
+                  <tr className="border-b border-border text-left">
+                    <th className="px-5 py-3 text-xs font-semibold uppercase tracking-wider text-text-muted">
+                      {t("name")}
+                    </th>
+                    <th className="px-5 py-3 text-xs font-semibold uppercase tracking-wider text-text-muted">
+                      {t("displayName")}
+                    </th>
+                    <th className="px-5 py-3 text-xs font-semibold uppercase tracking-wider text-text-muted">
+                      {t("phase")}
+                    </th>
+                    <th className="px-5 py-3 text-xs font-semibold uppercase tracking-wider text-text-muted">
+                      {t("packages")}
+                    </th>
+                    <th className="px-5 py-3 text-xs font-semibold uppercase tracking-wider text-text-muted">
+                      {t("created")}
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {tenants.map((tenant) => (
+                    <tr
+                      key={tenant.metadata.name}
+                      className="border-b border-border last:border-0 hover:bg-surface-2/50 transition-colors"
+                    >
+                      <td className="px-5 py-3 font-mono text-xs text-accent">
+                        {tenant.metadata.name}
+                      </td>
+                      <td className="px-5 py-3 text-text-primary">
+                        {tenant.spec.displayName}
+                      </td>
+                      <td className="px-5 py-3">
+                        <StatusBadge
+                          phase={tenant.status?.phase ?? "Pending"}
+                        />
+                      </td>
+                      <td className="px-5 py-3 text-xs text-text-secondary font-mono">
+                        {tenant.spec.packages?.join(", ") || "—"}
+                      </td>
+                      <td className="px-5 py-3 text-xs text-text-muted tabular-nums">
+                        {tenant.metadata.creationTimestamp
+                          ? new Date(
+                              tenant.metadata.creationTimestamp
+                            ).toLocaleDateString()
+                          : "—"}
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
 }