agent: @U0AJM7X8FBR Admin - Privy login data.

app/privy/page.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from "next";
+import PrivyLoginsPage from "@/components/PrivyLogins/PrivyLoginsPage";
+
+export const metadata: Metadata = {
+  title: "Privy Logins — Recoup Admin",
+};
+
+export default function Page() {
+  return <PrivyLoginsPage />;
+}

components/Home/AdminDashboard.tsx

@@ -11,6 +11,7 @@ export default function AdminDashboard() {
       <nav className="flex gap-4">
         <NavButton href="/sandboxes" label="View Sandboxes" />
         <NavButton href="/sandboxes/orgs" label="View Org Commits" />
+        <NavButton href="/privy" label="View Privy Logins" />
       </nav>
     </div>
   );

components/PrivyLogins/PrivyLoginsPage.tsx

@@ -0,0 +1,83 @@
+"use client";
+
+import { useState } from "react";
+import PageBreadcrumb from "@/components/Sandboxes/PageBreadcrumb";
+import ApiDocsLink from "@/components/ApiDocsLink";
+import { usePrivyLogins } from "@/hooks/usePrivyLogins";
+import PrivyLoginsTable from "@/components/PrivyLogins/PrivyLoginsTable";
+import type { PrivyLoginsPeriod } from "@/types/privy";
+
+const PERIODS: { value: PrivyLoginsPeriod; label: string }[] = [
+  { value: "daily", label: "Daily" },
+  { value: "weekly", label: "Weekly" },
+  { value: "monthly", label: "Monthly" },
+];
+
+export default function PrivyLoginsPage() {
+  const [period, setPeriod] = useState<PrivyLoginsPeriod>("daily");
+  const { data, isLoading, error } = usePrivyLogins(period);
+
+  return (
+    <main className="mx-auto max-w-6xl px-4 py-10">
+      <div className="mb-6 flex items-start justify-between">
+        <div>
+          <PageBreadcrumb current="Privy Logins" />
+          <h1 className="text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
+            Privy Logins
+          </h1>
+          <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+            User sign-ins via Privy, grouped by time period.
+          </p>
+        </div>
+        <ApiDocsLink path="admins/privy" />
+      </div>
+
+      <div className="mb-6 flex items-center gap-4">
+        <div className="flex rounded-lg border bg-white dark:bg-gray-900 overflow-hidden">
+          {PERIODS.map(({ value, label }) => (
+            <button
+              key={value}
+              onClick={() => setPeriod(value)}
+              className={`px-4 py-2 text-sm font-medium transition-colors ${
+                period === value
+                  ? "bg-gray-900 text-white dark:bg-white dark:text-gray-900"
+                  : "text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800"
+              }`}
+            >
+              {label}
+            </button>
+          ))}
+        </div>
+
+        {data && (
+          <span className="text-sm text-gray-500 dark:text-gray-400">
+            <span className="font-semibold text-gray-900 dark:text-gray-100">{data.total}</span>{" "}
+            login{data.total !== 1 ? "s" : ""}
+          </span>
+        )}
+      </div>
+
+      {isLoading && (
+        <div className="flex items-center justify-center py-12 text-sm text-gray-400">
+          Loading logins…
+        </div>
+      )}
+
+      {error && (
+        <div className="rounded-md bg-red-50 p-4 text-sm text-red-700 dark:bg-red-900/20 dark:text-red-400">
+          {error instanceof Error ? error.message : "Failed to load Privy logins"}
+        </div>
+      )}
+
+      {!isLoading && !error && data && data.logins.length === 0 && (
+        <div className="flex items-center justify-center py-12 text-sm text-gray-400">
+          No logins found for this period.
+        </div>
+      )}
+
+      {!isLoading && !error && data && data.logins.length > 0 && (
+        <PrivyLoginsTable logins={data.logins} />
+      )}
+    </main>
+  );
+}

components/PrivyLogins/PrivyLoginsTable.tsx

@@ -0,0 +1,42 @@
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import type { PrivyLoginRow } from "@/types/privy";
+
+interface PrivyLoginsTableProps {
+  logins: PrivyLoginRow[];
+}
+
+export default function PrivyLoginsTable({ logins }: PrivyLoginsTableProps) {
+  return (
+    <div className="rounded-md border">
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>Email</TableHead>
+            <TableHead>Privy DID</TableHead>
+            <TableHead>Created At</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {logins.map((login) => (
+            <TableRow key={login.privy_did}>
+              <TableCell className="font-medium">
+                {login.email ?? <span className="text-gray-400 italic">No email</span>}
+              </TableCell>
+              <TableCell className="font-mono text-xs text-gray-500">{login.privy_did}</TableCell>
+              <TableCell className="text-sm text-gray-600 dark:text-gray-400">
+                {new Date(login.created_at).toLocaleString()}
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </div>
+  );
+}

hooks/usePrivyLogins.ts

@@ -0,0 +1,24 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { usePrivy } from "@privy-io/react-auth";
+import { fetchPrivyLogins } from "@/lib/recoup/fetchPrivyLogins";
+import type { PrivyLoginsPeriod } from "@/types/privy";
+
+/**
+ * Fetches Privy login statistics for the given period from GET /api/admins/privy.
+ * Authenticates with the Privy access token (admin Bearer auth).
+ */
+export function usePrivyLogins(period: PrivyLoginsPeriod) {
+  const { ready, authenticated, getAccessToken } = usePrivy();
+
+  return useQuery({
+    queryKey: ["admin", "privy", "logins", period],
+    queryFn: async () => {
+      const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      return fetchPrivyLogins(token, period);
+    },
+    enabled: ready && authenticated,
+  });
+}

lib/recoup/fetchPrivyLogins.ts

@@ -0,0 +1,29 @@
+import { API_BASE_URL } from "@/lib/consts";
+import type { PrivyLoginsPeriod, PrivyLoginsResponse } from "@/types/privy";
+
+/**
+ * Fetches Privy login statistics from GET /api/admins/privy.
+ * Authenticates using the caller's Privy access token (admin Bearer auth).
+ *
+ * @param accessToken - Privy access token from getAccessToken()
+ * @param period - Time period: "daily", "weekly", or "monthly"
+ * @returns PrivyLoginsResponse with total count and login rows
+ */
+export async function fetchPrivyLogins(
+  accessToken: string,
+  period: PrivyLoginsPeriod,
+): Promise<PrivyLoginsResponse> {
+  const url = new URL(`${API_BASE_URL}/api/admins/privy`);
+  url.searchParams.set("period", period);
+
+  const res = await fetch(url.toString(), {
+    headers: { Authorization: `Bearer ${accessToken}` },
+  });
+
+  if (!res.ok) {
+    const body = await res.json().catch(() => ({}));
+    throw new Error(body.error ?? body.message ?? `HTTP ${res.status}`);
+  }
+
+  return res.json();
+}

types/privy.ts

@@ -0,0 +1,13 @@
+export type PrivyLoginsPeriod = "daily" | "weekly" | "monthly";
+
+export type PrivyLoginRow = {
+  privy_did: string;
+  email: string | null;
+  created_at: string;
+};
+
+export type PrivyLoginsResponse = {
+  status: "success" | "error";
+  total: number;
+  logins: PrivyLoginRow[];
+};