-
-
+
+
+
+
+
+
+ {isApproving ? "Approve MCP access?" : "Revoke MCP access?"}
+
+
+ {isApproving
+ ? `Give ${confirmationCount} selected ${confirmationCount === 1 ? "person" : "people"} access to Livepeer through MCP.`
+ : `Remove MCP access for ${confirmationCount} selected ${confirmationCount === 1 ? "person" : "people"}. Running jobs won’t be stopped.`}
+
+
+
+
+
+
diff --git a/components/admin/AdminWorkspace.tsx b/components/admin/AdminWorkspace.tsx
index db3ab04f..c4031eb2 100644
--- a/components/admin/AdminWorkspace.tsx
+++ b/components/admin/AdminWorkspace.tsx
@@ -3,9 +3,15 @@
import { useRef, useState, type ReactNode } from "react";
import RunsPreview from "./RunsPreview";
-const sections = ["Waitlist", "History"] as const;
+const sections = ["Waitlist", "History", "Team"] as const;
-export default function AdminWorkspace({ children }: { children: ReactNode }) {
+export default function AdminWorkspace({
+ children,
+ team,
+}: {
+ children: ReactNode;
+ team?: ReactNode;
+}) {
const [active, setActive] = useState<(typeof sections)[number]>("Waitlist");
const tabs = useRef<(HTMLButtonElement | null)[]>([]);
return (
@@ -42,8 +48,11 @@ export default function AdminWorkspace({ children }: { children: ReactNode }) {
event.key === "Home"
? 0
: event.key === "End"
- ? 1
- : 1 - index;
+ ? sections.length - 1
+ : (index +
+ (event.key === "ArrowRight" ? 1 : -1) +
+ sections.length) %
+ sections.length;
setActive(sections[next]);
tabs.current[next]?.focus();
}}
@@ -54,6 +63,14 @@ export default function AdminWorkspace({ children }: { children: ReactNode }) {
))}
= {
+ admin_account_not_eligible:
+ "That email must belong to an active, verified Console account before it can be added as an admin.",
+ admin_access_revoked:
+ "That account’s Console access is revoked. Restore Console access before adding it as an admin.",
+ cannot_revoke_self: "You can’t revoke your own administrator access.",
+ admin_member_not_found: "That team member is no longer an active admin.",
+ admin_required:
+ "Your administrator session is unavailable. Sign in to Console again.",
+};
+
+async function responseError(response: Response, fallback: string) {
+ try {
+ const body = (await response.json()) as { error?: string };
+ return (body.error && ERROR_MESSAGES[body.error]) || fallback;
+ } catch {
+ return fallback;
+ }
+}
+
+export default function TeamManager({
+ embedded = false,
+}: {
+ embedded?: boolean;
+}) {
+ const [list, setList] = useState
(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+ const [notice, setNotice] = useState("");
+ const [reload, setReload] = useState(0);
+ const [selected, setSelected] = useState(null);
+ const [addOpen, setAddOpen] = useState(false);
+ const [email, setEmail] = useState("");
+ const [addError, setAddError] = useState("");
+ const [revokeTarget, setRevokeTarget] = useState(
+ null
+ );
+ const [revokeError, setRevokeError] = useState("");
+ const [working, setWorking] = useState(false);
+
+ useEffect(() => {
+ const controller = new AbortController();
+ setLoading(true);
+ setError("");
+ void fetch("/api/admin/team", {
+ cache: "no-store",
+ signal: controller.signal,
+ })
+ .then(async (response) => {
+ if (!response.ok)
+ throw new Error(
+ await responseError(response, "Could not load the admin team.")
+ );
+ const result = (await response.json()) as AdminTeamList;
+ if (!Array.isArray(result.members))
+ throw new Error("Could not load the admin team.");
+ if (!controller.signal.aborted) {
+ setList(result);
+ setSelected((current) =>
+ result.members.some((item) => item.grantId === current)
+ ? current
+ : null
+ );
+ }
+ })
+ .catch((cause: unknown) => {
+ if (!controller.signal.aborted)
+ setError(
+ cause instanceof Error
+ ? cause.message
+ : "Could not load the admin team."
+ );
+ })
+ .finally(() => {
+ if (!controller.signal.aborted) setLoading(false);
+ });
+ return () => controller.abort();
+ }, [reload]);
+
+ const selectedMember =
+ list?.members.find((item) => item.grantId === selected) ?? null;
+
+ async function submitAdmin(event: React.FormEvent) {
+ event.preventDefault();
+ if (working || !email.trim()) return;
+ setWorking(true);
+ setAddError("");
+ setNotice("");
+ try {
+ const response = await fetch("/api/admin/team", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ email: email.trim() }),
+ });
+ if (!response.ok)
+ throw new Error(
+ await responseError(response, "Could not add this administrator.")
+ );
+ const result = (await response.json()) as {
+ member: AdminTeamMember;
+ outcome: "added" | "restored" | "unchanged";
+ };
+ setAddOpen(false);
+ setEmail("");
+ setAddError("");
+ setNotice(
+ result.outcome === "unchanged"
+ ? `${result.member.email} is already an admin.`
+ : `${result.member.email} was added as an admin.`
+ );
+ setReload((value) => value + 1);
+ } catch (cause) {
+ setAddError(
+ cause instanceof Error
+ ? cause.message
+ : "Could not add this administrator."
+ );
+ } finally {
+ setWorking(false);
+ }
+ }
+
+ async function confirmRevoke() {
+ if (working || !revokeTarget) return;
+ setWorking(true);
+ setRevokeError("");
+ setNotice("");
+ try {
+ const response = await fetch("/api/admin/team", {
+ method: "DELETE",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ grantId: revokeTarget.grantId }),
+ });
+ if (!response.ok)
+ throw new Error(
+ await responseError(
+ response,
+ "Could not revoke administrator access."
+ )
+ );
+ setNotice(`${revokeTarget.email} no longer has administrator access.`);
+ setRevokeTarget(null);
+ setRevokeError("");
+ setSelected(null);
+ setReload((value) => value + 1);
+ } catch (cause) {
+ setRevokeError(
+ cause instanceof Error
+ ? cause.message
+ : "Could not revoke administrator access."
+ );
+ } finally {
+ setWorking(false);
+ }
+ }
+
+ return (
+
+ {
+ setError("");
+ setNotice("");
+ setAddError("");
+ setAddOpen(true);
+ }}
+ >
+
+ Add admin
+
+ }
+ />
+
+ {selectedMember && (
+
+ )}
+ {selectedMember && !selectedMember.isCurrentUser && (
+
+ )}
+
+ {(error || notice) && (
+
+ {error || notice}
+
+ )}
+
+
+
+
+
+
+
+
+
+ | Selection |
+ Email |
+ Added |
+
+
+
+ {list?.members.map((item) => (
+
+ |
+
+ setSelected(event.target.checked ? item.grantId : null)
+ }
+ />
+ |
+
+ {item.email}
+ {item.isCurrentUser && (
+ You
+ )}
+ |
+
+ {new Date(item.grantedAt).toLocaleDateString()}
+ |
+
+ ))}
+ {(!list || !list.members.length) && (
+
+ |
+ {loading
+ ? "Loading team…"
+ : error
+ ? "Team unavailable."
+ : "No administrators found."}
+ |
+
+ )}
+
+
+