chore: initial project import

app/super-admin/channels/page.tsx

@@ -0,0 +1,52 @@
+import { PlaceholderActions, ShellPage } from "@/components/page-templates";
+import { TablePlaceholder } from "@/components/placeholders";
+import { getSession } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { redirect } from "next/navigation";
+
+function formatDate(date: Date | null) {
+  if (!date) {
+    return "Not synced";
+  }
+
+  return new Intl.DateTimeFormat("id-ID", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(date);
+}
+
+export default async function SuperAdminChannelsPage() {
+  const session = await getSession();
+  if (!session || session.role !== "super_admin") {
+    redirect("/unauthorized");
+  }
+
+  const channels = await prisma.channel.findMany({
+    include: { tenant: true },
+    orderBy: { updatedAt: "desc" }
+  });
+
+  return (
+    <ShellPage
+      shell="super-admin"
+      title="Channels"
+      description="Connected numbers, webhook health, dan last sync."
+      actions={<PlaceholderActions primaryHref="/super-admin/tenants" primaryLabel="Tenant list" />}
+    >
+      <TablePlaceholder
+        title="Channel list"
+        columns={["Number", "Tenant", "Provider", "Status", "Webhook"]}
+        rows={channels.map((channel) => [
+          channel.displayPhoneNumber || "N/A",
+          channel.tenant.name,
+          channel.provider,
+          channel.status,
+          `${channel.webhookStatus || "unknown"} • ${formatDate(channel.lastSyncAt)}`
+        ])}
+      />
+    </ShellPage>
+  );
+}