+
diff --git a/app/dashboard/admin/organizations/page.tsx b/app/dashboard/admin/organizations/page.tsx
new file mode 100644
index 000000000..d55286f04
--- /dev/null
+++ b/app/dashboard/admin/organizations/page.tsx
@@ -0,0 +1,503 @@
+"use client";
+
+import { useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+ Building2,
+ CheckCircle,
+ Clock,
+ Loader2,
+ PauseCircle,
+ PlayCircle,
+ Search,
+ XCircle,
+} from "lucide-react";
+import type { OrgStatus } from "@prisma/client";
+
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Badge } from "@/components/ui/badge";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import {
+ AlertDialog,
+ AlertDialogAction,
+ AlertDialogCancel,
+ AlertDialogContent,
+ AlertDialogDescription,
+ AlertDialogFooter,
+ AlertDialogHeader,
+ AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Textarea } from "@/components/ui/textarea";
+import { Label } from "@/components/ui/label";
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+interface OrgListItem {
+ id: string;
+ name: string;
+ slug: string;
+ status: OrgStatus;
+ canSponsor: boolean;
+ canHost: boolean;
+ billingEmail: string;
+ createdAt: string;
+ billingAccount: { id: string; fundingSource: string } | null;
+ _count: { memberships: number; contracts: number };
+}
+
+type VerifyAction = "VERIFY" | "SUSPEND" | "REACTIVATE" | "DEACTIVATE";
+
+// ---------------------------------------------------------------------------
+// API layer
+// ---------------------------------------------------------------------------
+
+async function fetchOrganizations(params: {
+ status?: string;
+ search?: string;
+ page?: number;
+}): Promise<{ data: OrgListItem[]; pagination: { total: number; page: number; pages: number } }> {
+ const url = new URL("/api/admin/organizations", window.location.origin);
+ if (params.status && params.status !== "ALL") url.searchParams.set("status", params.status);
+ if (params.search) url.searchParams.set("search", params.search);
+ if (params.page) url.searchParams.set("page", String(params.page));
+ const res = await fetch(url.toString());
+ if (!res.ok) throw new Error("Failed to load organizations");
+ return res.json();
+}
+
+async function verifyOrg(
+ orgId: string,
+ action: VerifyAction,
+ reason?: string,
+): Promise<{ organization: OrgListItem }> {
+ const res = await fetch(`/api/admin/organizations/${orgId}/verify`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ action, reason }),
+ });
+ const json = await res.json().catch(() => ({}));
+ if (!res.ok) {
+ throw new Error((json as { error?: string }).error ?? "Action failed");
+ }
+ return json;
+}
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function fmtDate(iso: string) {
+ return new Date(iso).toLocaleDateString("en-IN", {
+ day: "2-digit",
+ month: "short",
+ year: "numeric",
+ });
+}
+
+const STATUS_BADGE: Record = {
+ PENDING_VERIFICATION: "bg-amber-50 text-amber-800 border-amber-300",
+ ACTIVE: "bg-green-50 text-green-800 border-green-300",
+ SUSPENDED: "bg-red-50 text-red-700 border-red-300",
+ DEACTIVATED: "bg-zinc-100 text-zinc-600 border-zinc-300",
+};
+
+const STATUS_ICON: Record = {
+ PENDING_VERIFICATION: Clock,
+ ACTIVE: CheckCircle,
+ SUSPENDED: PauseCircle,
+ DEACTIVATED: XCircle,
+};
+
+function capabilityLabel(canSponsor: boolean, canHost: boolean) {
+ if (canSponsor && canHost) return "Hybrid";
+ if (canSponsor) return "Sponsor";
+ if (canHost) return "Host";
+ return "—";
+}
+
+// Actions available from each status
+const ALLOWED_ACTIONS: Record = {
+ PENDING_VERIFICATION: ["VERIFY", "DEACTIVATE"],
+ ACTIVE: ["SUSPEND", "DEACTIVATE"],
+ SUSPENDED: ["REACTIVATE", "DEACTIVATE"],
+ DEACTIVATED: [],
+};
+
+const ACTION_LABELS: Record = {
+ VERIFY: "Verify",
+ SUSPEND: "Suspend",
+ REACTIVATE: "Reactivate",
+ DEACTIVATE: "Deactivate",
+};
+
+const ACTION_VARIANT: Record = {
+ VERIFY: "bg-green-600 hover:bg-green-700 text-white",
+ SUSPEND: "bg-amber-600 hover:bg-amber-700 text-white",
+ REACTIVATE: "bg-blue-600 hover:bg-blue-700 text-white",
+ DEACTIVATE: "bg-red-600 hover:bg-red-700 text-white",
+};
+
+// ---------------------------------------------------------------------------
+// Confirm dialog
+// ---------------------------------------------------------------------------
+
+function ActionDialog({
+ org,
+ action,
+ onClose,
+ onConfirm,
+ isPending,
+ error,
+}: {
+ org: OrgListItem;
+ action: VerifyAction;
+ onClose: () => void;
+ onConfirm: (reason: string) => void;
+ isPending: boolean;
+ error: string | null;
+}) {
+ const [reason, setReason] = useState("");
+
+ const descriptions: Record = {
+ VERIFY:
+ "This will mark the organization as ACTIVE. Members can be invited and money can move immediately.",
+ SUSPEND:
+ "Invitations and payments will be paused until the organization is reactivated. Existing memberships are preserved.",
+ REACTIVATE:
+ "The organization will return to ACTIVE status. All previously gated actions unlock immediately.",
+ DEACTIVATE:
+ "This is permanent and cannot be reversed from this endpoint. Use only for organizations that will never operate again.",
+ };
+
+ return (
+ !v && onClose()}>
+
+
+
+ {ACTION_LABELS[action]} “{org.name}”?
+
+ {descriptions[action]}
+
+
+
+