chore: add tom

i messed up and worked on the wrong branch :trollface:

.env.example

@@ -0,0 +1,24 @@
+# Revolt instance
+REDIS=
+MONGODB=
+
+# Authentication
+AUTHENTIK_ID=
+AUTHENTIK_SECRET=
+AUTHENTIK_ISSUER=https://sso.revolt.chat/application/o/admin-panel
+
+# Next Auth
+NEXTAUTH_SECRET=
+NEXTAUTH_URL=https://admin.revolt.chat
+
+# Web server
+PORT=3000
+
+# Notifications using ntfy.sh
+NTFY_SERVER=https://ntfy.revolt.wtf
+NTFY_TOPIC=reports
+NTFY_USERNAME=admin-panel
+NTFY_PASSWORD=
+
+# Debugging
+# BYPASS_ACL=1

.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "@next/next/no-img-element": "off",
+    "jsx-a11y/alt-text": "off"
+  }
 }

.gitignore

@@ -37,3 +37,5 @@ next-env.d.ts
 # data
 exports/**
 !exports/.gitkeep
+
+.pnpm-store

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "editor.tabSize": 2,
+    "editor.insertSpaces": true
+}

app/api/download/backup/[name]/route.ts

@@ -0,0 +1,8 @@
+import { fetchBackup } from "@/lib/actions";
+import { NextResponse } from "next/server";
+
+export async function GET(req: Request, { params }: { params: { name: string } }) {
+    const name = decodeURIComponent(params.name);
+    const backup = await fetchBackup(name);
+    return NextResponse.json(backup);
+}

app/panel/backups/page.tsx

@@ -0,0 +1,37 @@
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { fetchBackups } from "@/lib/actions";
+import Link from "next/link";
+
+export default async function Backups() {
+  const backups = await fetchBackups();
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>Name</TableHead>
+            <TableHead>Type</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {backups.map((backup) => (
+            <TableRow key={backup.name}>
+              <TableCell>{backup.name}</TableCell>
+              <TableCell>{backup.type}</TableCell>
+              <TableCell>
+                <Link target="_blank" href={`/api/download/backup/${encodeURIComponent(backup.name)}`}>
+                  <Button>
+                    Download
+                  </Button>
+                </Link>
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}

app/panel/cases/[id]/page.tsx

@@ -0,0 +1,41 @@
+import { ReportCard } from "@/components/cards/ReportCard";
+import { CardLink } from "@/components/common/CardLink";
+import { NavigationToolbar } from "@/components/common/NavigationToolbar";
+import { CaseActions } from "@/components/pages/inspector/CaseActions";
+import { fetchCaseById, fetchReportsByCase } from "@/lib/db";
+import { PizzaIcon } from "lucide-react";
+import { notFound } from "next/navigation";
+
+export default async function Reports({ params }: { params: { id: string } }) {
+  const Case = await fetchCaseById(params.id);
+  if (!Case) return notFound();
+
+  const reports = await fetchReportsByCase(params.id);
+
+  return (
+    <div className="flex flex-col gap-2">
+      <NavigationToolbar>Viewing Case</NavigationToolbar>
+      <CaseActions Case={Case} />
+
+      <div className="flex flex-col gap-2">
+        <h1 className="text-2xl">Reports</h1>
+        {reports.length ? (
+          reports.map((report) => (
+            <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
+              <ReportCard report={report} />
+            </CardLink>
+          ))
+        ) : (
+          <>
+            <h2 className="mt-8 flex justify-center">
+              <PizzaIcon className="text-gray-400" />
+            </h2>
+            <h3 className="text-xs text-center pb-2 text-gray-400">
+              No reports added yet.
+            </h3>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}

app/panel/cases/page.tsx

@@ -0,0 +1,37 @@
+import { CaseCard } from "@/components/cards/CaseCard";
+import { CardLink } from "@/components/common/CardLink";
+import { CreateCase } from "@/components/common/CreateCase";
+import { fetchOpenCases } from "@/lib/db";
+import { PizzaIcon } from "lucide-react";
+
+export default async function Reports() {
+  const cases = (await fetchOpenCases()).reverse();
+
+  return (
+    <div className="flex flex-col gap-8">
+      <div className="flex flex-col gap-2">
+        <div className="flex flex-row gap-2 items-center">
+          <CreateCase />
+          <h1 className="text-2xl">Open Cases</h1>
+        </div>
+
+        {cases.length ? (
+          cases.map((entry) => (
+            <CardLink key={entry._id} href={`/panel/cases/${entry._id}`}>
+              <CaseCard entry={entry} />
+            </CardLink>
+          ))
+        ) : (
+          <>
+            <h2 className="mt-8 flex justify-center">
+              <PizzaIcon className="text-gray-400" />
+            </h2>
+            <h3 className="text-xs text-center pb-2 text-gray-400">
+              No cases currently open.
+            </h3>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}

app/panel/inspect/account/[id]/page.tsx

@@ -22,8 +22,10 @@ import dayjs from "dayjs";
 import { notFound } from "next/navigation";
 import { User } from "revolt-api";
 import { decodeTime } from "ulid";
-
 import relativeTime from "dayjs/plugin/relativeTime";
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
+import { RestrictedUserCard } from "@/components/cards/RestrictedUserCard";
+
 dayjs.extend(relativeTime);
 
 export default async function User({
@@ -40,9 +42,12 @@ export default async function User({
   return (
     <div className="flex flex-col gap-2">
       <NavigationToolbar>Inspecting Account</NavigationToolbar>
-      {user && <UserCard user={user} subtitle={account.email} />}
+
+      <RestrictedUserCard id={params.id} />
+      {user && <UserCard user={user} subtitle={`${account.email} · Created ${dayjs(decodeTime(account._id)).fromNow()}`} withLink />}
       <AccountActions account={account} user={user as User} />
       <EmailClassificationCard email={account.email} />
+      <SafetyNotesCard objectId={account._id} type="account" />
 
       <Separator />
       <Card>

app/panel/inspect/channel/[id]/page.tsx

@@ -1,5 +1,6 @@
 import { ChannelCard } from "@/components/cards/ChannelCard";
 import { JsonCard } from "@/components/cards/JsonCard";
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
 import { ServerCard } from "@/components/cards/ServerCard";
 import { UserCard } from "@/components/cards/UserCard";
 import { NavigationToolbar } from "@/components/common/NavigationToolbar";
@@ -8,6 +9,11 @@ import { Separator } from "@/components/ui/separator";
 import { fetchChannelById, fetchServerById, fetchUsersById } from "@/lib/db";
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { decodeTime } from "ulid";
+
+dayjs.extend(relativeTime);
 
 export default async function Message({ params }: { params: { id: string } }) {
   const channel = await fetchChannelById(params.id);
@@ -26,7 +32,7 @@ export default async function Message({ params }: { params: { id: string } }) {
   return (
     <div className="flex flex-col gap-2">
       <NavigationToolbar>Inspecting Channel</NavigationToolbar>
-      <ChannelCard channel={channel!} subtitle="Channel" />
+      <ChannelCard channel={channel!} subtitle={`Channel · Created ${dayjs(decodeTime(channel._id)).fromNow()}`} />
 
       {server && (
         <Link href={`/panel/inspect/server/${server._id}`}>
@@ -34,6 +40,8 @@ export default async function Message({ params }: { params: { id: string } }) {
         </Link>
       )}
 
+      <SafetyNotesCard objectId={channel._id} type="channel" />
+
       {participants.length ? (
         <>
           <Separator />

app/panel/inspect/message/[id]/page.tsx

@@ -1,5 +1,6 @@
 import { ChannelCard } from "@/components/cards/ChannelCard";
 import { JsonCard } from "@/components/cards/JsonCard";
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
 import { UserCard } from "@/components/cards/UserCard";
 import { NavigationToolbar } from "@/components/common/NavigationToolbar";
 import { Card, CardHeader } from "@/components/ui/card";
@@ -28,6 +29,8 @@ export default async function Message({
         </CardHeader>
       </Card>
 
+      <SafetyNotesCard objectId={message._id} type="message" />
+
       {author && (
         <Link href={`/panel/inspect/user/${author!._id}`}>
           <UserCard user={author!} subtitle="Message Author" />

app/panel/inspect/page.tsx

@@ -2,14 +2,60 @@
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+import { toast } from "@/components/ui/use-toast";
+import { lookupEmail, searchUserByTag } from "@/lib/actions";
 import { API_URL } from "@/lib/constants";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 
 export default function Inspect() {
   const [id, setId] = useState("");
+  const [email, setEmail] = useState("");
+  const [username, setUsername] = useState("");
+  const [discriminator, setDiscriminator] = useState("");
   const router = useRouter();
 
+  const searchEmail = async () => {
+    try {
+      const result = await lookupEmail(email);
+      if (!result) toast({
+        title: "Not found",
+        description: "There doesn't seem to be any user with this email.",
+        variant: "destructive",
+      });
+      else router.push(`/panel/inspect/account/${result}`);
+    } catch(e) {
+      toast({
+        title: "Failed to look up",
+        description: String(e),
+        variant: "destructive",
+      })
+    }
+  };
+
+  const searchUsername = async () => {
+    try {
+      if (!discriminator) {
+        // Display all users with this username
+        router.push(`/panel/inspect/search?username=${encodeURIComponent(username)}`);
+      } else {
+        // Show the specific user that matches username#discriminator
+        const result = await searchUserByTag(username, discriminator);
+        if (!result) toast({
+          title: "Couldn't find user",
+          variant: "destructive",
+        });
+        else router.push(`/panel/inspect/user/${result}`);
+      }
+    } catch(e) {
+      toast({
+        title: "Failed to search",
+        description: String(e),
+        variant: "destructive",
+      })
+    }
+  };
+
   const createHandler = (type: string) => () =>
     router.push(`/panel/inspect/${type}/${id}`);
 
@@ -20,7 +66,7 @@ export default function Inspect() {
         value={id}
         onChange={(e) => setId(e.currentTarget.value)}
       />
-      <div className="flex gap-2">
+      <div className="flex flex-col md:flex-row gap-2">
         <Button
           className="flex-1"
           variant="outline"
@@ -70,6 +116,51 @@ export default function Inspect() {
           Message
         </Button>
       </div>
+      <hr />
+      <div className="flex flex-col lg:flex-row gap-2 w-full">
+        <div className="flex gap-2 justify-between grow">
+          <Input
+            placeholder="Enter an email..."
+            value={email}
+            onChange={(e) => setEmail(e.currentTarget.value)}
+            onKeyDown={(e) => e.key == "Enter" && email && searchEmail()}
+          />
+          <Button
+            className="flex"
+            variant="outline"
+            disabled={!email}
+            onClick={searchEmail}
+          >
+            Lookup
+          </Button>
+        </div>
+        <div className="flex gap-2 justify-between grow">
+          <div className="flex flex-row items-center w-full gap-1">
+            <Input
+              placeholder="Username"
+              value={username}
+              onChange={(e) => setUsername(e.currentTarget.value)}
+              onKeyDown={(e) => e.key == "Enter" && username && searchUsername()}
+            />
+            <span className="select-none text-gray-500">#</span>
+            <Input
+              placeholder="0000"
+              value={discriminator}
+              onChange={(e) => setDiscriminator(e.currentTarget.value)}
+              onKeyDown={(e) => e.key == "Enter" && username && searchUsername()}
+              className="flex-shrink-[2]"
+            />
+          </div>
+          <Button
+            className="flex"
+            variant="outline"
+            disabled={!username}
+            onClick={searchUsername}
+          >
+            Search
+          </Button>
+        </div>
+      </div>
     </div>
   );
 }

app/panel/inspect/search/page.tsx

@@ -0,0 +1,34 @@
+import { UserCard } from "@/components/cards/UserCard";
+import { fetchUsersByUsername } from "@/lib/actions";
+import { SearchX } from "lucide-react";
+import { redirect } from "next/navigation";
+
+export default async function Search({ searchParams }: { searchParams: any }) {
+  const username = searchParams.username;
+
+  if (!username) return redirect("/panel/inspect");
+  const users = await fetchUsersByUsername(username);
+
+  if (!users.length) return (
+    <>
+      <h2 className="mt-8 flex justify-center">
+        <SearchX className="text-gray-400" />
+      </h2>
+      <h3 className="text-xs text-center pb-2 text-gray-400">
+        No search results
+      </h3>
+    </>
+  );
+
+  return (
+    <div className="flex flex-col gap-2">
+      {
+        users.map((user) => (
+          <a key={user._id} href={`/panel/inspect/user/${user._id}`}>
+            <UserCard user={user} subtitle={user._id} />
+          </a>
+        ))
+      }
+    </div>
+  );
+}

app/panel/inspect/server/[id]/invites/page.tsx

@@ -0,0 +1,23 @@
+import { ServerCard } from "@/components/cards/ServerCard";
+import { NavigationToolbar } from "@/components/common/NavigationToolbar";
+import ServerInviteList from "@/components/pages/inspector/InviteList";
+import { fetchInvites, fetchServerById } from "@/lib/db";
+import { notFound } from "next/navigation";
+
+export default async function ServerInvites({ params }: { params: { id: string } }) {
+    const server = await fetchServerById(params.id);
+    if (!server) return notFound();
+
+    const { invites, channels, users } = await fetchInvites({
+      type: "Server",
+      server: params.id,
+    });
+
+    return (
+    <div className="flex flex-col gap-2">
+      <NavigationToolbar>Inspecting Server Invites</NavigationToolbar>
+      <ServerCard server={server} subtitle={`${invites.length} invite${invites.length == 1 ? '' : 's'}`} />
+      <ServerInviteList invites={invites} server={server} channels={channels} users={users} />
+    </div>
+  )
+}

app/panel/inspect/server/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { JsonCard } from "@/components/cards/JsonCard";
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
 import { ServerCard } from "@/components/cards/ServerCard";
 import { UserCard } from "@/components/cards/UserCard";
 import { NavigationToolbar } from "@/components/common/NavigationToolbar";
@@ -7,8 +8,13 @@ import { ServerActions } from "@/components/pages/inspector/ServerActions";
 import { Card, CardHeader } from "@/components/ui/card";
 import { Separator } from "@/components/ui/separator";
 import { fetchServerById, fetchUserById } from "@/lib/db";
+import dayjs from "dayjs";
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import { decodeTime } from "ulid";
+import relativeTime from "dayjs/plugin/relativeTime";
+
+dayjs.extend(relativeTime);
 
 export default async function Server({ params }: { params: { id: string } }) {
   const server = await fetchServerById(params.id);
@@ -19,8 +25,9 @@ export default async function Server({ params }: { params: { id: string } }) {
   return (
     <div className="flex flex-col gap-2">
       <NavigationToolbar>Inspecting Server</NavigationToolbar>
-      <ServerCard server={server} subtitle="Server" />
+      <ServerCard server={server} subtitle={`Server · Created ${dayjs(decodeTime(server._id)).fromNow()}`} />
       <ServerActions server={server} />
+      <SafetyNotesCard objectId={server._id} type="server" />
       {server.description && (
         <Card>
           <CardHeader>
@@ -29,9 +36,11 @@ export default async function Server({ params }: { params: { id: string } }) {
         </Card>
       )}
 
-      <Link href={`/panel/inspect/user/${owner!._id}`}>
+      {
+      owner && <Link href={`/panel/inspect/user/${owner!._id}`}>
         <UserCard user={owner!} subtitle="Server Owner" />
       </Link>
+      }
 
       <Separator />
       <RecentMessages query={{ channel: { $in: server.channels } }} users />

app/panel/inspect/user/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { JsonCard } from "@/components/cards/JsonCard";
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
 import { UserCard } from "@/components/cards/UserCard";
 import { NavigationToolbar } from "@/components/common/NavigationToolbar";
 import { RecentMessages } from "@/components/pages/inspector/RecentMessages";
@@ -23,9 +24,15 @@ import {
   fetchUsersById,
   findDM,
 } from "@/lib/db";
+import dayjs from "dayjs";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { Bot } from "revolt-api";
+import relativeTime from "dayjs/plugin/relativeTime";
+import { decodeTime } from "ulid";
+import { RestrictedUserCard } from "@/components/cards/RestrictedUserCard";
+
+dayjs.extend(relativeTime);
 
 export default async function User({
   params,
@@ -50,12 +57,10 @@ export default async function User({
   const relevantUsers = await fetchUsersById([
     ...botIds,
     ...(
-      user.relations?.filter((relation) => relation.status === "Friend") ?? []
+      user.relations ?? []
     ).map((relation) => relation._id),
   ]);
 
-  relevantUsers.sort((a) => (a.bot ? -1 : 0));
-
   // Fetch server memberships
   const serverMemberships = await fetchMembershipsByUser(user._id).catch(
     () => []
@@ -74,8 +79,10 @@ export default async function User({
     <div className="flex flex-col gap-2">
       <NavigationToolbar>Inspecting User</NavigationToolbar>
 
-      <UserCard user={user} subtitle={user.status?.text ?? "No status set"} />
+      <RestrictedUserCard id={user._id} />
+      <UserCard user={user} subtitle={`Joined ${dayjs(decodeTime(user._id)).fromNow()} · ${user.status?.text ?? "No status set"}`} />
       <UserActions user={user} bot={bot as Bot} />
+      <SafetyNotesCard objectId={user._id} type="user" />
 
       {user.profile?.content && (
         <Card>
@@ -108,9 +115,6 @@ export default async function User({
       <Separator />
       <RelevantReports byUser={reportsByUser} forUser={reportsAgainstUser} />
 
-      <Separator />
-      <RecentMessages userId={user._id} />
-
       <Separator />
       <JsonCard obj={user} />
     </div>

app/panel/layout.tsx

@@ -1,12 +1,16 @@
 import Image from "next/image";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { NavigationLinks } from "@/components/common/NavigationLinks";
+import { url as gravatarUrl } from 'gravatar';
+import { getServerSession } from "next-auth";
 
-export default function PanelLayout({
+export default async function PanelLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
+  const session = await getServerSession();
+
   return (
     <main className="flex flex-col h-[100vh]">
       <div className="p-4 flex justify-between items-center">
@@ -21,7 +25,20 @@ export default function PanelLayout({
           <h1 className="text-3xl font-semibold">Admin Panel</h1>
         </span>
         <Avatar>
-          <AvatarImage src="/honse.png" />
+          <AvatarImage
+            src={
+              session?.user?.email
+                ? gravatarUrl(
+                  session.user.email,
+                  {
+                    size: '40',
+                    default: 'https://admin.revolt.chat/honse.png',
+                  },
+                  true,
+                )
+                : '/honse.png'
+            }
+          />
           <AvatarFallback>i</AvatarFallback>
         </Avatar>
       </div>

app/panel/page.tsx

@@ -1,3 +1,7 @@
+import SafetyNotesCard from "@/components/cards/SafetyNotesCard";
+
 export default function Home() {
-  return <main>this is the admin panel ever</main>;
+  return <main>
+    <SafetyNotesCard objectId="home" type="global" title="Bulletin board" />
+  </main>;
 }

app/panel/reports/page.tsx

@@ -1,21 +1,101 @@
 import { ReportCard } from "@/components/cards/ReportCard";
 import { CardLink } from "@/components/common/CardLink";
 import { Input } from "@/components/ui/input";
-import { fetchOpenReports } from "@/lib/db";
+import { fetchOpenReports, fetchUsersById } from "@/lib/db";
+import { PizzaIcon } from "lucide-react";
+import { Report } from "revolt-api";
 
 export default async function Reports() {
   const reports = (await fetchOpenReports())
     .reverse()
     .sort((b, _) => (b.content.report_reason.includes("Illegal") ? -1 : 0));
 
+  const byCategory: Record<string, Report[]> = {
+    Urgent: [],
+    All: [],
+    AssignedToCase: [],
+  };
+  const keyOrder = ["Urgent", "All"];
+
+  const countsByAuthor: Record<string, number> = {};
+  for (const report of reports) {
+    if (report.case_id) {
+      byCategory.AssignedToCase.push(report);
+    } else if (report.content.report_reason.includes("Illegal")) {
+      byCategory.Urgent.push(report);
+    } else {
+      countsByAuthor[report.author_id] =
+        (countsByAuthor[report.author_id] || 0) + 1;
+    }
+  }
+
+  for (const report of reports) {
+    if (report.case_id) continue;
+
+    if (!report.content.report_reason.includes("Illegal")) {
+      if (countsByAuthor[report.author_id] > 1) {
+        if (!keyOrder.includes(report.author_id)) {
+          keyOrder.push(report.author_id);
+          byCategory[report.author_id] = [];
+        }
+
+        byCategory[report.author_id].push(report);
+      } else {
+        byCategory.All.push(report);
+      }
+    }
+  }
+
+  const authorNames: Record<string, string> = {};
+  for (const user of await fetchUsersById(Object.keys(countsByAuthor))) {
+    authorNames[user._id] = user.username + "#" + user.discriminator;
+  }
+
   return (
-    <div className="flex flex-col gap-2">
+    <div className="flex flex-col gap-8">
-      <Input placeholder="Search for reports..." disabled />
+      {/*<Input placeholder="Search for reports..." disabled />*/}
-      {reports.map((report) => (
+      {reports.length ? (
-        <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
+        keyOrder
-          <ReportCard report={report} />
+          .filter((key) => byCategory[key].length)
-        </CardLink>
+          .map((key) => {
-      ))}
+            return (
+              <div key={key} className="flex flex-col gap-2">
+                <h1 className="text-2xl">{authorNames[key] ?? key}</h1>
+                {byCategory[key].map((report) => (
+                  <CardLink
+                    key={report._id}
+                    href={`/panel/reports/${report._id}`}
+                  >
+                    <ReportCard report={report} />
+                  </CardLink>
+                ))}{" "}
+              </div>
+            );
+          })
+      ) : (
+        <>
+          <h2 className="mt-8 flex justify-center">
+            <PizzaIcon className="text-gray-400" />
+          </h2>
+          <h3 className="text-xs text-center pb-2 text-gray-400">
+            You&lsquo;ve caught up for now.
+          </h3>
+        </>
+      )}
+      {byCategory["AssignedToCase"].length && (
+        <details>
+          <summary>
+            <h1 className="text-xl inline">Reports assigned to cases</h1>
+          </summary>
+          <div className="flex flex-col gap-2">
+            {byCategory["AssignedToCase"].map((report) => (
+              <CardLink key={report._id} href={`/panel/reports/${report._id}`}>
+                <ReportCard report={report} />
+              </CardLink>
+            ))}
+          </div>
+        </details>
+      )}
     </div>
   );
 }

app/panel/shield/classifications/page.tsx

@@ -0,0 +1,164 @@
+"use client";
+
+import EmailClassificationRow, {
+  CLASSIFICATIONS,
+} from "@/components/pages/shield/EmailClassificationRow";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import { Command, CommandItem } from "@/components/ui/command";
+import { Input } from "@/components/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import {
+  Table,
+  TableBody,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { toast } from "@/components/ui/use-toast";
+import {
+  createEmailClassification,
+  fetchEmailClassifications,
+} from "@/lib/actions";
+import { EmailClassification } from "@/lib/db";
+import { useEffect, useState } from "react";
+
+export default function Classifications() {
+  const [loaded, setLoaded] = useState(false);
+  const [domains, setDomains] = useState([] as EmailClassification[]);
+  const [domainDraft, setDomainDraft] = useState("");
+  const [classificationDraft, setClassificationDraft] = useState<string>("");
+  const [classificationOpen, setClassificationOpen] = useState(false);
+
+  useEffect(() => {
+    fetchEmailClassifications().then((domains) => {
+      setDomains(domains.sort((a, b) => a._id.localeCompare(b._id)));
+      setLoaded(true);
+    });
+  }, []);
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>Domain</TableHead>
+            <TableHead>Classification</TableHead>
+            <TableHead className="flex flex-row items-center justify-between gap-2 pr-1">
+              <span>Action</span>
+              <div className="text-end pr-2">
+                <AlertDialog>
+                  <AlertDialogTrigger asChild>
+                    <Button disabled={!loaded}>Add</Button>
+                  </AlertDialogTrigger>
+                  <AlertDialogContent>
+                    <AlertDialogHeader>
+                      <AlertDialogTitle>Create classification</AlertDialogTitle>
+                      <AlertDialogDescription className="flex flex-row gap-1">
+                        <Input
+                          value={domainDraft}
+                          onChange={(e) =>
+                            setDomainDraft(e.currentTarget.value)
+                          }
+                          placeholder="reddit.com"
+                        />
+                        <Popover
+                          open={classificationOpen}
+                          onOpenChange={setClassificationOpen}
+                        >
+                          <PopoverTrigger asChild>
+                            <Button
+                              variant="outline"
+                              role="combobox"
+                              aria-expanded={classificationOpen}
+                            >
+                              {classificationDraft || "Classification"}
+                            </Button>
+                          </PopoverTrigger>
+                          <PopoverContent>
+                            <Command>
+                              {CLASSIFICATIONS.map((c) => (
+                                <CommandItem
+                                  key={c}
+                                  onSelect={() => {
+                                    setClassificationDraft(c);
+                                    setClassificationOpen(false);
+                                  }}
+                                >
+                                  {c}
+                                </CommandItem>
+                              ))}
+                            </Command>
+                          </PopoverContent>
+                        </Popover>
+                      </AlertDialogDescription>
+                    </AlertDialogHeader>
+                    <AlertDialogFooter>
+                      <AlertDialogCancel>Cancel</AlertDialogCancel>
+                      <AlertDialogAction
+                        disabled={!domainDraft || !classificationDraft}
+                        onClick={async () => {
+                          try {
+                            await createEmailClassification(
+                              domainDraft,
+                              classificationDraft
+                            );
+                            setDomains([
+                              ...domains,
+                              {
+                                _id: domainDraft,
+                                classification: classificationDraft,
+                              },
+                            ]);
+                            setDomainDraft("");
+                            setClassificationDraft("");
+                            setClassificationOpen(false);
+                            toast({
+                              title: "Classification created",
+                            });
+                          } catch (e) {
+                            toast({
+                              title: "Failed to create classification",
+                              description: String(e),
+                              variant: "destructive",
+                            });
+                          }
+                        }}
+                      >
+                        Create
+                      </AlertDialogAction>
+                    </AlertDialogFooter>
+                  </AlertDialogContent>
+                </AlertDialog>
+              </div>
+            </TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {domains.map((domain) => (
+            <EmailClassificationRow
+              key={domain._id}
+              domain={domain._id}
+              classification={domain.classification}
+            />
+          ))}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}

app/panel/shield/page.tsx

@@ -0,0 +1,14 @@
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+export default function Shield() {
+    // todo add a list of buttons here once there's more categories
+    redirect("/panel/shield/classifications");
+    // return (
+    //   <div className="flex flex-row gap-2">
+    //     <Link href="/panel/shield/classifications"><Button>Email Classifications</Button></Link>
+    //   </div>
+    // );
+  }
+  

app/panel/sparkle/page.tsx

@@ -1,7 +1,25 @@
+import { execSync } from "child_process";
+
 export default function Sparkle() {
+  const hash = execSync("git rev-parse HEAD", { cwd: process.cwd() }).toString().trim();
+  const branch = execSync("git rev-parse --abbrev-ref HEAD", { cwd: process.cwd() }).toString().trim();
+
   return (
     <div>
-      <h1 className="text-xl text-center">Running version v0.0.1</h1>
+      <h1 className="text-xl text-center">
+        <span>Running version </span> 
+        <code>
+          <a href={`https://git.revolt.chat/administration/panel/commit/${hash}`} target="_blank">
+            {hash.substring(0, 10)}
+          </a>
+        </code>
+        <span> on branch </span>
+        <code>
+          <a href={`https://git.revolt.chat/administration/panel/src/branch/${branch}`} target="_blank">
+            {branch}
+          </a>
+        </code>
+      </h1>
       <img
         className="absolute right-0 bottom-0"
         src="https://api.gifbox.me/file/posts/MF3oORlDjfHAVJ-DgPyRQSjMdy9WNIxk.webp"

components/cards/CaseCard.tsx

@@ -0,0 +1,32 @@
+import { Report } from "revolt-api";
+import { Card, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import { Badge } from "../ui/badge";
+import dayjs from "dayjs";
+import { decodeTime } from "ulid";
+
+import relativeTime from "dayjs/plugin/relativeTime";
+import { CaseDocument } from "@/lib/db";
+dayjs.extend(relativeTime);
+
+export function CaseCard({ entry: entry }: { entry: CaseDocument }) {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle
+          className={`overflow-ellipsis whitespace-nowrap overflow-x-clip ${
+            entry.status !== "Open" ? "text-gray-500" : ""
+          }`}
+        >
+          {entry.title || "No reason specified"}
+        </CardTitle>
+        <CardDescription>
+          {entry._id.toString().substring(20, 26)} &middot;{" "}
+          {dayjs(decodeTime(entry._id)).fromNow()} &middot; {entry.author}{" "}
+          {entry.status !== "Open" && entry.closed_at && (
+            <>&middot; Closed {dayjs(entry.closed_at).fromNow()}</>
+          )}
+        </CardDescription>
+      </CardHeader>
+    </Card>
+  );
+}

components/cards/ChannelCard.tsx

@@ -19,7 +19,7 @@ export function ChannelCard({
   return (
     <Card>
       <CardHeader>
-        <CardTitle>
+        <CardTitle className="flex items-center gap-1">
           <Avatar>
             {channel.channel_type !== "DirectMessage" && (
               <AvatarImage src={`${AUTUMN_URL}/icons/${channel.icon?._id}`} />

components/cards/CompactMessage.tsx

@@ -112,6 +112,9 @@ export function CompactMessage({
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
+          <Link href={`/panel/inspect/user/${message.author}`}>
+            <AlertDialogCancel>Author</AlertDialogCancel>
+          </Link>
           <Link href={`/panel/inspect/message/${message._id}`}>
             <AlertDialogCancel>Inspect</AlertDialogCancel>
           </Link>

components/cards/InviteCard.tsx

@@ -0,0 +1,161 @@
+"use client"
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import { ChannelInvite } from "@/lib/db";
+import Link from "next/link";
+import { Channel, User } from "revolt-api";
+import { Button } from "../ui/button";
+import { AlertDialogFooter, AlertDialogHeader, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger } from "../ui/alert-dialog";
+import { toast } from "../ui/use-toast";
+import { Input } from "../ui/input";
+import { useMemo, useState } from "react";
+import { deleteInvite, editInvite, editInviteChannel } from "@/lib/actions";
+import { ChannelDropdown } from "../pages/inspector/InviteList";
+
+export function InviteCard({
+  invite,
+  channel: channelInput,
+  channelList,
+  user,
+}: {
+  invite: ChannelInvite;
+  channel?: Channel;
+  channelList?: Channel[];
+  user?: User;
+}) {
+  const [editDraft, setEditDraft] = useState(invite._id);
+  const [deleted, setDeleted] = useState(false);
+  const [code, setCode] = useState(invite._id);
+  const [channelId, setChannelId] = useState(channelInput?._id ?? "");
+  const [channelDraft, setChannelDraft] = useState(channelInput?._id ?? "");
+
+  const channel = useMemo(
+    () => channelList?.find(channel => channel._id == channelId) || channelInput,
+    [channelId, channelList, channelInput]
+);
+
+  if (deleted) return <></>;
+
+  return (
+    <Card className="my-2 flex">
+      <CardHeader className="flex-1">
+        <CardTitle className="flex items-center">
+          <span className="font-extralight mr-0.5 select-none">rvlt.gg/</span>{code}
+          <span className="select-none">{" "}</span> {/* looks better like this when for some reason the css doesnt load */}
+          {invite.vanity
+            ? <span
+                className="select-none ml-2 p-1.5  bg-gray-400 text-white rounded-md font-normal text-base"
+            >
+                Vanity
+            </span>
+            : <></>}
+        </CardTitle>
+        <CardDescription>
+            {invite.type}
+            {" • "}
+            <Link href={`/panel/inspect/channel/${invite.channel}`}>
+                {(
+                    channel &&
+                    channel.channel_type != "DirectMessage" &&
+                    channel.channel_type != "SavedMessages"
+                )
+                    ? `#${channel.name}`
+                    : <i>Unknown Channel</i>}
+            </Link>
+            {" • "}
+            <Link href={`/panel/inspect/user/${invite.creator}`}>
+                {user ? `${user.username}#${user.discriminator}` : <i>Unknown Creator</i>}
+            </Link>
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="flex items-center py-0 gap-2">
+        {invite.vanity
+            ? (
+                <AlertDialog>
+                    <AlertDialogTrigger asChild>
+                        <Button>Edit</Button>
+                    </AlertDialogTrigger>
+                    <AlertDialogContent>
+                        <AlertDialogHeader>
+                            <AlertDialogTitle>
+                                Edit vanity invite
+                            </AlertDialogTitle>
+                        </AlertDialogHeader>
+                        <AlertDialogDescription>
+                            <p className="mb-2">Invites are case sensitive.</p>
+                            <div className="flex gap-2">
+                                <Input
+                                    value={editDraft}
+                                    onChange={(e) => setEditDraft(e.currentTarget.value)}
+                                    placeholder={code}
+                                />
+                                <ChannelDropdown
+                                    channels={channelList || []}
+                                    value={channelDraft}
+                                    setValue={setChannelDraft}
+                                />
+                            </div>
+                        </AlertDialogDescription>
+                        <AlertDialogFooter>
+                            <AlertDialogAction
+                                disabled={!editDraft}
+                                onClick={async () => {
+                                    try {
+                                        if (code != editDraft) await editInvite(code, editDraft);
+                                        if (channel?._id != channelDraft) await editInviteChannel(editDraft, channelDraft);
+                                        setCode(editDraft);
+                                        setEditDraft("");
+                                        setChannelId(channelDraft);
+                                        toast({ title: "Invite edited" });
+                                    } catch(e) {
+                                        toast({
+                                            title: "Failed to edit invite",
+                                            description: String(e),
+                                            variant: "destructive",
+                                        });
+                                    }
+                                }}
+                            >Edit</AlertDialogAction>
+                            <AlertDialogCancel>Cancel</AlertDialogCancel>
+                        </AlertDialogFooter>
+                    </AlertDialogContent>
+                </AlertDialog>
+            )
+            : <></>}
+        <AlertDialog>
+            <AlertDialogTrigger asChild>
+                <Button>Delete</Button>
+            </AlertDialogTrigger>
+            <AlertDialogContent>
+                <AlertDialogHeader>
+                    <AlertDialogTitle>
+                        Delete invite
+                    </AlertDialogTitle>
+                </AlertDialogHeader>
+                <AlertDialogDescription>
+                    Are you sure you want to irreversibly delete this invite?
+                </AlertDialogDescription>
+                <AlertDialogFooter>
+                    <AlertDialogAction
+                        onClick={async () => {
+                            try {
+                                await deleteInvite(code);
+                                setDeleted(true);
+                                toast({ title: "Invite deleted" });
+                            } catch(e) {
+                                toast({
+                                    title: "Failed to delete invite",
+                                    description: String(e),
+                                    variant: "destructive",
+                                });
+                            }
+                        }}
+                    >Delete</AlertDialogAction>
+                    <AlertDialogCancel>Cancel</AlertDialogCancel>
+                </AlertDialogFooter>
+            </AlertDialogContent>
+        </AlertDialog>
+      </CardContent>
+    </Card>
+  );
+}

components/cards/ReportCard.tsx

@@ -1,13 +1,23 @@
-import { Report } from "revolt-api";
 import { Card, CardDescription, CardHeader, CardTitle } from "../ui/card";
 import { Badge } from "../ui/badge";
 import dayjs from "dayjs";
 import { decodeTime } from "ulid";
 
 import relativeTime from "dayjs/plugin/relativeTime";
+import { ReportDocument } from "@/lib/db";
 dayjs.extend(relativeTime);
 
-export function ReportCard({ report }: { report: Report }) {
+const lastWeek = new Date();
+lastWeek.setDate(lastWeek.getDate() - 7);
+
+const yesterday = new Date();
+yesterday.setDate(yesterday.getDate() - 1);
+
+export function ReportCard({ report }: { report: ReportDocument }) {
+  const dueDate = +(report.content.report_reason.includes("Illegal")
+    ? yesterday
+    : lastWeek);
+
   return (
     <Card>
       <CardHeader>
@@ -37,6 +47,25 @@ export function ReportCard({ report }: { report: Report }) {
           {dayjs(decodeTime(report._id)).fromNow()}{" "}
           {report.status !== "Created" && report.closed_at && (
             <>&middot; Closed {dayjs(report.closed_at).fromNow()}</>
+          )}{" "}
+          {report.case_id && (
+            <>
+              &middot;{" "}
+              <Badge className="align-middle" variant="secondary">
+                Assigned
+              </Badge>
+            </>
+          )}{" "}
+          {report.status === "Created" && decodeTime(report._id) < dueDate && (
+            <>
+              &middot;{" "}
+              <Badge className="align-middle" variant="relatively-destructive">
+                Due{" "}
+                {dayjs()
+                  .add(dayjs(decodeTime(report._id)).diff(dueDate))
+                  .fromNow()}
+              </Badge>
+            </>
           )}
         </CardDescription>
       </CardHeader>

components/cards/RestrictedUserCard.tsx

@@ -0,0 +1,17 @@
+import { RESTRICT_ACCESS_LIST } from "@/lib/constants";
+import { User } from "revolt-api";
+import { Card } from "../ui/card";
+import { AlertCircle } from "lucide-react";
+
+export function RestrictedUserCard({ id }: { id: string | null | undefined }) {
+  if (!id || !RESTRICT_ACCESS_LIST.includes(id)) return null;
+
+  return (
+    <Card
+      className="p-2 bg-red-500 text-white flex flex-row gap-2"
+    >
+      <AlertCircle />
+      Destructive actions are disabled for this user
+    </Card>
+  );
+}

components/cards/SafetyNotesCard.tsx

@@ -0,0 +1,132 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Textarea } from "../ui/textarea";
+import { toast } from "../ui/use-toast";
+import { SafetyNotes, fetchSafetyNote, updateSafetyNote } from "@/lib/db";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "../ui/card";
+import { useSession } from "next-auth/react";
+import dayjs from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+dayjs.extend(relativeTime);
+
+export default function SafetyNotesCard({
+  objectId,
+  type,
+  title,
+}: {
+  objectId: string;
+  type: SafetyNotes["_id"]["type"];
+  title?: string;
+}) {
+  const session = useSession();
+  const [draft, setDraft] = useState("");
+  const [value, setValue] = useState<SafetyNotes | null>(null);
+  const [ready, setReady] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [editing, setEditing] = useState(false);
+
+  useEffect(() => {
+    fetchSafetyNote(objectId, type)
+      .then((note) => {
+        setDraft(note?.text || "");
+        setValue(note);
+        setReady(true);
+      })
+      .catch((e) => {
+        setError(String(e));
+      });
+  }, [objectId, type]);
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>
+          {title ?? type.charAt(0).toUpperCase() + type.slice(1) + " notes"}
+        </CardTitle>
+      </CardHeader>
+      <CardContent>
+        {editing ? (
+          <Textarea
+            rows={8}
+            placeholder={
+              error
+                ? error
+                : ready
+                ? "Enter notes here... (save on unfocus)"
+                : "Fetching notes..."
+            }
+            className="!min-h-[80px] max-h-[50vh]"
+            disabled={!ready || error != null}
+            value={ready ? draft : undefined} // not defaulting to undefined causes next to complain
+            autoFocus
+            onChange={(e) => setDraft(e.currentTarget.value)}
+            onBlur={async () => {
+              if (draft === value?.text ?? "") return setEditing(false);
+
+              try {
+                await updateSafetyNote(objectId, type, draft);
+                setValue({
+                  _id: { id: objectId, type: type },
+                  edited_at: new Date(Date.now()),
+                  edited_by: session.data?.user?.email || "",
+                  text: draft,
+                });
+                setEditing(false);
+                toast({
+                  title: "Updated notes",
+                });
+              } catch (err) {
+                setEditing(false);
+                toast({
+                  title: "Failed to update notes",
+                  description: String(err),
+                  variant: "destructive",
+                });
+              }
+            }}
+          />
+        ) : (
+          <div onClick={() => setEditing(true)}>
+            {error ? (
+              <>{error}</>
+            ) : value?.text ? (
+              <ReactMarkdown
+                className="prose prose-a:text-[#fd6671] prose-img:max-h-96 max-w-none"
+                remarkPlugins={[remarkGfm]}
+              >
+                {value.text}
+              </ReactMarkdown>
+            ) : ready ? (
+              <i>Click to add a note</i>
+            ) : (
+              <i>Fetching notes...</i>
+            )}
+          </div>
+        )}
+      </CardContent>
+      <CardFooter className="-my-2">
+        <CardDescription>
+          {value ? (
+            <>
+              Last edited {dayjs(value.edited_at).fromNow()} by{" "}
+              {value.edited_by}
+            </>
+          ) : (
+            <>No object note set</>
+          )}
+        </CardDescription>
+      </CardFooter>
+    </Card>
+  );
+}

components/cards/ServerCard.tsx

@@ -13,7 +13,7 @@ export function ServerCard({
   return (
     <Card>
       <CardHeader>
-        <CardTitle>
+        <CardTitle className="flex items-center gap-1">
           <Avatar>
             <AvatarImage src={`${AUTUMN_URL}/icons/${server.icon?._id}`} />
             <AvatarFallback>

components/cards/UserCard.tsx

@@ -3,20 +3,29 @@ import { Card, CardDescription, CardHeader, CardTitle } from "../ui/card";
 import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
 import { Badge } from "../ui/badge";
 import { AUTUMN_URL } from "@/lib/constants";
+import Link from "next/link";
+import { ExternalLinkIcon } from "lucide-react";
+
+export function UserCard({ user, subtitle, withLink }: { user: User; subtitle: string, withLink?: boolean }) {
+  const gradientColour = user.flags == 1
+    ? 'rgba(251, 146, 60, 0.6)'
+    : user.flags == 4
+    ? 'rgba(239, 68, 68, 0.6)'
+    : 'transparent';
+  const gradient =  `linear-gradient(to right, white, rgba(255,0,0,0)), repeating-linear-gradient(225deg, transparent, transparent 32px, ${gradientColour} 32px, ${gradientColour} 64px)`;
 
-export function UserCard({ user, subtitle }: { user: User; subtitle: string }) {
   return (
     <Card
       className="bg-no-repeat bg-right text-left"
       style={{
         backgroundImage: user.profile?.background
-          ? `linear-gradient(to right, white, rgba(255,0,0,0)), url('${AUTUMN_URL}/backgrounds/${user.profile.background._id}')`
+          ? `${gradient}, url('${AUTUMN_URL}/backgrounds/${user.profile.background._id}')`
-          : "",
+          : gradient,
         backgroundSize: "75%",
       }}
     >
       <CardHeader>
-        <CardTitle className="overflow-hidden overflow-ellipsis whitespace-nowrap">
+        <CardTitle className="overflow-hidden overflow-ellipsis whitespace-nowrap flex items-center gap-1">
           <Avatar>
             <AvatarImage src={`${AUTUMN_URL}/avatars/${user.avatar?._id}`} />
             <AvatarFallback className="overflow-hidden overflow-ellipsis whitespace-nowrap">
@@ -28,7 +37,18 @@ export function UserCard({ user, subtitle }: { user: User; subtitle: string }) {
             </AvatarFallback>
           </Avatar>
           {user.bot && <Badge className="align-middle">Bot</Badge>}{" "}
-          {user.username}#{user.discriminator} {user.display_name}
+          {user.flags == 1 && <Badge className="align-middle bg-orange-400">Suspended</Badge>}{" "}
+          {user.flags == 4 && <Badge className="align-middle bg-red-700">Banned</Badge>}{" "}
+          <div className="flex gap-2">
+            {user.username}#{user.discriminator} {user.display_name}
+            {
+              withLink
+                ? <Link href={`/panel/inspect/user/${user._id}`}>
+                  <ExternalLinkIcon className="text-gray-500 hover:text-gray-700 transition-all" />
+                </Link>
+                : <></>
+            }
+            </div>
         </CardTitle>
         <CardDescription>{subtitle}</CardDescription>
       </CardHeader>

components/cards/authifier/EmailClassificationCard.tsx

@@ -8,7 +8,7 @@ import { fetchAuthifierEmailClassification } from "@/lib/db";
 
 export async function EmailClassificationCard({ email }: { email: string }) {
   const provider = email.split("@").pop() ?? "";
-  const providerInfo = await fetchAuthifierEmailClassification(provider);
+  const providerInfo = await fetchAuthifierEmailClassification(provider).catch(() => null);
   if (!providerInfo) return null;
 
   return (

components/common/CreateCase.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { Plus } from "lucide-react";
+import { Button } from "../ui/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { Label } from "../ui/label";
+import { Input } from "../ui/input";
+import { useState } from "react";
+import { createCase } from "@/lib/db";
+import { useRouter } from "next/navigation";
+
+export function CreateCase() {
+  const [title, setTitle] = useState("");
+  const router = useRouter();
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant="outline" size="icon">
+          <Plus className="h-4 w-4" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-80">
+        <div className="grid gap-4">
+          <div className="space-y-2">
+            <h4 className="font-medium leading-none">Create Case</h4>
+          </div>
+          <div className="grid gap-2">
+            <div className="grid grid-cols-3 items-center gap-4">
+              <Label htmlFor="description">Title</Label>
+              <Input
+                id="description"
+                className="col-span-2 h-8"
+                value={title}
+                onChange={(e) => setTitle(e.currentTarget.value)}
+              />
+            </div>
+            <Button
+              variant="secondary"
+              onClick={() => {
+                if (!title) return;
+                createCase(title).then((id) =>
+                  router.push(`/panel/cases/${id}`)
+                );
+              }}
+            >
+              Create
+            </Button>
+          </div>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}

components/common/NavigationLinks.tsx

@@ -1,14 +1,17 @@
 import Link from "next/link";
 import { buttonVariants } from "../ui/button";
 import {
+  Bomb,
   Eye,
   Globe2,
   Home,
   ScrollText,
   Search,
+  Shield,
   Siren,
   Sparkles,
   TrendingUp,
+  BookCopy,
 } from "lucide-react";
 
 export function NavigationLinks() {
@@ -32,12 +35,30 @@ export function NavigationLinks() {
       >
         <Siren className="h-4 w-4" />
       </Link>
+      <Link
+        className={buttonVariants({ variant: "outline", size: "icon" })}
+        href="/panel/cases"
+      >
+        <BookCopy className="h-4 w-4" />
+      </Link>
       <Link
         className={buttonVariants({ variant: "outline", size: "icon" })}
         href="/panel/inspect"
       >
         <Search className="h-4 w-4" />
       </Link>
+      <Link
+        className={buttonVariants({ variant: "outline", size: "icon" })}
+        href="/panel/shield"
+      >
+        <Shield className="h-4 w-4" />
+      </Link>
+      <Link
+        className={buttonVariants({ variant: "outline", size: "icon" })}
+        href="/panel/backups"
+      >
+        <Bomb className="h-4 w-4" />
+      </Link>
       {/*<Link
         className={buttonVariants({ variant: "outline", size: "icon" })}
         href="/panel/discover"

components/common/NavigationToolbar.tsx

@@ -16,7 +16,7 @@ export function NavigationToolbar({ children }: { children: string }) {
       <Button variant="outline" size="icon" onClick={() => router.back()}>
         <ArrowLeft className="h-4 w-4" />
       </Button>
-      <Popover>
+      {/* <Popover>
         <PopoverTrigger asChild>
           <Button variant="outline" size="icon">
             <Star
@@ -49,7 +49,7 @@ export function NavigationToolbar({ children }: { children: string }) {
             </div>
           </div>
         </PopoverContent>
-      </Popover>
+              </Popover> */}
       <h2 className="text-2xl">{children}</h2>
     </div>
   );

components/pages/home/LoginButton.tsx

@@ -23,7 +23,7 @@ export function LoginButton() {
         </Button>
         <img
           src={`https://api.gifbox.me/file/posts/aYON6GqiqpwSpiZmAbJoOtw8tM2uYsEU.webp`}
-          height={320}
+          className="h-[320px]"
         />
       </>
     );
@@ -43,7 +43,7 @@ export function LoginButton() {
       </Button>
       <img
         src={`https://api.gifbox.me/file/posts/w7iUJfiyKA_zGkHN7Rr625WpaTHYgm4v.webp`}
-        height={320}
+        className="h-[320px]"
       />
     </>
   );

components/pages/inspector/AccountActions.tsx

@@ -7,9 +7,13 @@ import type { Account } from "@/lib/db";
 import { User } from "revolt-api";
 import {
   cancelAccountDeletion,
+  changeAccountEmail,
+  deleteMFARecoveryCodes,
   disableAccount,
+  disableMFA,
   queueAccountDeletion,
   restoreAccount,
+  verifyAccountEmail,
 } from "@/lib/actions";
 import dayjs from "dayjs";
 
@@ -24,6 +28,8 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from "../../ui/alert-dialog";
+import { AlertDialogDescription } from "@radix-ui/react-alert-dialog";
+import { Input } from "@/components/ui/input";
 dayjs.extend(relativeTime);
 
 export function AccountActions({
@@ -36,9 +42,175 @@ export function AccountActions({
   const { toast } = useToast();
 
   const [accountDraft, setAccountDraft] = useState(account);
+  const [emailDraft, setEmailDraft] = useState("");
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
+      <AlertDialog>
+        <AlertDialogTrigger asChild>
+          <Button className="flex-1">
+            Change Email
+          </Button>
+        </AlertDialogTrigger>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              Update account email
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              <Input
+                placeholder={account.email}
+                onChange={(e) => setEmailDraft(e.currentTarget.value)}
+                value={emailDraft}
+              />
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              disabled={!/^.+@.+$/.test(emailDraft)}
+              onClick={async () => {
+                try {
+                  await changeAccountEmail(account._id, emailDraft);
+                  setEmailDraft("");
+                  toast({ title: "Updated email" });
+                  window.location.reload();
+                } catch (err) {
+                  toast({
+                    title: "Failed to execute action",
+                    description: String(err),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Change
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+      
+      <AlertDialog>
+        <AlertDialogTrigger asChild>
+          <Button
+            className="flex-1"
+            disabled={accountDraft.verification.status == "Verified"}
+          >
+            {accountDraft.verification.status == "Verified" ? "Email is verified" : "Verify email"}
+          </Button>
+        </AlertDialogTrigger>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              Mark Email as verified
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              Verification status is currently {accountDraft.verification.status}.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={async () => {
+                try {
+                  await verifyAccountEmail(account._id);
+                  toast({ title: "Verified email" });
+                  setAccountDraft({ ...accountDraft, verification: { status: "Verified" } });
+                } catch(e) {
+                  toast({
+                    title: "Failed to verify",
+                    description: String(e),
+                    variant: "destructive",
+                  })
+                }
+              }}
+            >
+              Mark verified
+            </AlertDialogAction>
+            <AlertDialogAction
+              disabled={!(accountDraft.verification.status != "Verified" && accountDraft.verification.token)}
+              onClick={() => {
+                navigator.clipboard.writeText(`https://app.revolt.chat/login/verify/${(accountDraft.verification as any).token}`);
+                toast({ title: "Copied verification link" })
+              }}
+            >
+              Copy link
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+      
+      <AlertDialog>
+        <AlertDialogTrigger asChild>
+          <Button
+            className="flex-1"
+            disabled={!accountDraft.mfa?.totp_token?.status}
+          >
+            MFA {accountDraft.mfa?.totp_token?.status.toLowerCase() || "disabled"}
+          </Button>
+        </AlertDialogTrigger>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              Manage MFA
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+            MFA is currently {
+              accountDraft.mfa?.totp_token?.status == "Pending"
+                ? "pending setup"
+                : (accountDraft.mfa?.totp_token?.status.toLowerCase() || "disabled")
+            }.
+            <br />
+            The account has {accountDraft.mfa?.recovery_codes ?? "no"} recovery codes.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogAction
+              className="hover:bg-red-800"
+              disabled={accountDraft.mfa?.recovery_codes == null}
+              onClick={async () => {
+                try {
+                  await deleteMFARecoveryCodes(account._id);
+                  toast({
+                    title: "MFA recovery codes cleared",
+                  });
+                  accountDraft.mfa!.recovery_codes = undefined;
+                } catch(e) {
+                  toast({
+                    title: "Failed to clear recovery codes",
+                    description: String(e),
+                    variant: "destructive",
+                  })
+                }
+              }}
+            >
+              Clear recovery codes
+            </AlertDialogAction>
+            <AlertDialogAction
+              className="hover:bg-red-800"
+              onClick={async () => {
+                try {
+                  await disableMFA(account._id);
+                  toast({
+                    title: "MFA disabled",
+                  });
+                  accountDraft.mfa!.totp_token = undefined;
+                } catch(e) {
+                  toast({
+                    title: " Failed to disable MFA",
+                    description: String(e),
+                    variant: "destructive",
+                  })
+                }
+              }}
+            >
+              Disable MFA
+            </AlertDialogAction>
+            <AlertDialogCancel>Close</AlertDialogCancel>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
       <AlertDialog>
         <AlertDialogTrigger asChild>
           <Button

components/pages/inspector/CaseActions.tsx

@@ -0,0 +1,95 @@
+"use client";
+
+import { Textarea } from "../../ui/textarea";
+import { Button } from "../../ui/button";
+import { useState } from "react";
+import { useToast } from "../../ui/use-toast";
+import { CaseDocument } from "@/lib/db";
+import { CaseCard } from "@/components/cards/CaseCard";
+import { closeCase, reopenCase, updateCaseNotes } from "@/lib/actions";
+
+export function CaseActions({ Case }: { Case: CaseDocument }) {
+  const { toast } = useToast();
+  const [caseDraft, setDraft] = useState(Case);
+
+  return (
+    <>
+      <CaseCard entry={Case} />
+
+      <Textarea
+        rows={8}
+        placeholder="Enter notes here... (save on unfocus)"
+        className="!min-h-0 !h-[76px]"
+        defaultValue={Case.notes}
+        onBlur={async (e) => {
+          const notes = e.currentTarget.value;
+          if (notes === caseDraft.notes ?? "") return;
+
+          try {
+            await updateCaseNotes(Case._id, notes);
+            setDraft((c) => ({ ...c, notes }));
+            toast({
+              title: "Updated report notes",
+            });
+          } catch (err) {
+            toast({
+              title: "Failed to update report notes",
+              description: String(err),
+              variant: "destructive",
+            });
+          }
+        }}
+      />
+
+      <div className="flex gap-2">
+        {caseDraft.status === "Open" ? (
+          <>
+            <Button
+              className="flex-1 bg-green-400 hover:bg-green-300"
+              onClick={async () => {
+                try {
+                  const $set = await closeCase(Case._id);
+                  setDraft((c) => ({ ...c, ...$set }));
+                  toast({
+                    title: "Closed case",
+                  });
+                } catch (err) {
+                  toast({
+                    title: "Failed to close case",
+                    description: String(err),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Close Case
+            </Button>
+          </>
+        ) : (
+          <>
+            <Button
+              className="flex-1"
+              onClick={async () => {
+                try {
+                  const $set = await reopenCase(Case._id);
+                  setDraft((c) => ({ ...c, ...$set }));
+                  toast({
+                    title: "Opened case again",
+                  });
+                } catch (err) {
+                  toast({
+                    title: "Failed to re-open case",
+                    description: String(err),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Re-open Case
+            </Button>
+          </>
+        )}
+      </div>
+    </>
+  );
+}

components/pages/inspector/InviteList.tsx

@@ -0,0 +1,286 @@
+"use client"
+
+import { InviteCard } from "@/components/cards/InviteCard";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import { Command, CommandItem } from "@/components/ui/command";
+import { Input } from "@/components/ui/input";
+import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";
+import { toast } from "@/components/ui/use-toast";
+import { bulkDeleteInvites, createInvite } from "@/lib/actions";
+import { ChannelInvite } from "@/lib/db";
+import { ChevronsUpDown } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Channel, Server, User } from "revolt-api";
+
+export default function ServerInviteList({ server, invites: invitesInput, channels, users }: {
+  server: Server,
+  invites: ChannelInvite[],
+  channels?: Channel[],
+  users?: User[],
+}) {
+  const [invites, setInvites] = useState(invitesInput);
+  const [selectVanityOnly, setSelectVanityOnly] = useState(false);
+  const [selectChannel, setSelectChannel] = useState(false);
+  const [selectUser, setSelectUser] = useState(false);
+  const [vanityFilter, setVanityFilter] = useState<boolean | null>(null);
+  const [channelFilter, setChannelFilter] = useState("");
+  const [userFilter, setUserFilter] = useState("");
+  const [inviteDraft, setInviteDraft] = useState("");
+  const [inviteChannelDraft, setInviteChannelDraft] = useState("");
+  
+  const filteredInvites = useMemo(() => {
+    return invites
+      ?.filter(invite => vanityFilter === true ? invite.vanity : vanityFilter === false ? !invite.vanity : true)
+      ?.filter(invite => channelFilter ? invite.channel == channelFilter : true)
+      ?.filter(invite => userFilter ? invite.creator == userFilter : true)
+      ?.reverse();
+  }, [vanityFilter, channelFilter, userFilter, invites]);
+
+  return (
+    <div>
+      <div className="flex gap-2">
+        <Popover open={selectVanityOnly} onOpenChange={setSelectVanityOnly}>
+          <PopoverTrigger asChild>
+            <Button
+              variant="outline"
+              role="combobox"
+              aria-expanded={selectVanityOnly}
+              className="flex-1 justify-between"
+            >
+              {vanityFilter === true ? "Vanity" : vanityFilter === false ? "Not vanity" : "All"}
+              <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+            </Button>
+          </PopoverTrigger>
+          <PopoverContent className="w-[200px] p-0">
+            <Command>
+              {[
+                { value: null, label: "All" },
+                { value: true, label: "Vanity" },
+                { value: false, label: "Not vanity" },
+              ].map((option) => (
+                <CommandItem
+                  key={String(option.value)}
+                  onSelect={async () => {
+                    setSelectVanityOnly(false);
+                    setVanityFilter(option.value);
+                  }}
+                >{option.label}</CommandItem>
+              ))}
+            </Command>
+          </PopoverContent>
+        </Popover>
+
+        <Popover open={selectChannel} onOpenChange={setSelectChannel}>
+          <PopoverTrigger asChild>
+            <Button
+              variant="outline"
+              role="combobox"
+              aria-expanded={selectChannel}
+              className="flex-1 justify-between"
+            >
+              {channelFilter
+                ? '#' + (channels?.find(c => c._id == channelFilter) as any)?.name
+                : "Select channel"}
+              <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+            </Button>
+          </PopoverTrigger>
+          <PopoverContent className="w-[200px] p-0">
+            <Command>
+              <CommandItem onSelect={async () => {
+                    setSelectChannel(false);
+                    setChannelFilter("");
+                  }}
+                >All channels</CommandItem>
+              {channels?.map((channel) => (
+                <CommandItem
+                  key={String(channel._id)}
+                  onSelect={async () => {
+                    setSelectChannel(false);
+                    setChannelFilter(channel._id);
+                  }}
+                >{'#' + (channel as any).name}</CommandItem>
+              ))}
+            </Command>
+          </PopoverContent>
+        </Popover>
+
+        <Popover open={selectUser} onOpenChange={setSelectUser}>
+          <PopoverTrigger asChild>
+            <Button
+              variant="outline"
+              role="combobox"
+              aria-expanded={selectUser}
+              className="flex-1 justify-between"
+            >
+              {userFilter
+                ? `${users?.find(c => c._id == userFilter)?.username}#${users?.find(c => c._id == userFilter)?.discriminator}`
+                : "Select user"}
+              <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+            </Button>
+          </PopoverTrigger>
+          <PopoverContent className="w-[200px] p-0">
+            <Command>
+            <CommandItem onSelect={async () => {
+                    setSelectUser(false);
+                    setUserFilter("");
+                  }}
+                >All users</CommandItem>
+              {users?.map((user) => (
+                <CommandItem
+                  key={String(user._id)}
+                  onSelect={async () => {
+                    setSelectUser(false);
+                    setUserFilter(user._id);
+                  }}
+                >{user.username}#{user.discriminator}</CommandItem>
+              ))}
+            </Command>
+          </PopoverContent>
+        </Popover>
+
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button disabled={!filteredInvites.length} variant="destructive">Bulk delete</Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                Bulk delete invites
+              </AlertDialogTitle>
+            </AlertDialogHeader>
+            <AlertDialogDescription>
+              This will delete all invites that match your filter options.
+              <br />
+              <b>{filteredInvites.length}</b> invite{filteredInvites.length == 1 ? '' : 's'} will be deleted.
+            </AlertDialogDescription>
+            <AlertDialogFooter>
+              <AlertDialogAction
+                onClick={async () => {
+                  try {
+                    await bulkDeleteInvites(filteredInvites.map(i => i._id));
+                    setInvites(invites.filter(invite => !filteredInvites.find(i => i._id == invite._id)));
+                    toast({ title: "Selected invites have been deleted" });
+                  } catch(e) {
+                    toast({
+                      title: "Failed to delete invites",
+                      description: String(e),
+                      variant: "destructive",
+                    });
+                  }
+                }}
+              >Bulk delete</AlertDialogAction>
+              <AlertDialogCancel>Cancel</AlertDialogCancel>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button disabled={!filteredInvites.length}>Create vanity invite</Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                Create vanity invite
+              </AlertDialogTitle>
+            </AlertDialogHeader>
+            <AlertDialogDescription>
+              <p className="mb-2">Invites are case sensitive.</p>
+              <div className="flex gap-2">
+                <Input
+                  value={inviteDraft}
+                  onChange={(e) => setInviteDraft(e.currentTarget.value)}
+                  placeholder="fortnite"
+                />
+                <ChannelDropdown
+                  channels={channels ?? []}
+                  value={inviteChannelDraft}
+                  setValue={setInviteChannelDraft}
+                />
+              </div>
+              </AlertDialogDescription>
+              <AlertDialogFooter>
+                <AlertDialogAction
+                  disabled={!inviteDraft || !inviteChannelDraft}
+                  onClick={async () => {
+                    try {
+                      const newInvite: ChannelInvite = {
+                        _id: inviteDraft,
+                        channel: inviteChannelDraft,
+                        creator: server.owner,
+                        server: server._id,
+                        type: "Server",
+                        vanity: true,
+                      };
+                      await createInvite(newInvite);
+                      setInvites([...invites, newInvite]);
+                      setInviteDraft("");
+                      toast({
+                        title: "Vanity invite created",
+                        description: <a href={`https://rvlt.gg/${inviteDraft}`}>rvlt.gg/{inviteDraft}</a>
+                      });
+                    } catch(e) {
+                      toast({
+                        title: "Failed to create invite",
+                        description: String(e),
+                        variant: "destructive",
+                      });
+                    }
+                  }}
+                >Create</AlertDialogAction>
+                <AlertDialogCancel>Cancel</AlertDialogCancel>
+              </AlertDialogFooter>
+            </AlertDialogContent>
+        </AlertDialog>
+      </div>
+
+      {filteredInvites.map(invite => (<InviteCard
+        invite={invite}
+        channel={channels?.find(c => c._id == invite.channel)}
+        channelList={channels}
+        user={users?.find(c => c._id == invite.creator)}
+        key={invite._id}
+      />))}
+    </div>
+  )
+}
+
+export function ChannelDropdown({ channels, value, setValue }: {
+  channels: Channel[],
+  value: string,
+  setValue: (value: string) => any,
+}) {
+  const [expanded, setExpanded] = useState(false);
+
+  return (
+  <Popover open={expanded} onOpenChange={setExpanded}>
+    <PopoverTrigger asChild>
+      <Button
+        variant="outline"
+        role="combobox"
+        aria-expanded={expanded}
+        className="flex-1 justify-between"
+      >
+        {value
+          ? '#' + (channels?.find(c => c._id == value) as any)?.name
+          : "Channel"}
+        <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+      </Button>
+    </PopoverTrigger>
+    <PopoverContent className="w-[200px] p-0">
+      <Command>
+        {channels?.map((channel) => (
+          <CommandItem
+            key={String(channel._id)}
+            onSelect={async () => {
+              setExpanded(false);
+              setValue(channel._id);
+            }}
+          >{'#' + (channel as any).name}</CommandItem>
+        ))}
+      </Command>
+    </PopoverContent>
+  </Popover>
+  );
+}

components/pages/inspector/RecentMessages.tsx

@@ -1,4 +1,4 @@
-import type { Filter } from "mongodb";
+import type { Filter, WithId } from "mongodb";
 import { Message, User } from "revolt-api";
 import {
   Card,
@@ -20,12 +20,11 @@ type Props = { users?: boolean | User[] } & (
 );
 
 export async function RecentMessages(props: Props) {
-  const recentMessages = (
+  let recentMessages = (
-    (props as { query: {} }).query
+    await ((props as { query: {} }).query
-      ? await fetchMessages((props as { query: Filter<Message> }).query)
+      ? fetchMessages((props as { query: Filter<Message> }).query)
-      : await fetchMessagesByUser((props as { userId: string }).userId).catch(
+      : fetchMessagesByUser((props as { userId: string }).userId)
-          () => []
+    ).catch(() => [])
-        )
   ).reverse();
 
   const userList = (

components/pages/inspector/RelevantObjects.tsx

@@ -18,12 +18,24 @@ export function RelevantObjects({
   return (
     <div className="flex gap-2">
       <div className="flex-1 min-w-0 flex flex-col gap-2">
-        <h2 className="text-md text-center pb-2">Bots & Friends</h2>
+        <h2 className="text-md text-center pb-2">Bots & Relations</h2>
         <ListCompactor
-          data={users}
+          data={[
+            // for whatever fucking reason nextjs threw a bunch of errors at me
+            // when i used .sort() here but i guess this works well enough..?
+            ...users.filter((user) => user.bot?.owner == userId),
+            ...users.filter((user) => user.bot?.owner != userId),
+          ]}
           Component={({ item }) => (
             <Link href={`/panel/inspect/user/${item._id}`}>
-              <UserCard user={item} subtitle="" />
+              <UserCard
+                user={item}
+                subtitle={
+                  item.bot?.owner == userId
+                    ? "Owned bot"
+                    : item.relations?.find((relation) => relation._id == userId)?.status || ""
+                }
+              />
             </Link>
           )}
         />
@@ -31,12 +43,21 @@ export function RelevantObjects({
       <div className="flex-1 min-w-0 flex flex-col gap-2">
         <h2 className="text-md text-center pb-2">Servers</h2>
         <ListCompactor
-          data={servers}
+          // same as above
+          data={[
+            ...servers.filter((server) => userId == server.owner),
+            ...servers.filter((server) => userId != server.owner),
+          ]}
           Component={({ item }) => (
             <Link href={`/panel/inspect/server/${item._id}`}>
               <ServerCard
                 server={item}
-                subtitle={userId === item.owner ? "Server Owner" : ""}
+                subtitle={
+                  [
+                    userId === item.owner ? "Server Owner" : null,
+                    item.discoverable ? "Discoverable" : null,
+                  ].filter(i => i).join(" · ")
+                }
               />
             </Link>
           )}

components/pages/inspector/ReportActions.tsx

@@ -14,6 +14,7 @@ import {
 import { useState } from "react";
 import { useToast } from "../../ui/use-toast";
 import {
+  assignReportToCase,
   rejectReport,
   reopenReport,
   resolveReport,
@@ -32,6 +33,10 @@ import {
   AlertDialogTrigger,
 } from "../../ui/alert-dialog";
 import { ReportCard } from "../../cards/ReportCard";
+import { Popover } from "@radix-ui/react-popover";
+import { PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import { CaseDocument, ReportDocument, fetchOpenCases } from "@/lib/db";
+import { CaseCard } from "@/components/cards/CaseCard";
 
 const template: Record<string, (ref: string) => string> = {
   resolved: (ref) =>
@@ -43,7 +48,7 @@ const template: Record<string, (ref: string) => string> = {
   "not enough evidence": (ref) =>
     `Your report (${ref}) has not been actioned at this time due to a lack of supporting evidence, if you have additional information to support your report, please either report individual relevant messages or send an email to contact@revolt.chat.`,
   clarify: (ref) =>
-    `Your report (${ref}) needs clarification, please provide additional information.`,
+    `Your report (${ref}) needs clarification, please provide additional information. You can report the messages again, report additional messages, or send an email to contact@revolt.chat.`,
   acknowledged: (ref) =>
     `Your report (${ref}) has been acknowledged, we will be monitoring the situation.`,
   default: (ref) =>
@@ -54,11 +59,12 @@ export function ReportActions({
   report,
   reference,
 }: {
-  report: Report;
+  report: ReportDocument;
   reference: string;
 }) {
   const { toast } = useToast();
   const [reportDraft, setDraft] = useState(report);
+  const [availableCases, setAvailableCases] = useState<CaseDocument[]>([]);
 
   function rejectHandler(reason: string) {
     return async () => {
@@ -83,6 +89,7 @@ export function ReportActions({
       <ReportCard report={reportDraft} />
 
       <Textarea
+        rows={8}
         placeholder="Enter notes here... (save on unfocus)"
         className="!min-h-0 !h-[76px]"
         defaultValue={report.notes}
@@ -106,6 +113,74 @@ export function ReportActions({
         }}
       />
 
+      {reportDraft.case_id ? (
+        <Button
+          variant="destructive"
+          onClick={async () => {
+            try {
+              const $set = await assignReportToCase(report._id);
+              setDraft((report) => ({ ...report, ...$set }));
+              toast({
+                title: "Removed report from case",
+              });
+            } catch (err) {
+              toast({
+                title: "Failed to resolve report",
+                description: String(err),
+                variant: "destructive",
+              });
+            }
+          }}
+        >
+          Remove from case
+        </Button>
+      ) : (
+        <Popover>
+          <PopoverTrigger asChild>
+            <Button
+              variant="outline"
+              onClick={() => {
+                fetchOpenCases().then(setAvailableCases);
+              }}
+            >
+              Add to case
+            </Button>
+          </PopoverTrigger>
+          <PopoverContent className="w-80">
+            <div className="grid gap-4">
+              <div className="space-y-2">
+                <h4 className="font-medium leading-none">Open Cases</h4>
+                {availableCases.map((entry) => (
+                  <a
+                    key={entry._id}
+                    onClick={async () => {
+                      try {
+                        const $set = await assignReportToCase(
+                          report._id,
+                          entry._id
+                        );
+                        setDraft((report) => ({ ...report, ...$set }));
+                        toast({
+                          title: "Assigned report to case",
+                        });
+                      } catch (err) {
+                        toast({
+                          title: "Failed to resolve report",
+                          description: String(err),
+                          variant: "destructive",
+                        });
+                      }
+                    }}
+                  >
+                    <CaseCard entry={entry} />
+                  </a>
+                ))}
+              </div>
+            </div>
+          </PopoverContent>
+        </Popover>
+      )}
+
       <div className="flex gap-2">
         {reportDraft.status === "Created" ? (
           <>

components/pages/inspector/ServerActions.tsx

@@ -1,12 +1,9 @@
 "use client";
 
-import { Server } from "revolt-api";
+import { Server, User } from "revolt-api";
-import { Button } from "../../ui/button";
+import { Button, buttonVariants } from "../../ui/button";
 import {
   Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
   CommandItem,
 } from "@/components/ui/command";
 import {
@@ -17,16 +14,28 @@ import {
 import { Check, ChevronsUpDown } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { useState } from "react";
-import { updateServerDiscoverability, updateServerFlags } from "@/lib/actions";
+import { addServerMember, quarantineServer, updateServerDiscoverability, updateServerFlags, updateServerOwner } from "@/lib/actions";
 import { useToast } from "../../ui/use-toast";
+import Link from "next/link";
+import { DropdownMenu, DropdownMenuContent } from "@/components/ui/dropdown-menu";
+import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
+import { Checkbox } from "@/components/ui/checkbox";
+import UserSelector from "@/components/ui/user-selector";
+import { Textarea } from "@/components/ui/textarea";
+import { SEVRER_REMOVAL_MESSAGE } from "@/lib/constants";
 
 export function ServerActions({ server }: { server: Server }) {
   const [selectBadges, setSelectBadges] = useState(false);
   const [serverDraft, setDraft] = useState(server);
+  const [quarantineMessage, setQuarantineMessage] = useState(SEVRER_REMOVAL_MESSAGE(server));
+  const [newOwner, setNewOwner] = useState<User | null>(null);
+  const [newMember, setNewMember] = useState<User | null>(null);
+  const [newMemberEvent, setNewMemberEvent] = useState(true);
   const { toast } = useToast();
 
   return (
-    <div className="flex gap-2">
+    <div className="flex flex-col md:flex-row gap-2">
       {serverDraft.discoverable ? (
         <Button
           className="flex-1"
@@ -130,9 +139,163 @@ export function ServerActions({ server }: { server: Server }) {
         </PopoverContent>
       </Popover>
 
-      <Button className="flex-1" variant="destructive">
+      <Link
-        Quarantine
+        className={`flex-1 ${buttonVariants()}`}
-      </Button>
+        href={`/panel/inspect/server/${server._id}/invites`}
+      >
+        Invites
+      </Link>
+
+      <AlertDialog>
+        <AlertDialogTrigger asChild>
+          <Button className="flex-1" variant="destructive">
+            Quarantine
+          </Button>
+        </AlertDialogTrigger>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              Quarantine server
+            </AlertDialogTitle>
+            <AlertDialogDescription className="flex flex-col gap-1">
+              <span>This will remove all members from this server and revoke all invites.</span>
+              <span className="text-red-700">This action is irreversible!</span>
+              <br />
+              <Textarea
+                placeholder="Removal message"
+                value={quarantineMessage}
+                onChange={(e) => setQuarantineMessage(e.currentTarget.value)}
+              />
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              className="bg-red-800 hover:bg-red-700"
+              disabled={quarantineMessage == SEVRER_REMOVAL_MESSAGE(server) || !quarantineMessage}
+              onClick={async () => {
+                if (serverDraft.flags) {
+                  // Intentionally not clearing the quarantine message draft
+                  toast({
+                    title: "Refusing to quarantine",
+                    description: "This server is marked as verified or official",
+                    variant: "destructive",
+                  });
+                  return;
+                }
+
+                try {
+                  await quarantineServer(server._id, quarantineMessage);
+                  toast({
+                    title: "Quarantined server",
+                  });
+                  setQuarantineMessage(SEVRER_REMOVAL_MESSAGE(server));
+                } catch(e) {
+                  toast({
+                    title: "Failed to quarantine",
+                    description: String(e),
+                    variant: "destructive",
+                  });
+                }
+              }}
+            >
+              Quarantine
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      <DropdownMenu>
+        <DropdownMenuTrigger asChild>
+          <Button variant="outline" className="flex-1">
+            More Options
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent className="flex flex-col">
+          <AlertDialog>
+            <AlertDialogTrigger asChild>
+              <Button variant="ghost">
+                Change owner
+              </Button>
+            </AlertDialogTrigger>
+            <AlertDialogContent>
+              <AlertDialogHeader>
+                <AlertDialogTitle>
+                  Change server owner
+                </AlertDialogTitle>
+                <AlertDialogDescription className="flex flex-col gap-2">
+                  Enter the ID of the new server owner.
+                  <UserSelector
+                    onChange={(user) => setNewOwner(user)}
+                  />
+                </AlertDialogDescription>
+              </AlertDialogHeader>
+              <AlertDialogFooter>
+                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                <AlertDialogAction
+                  disabled={!newOwner}
+                  onClick={async () => {
+                    try {
+                      await updateServerOwner(server._id, newOwner!._id);
+                      setNewOwner(null);
+                      toast({ title: "Server owner changed" });
+                    } catch(e) {
+                      toast({
+                        title: "Owner update failed",
+                        description: String(e),
+                        variant: "destructive",
+                      });
+                    }
+                  }}
+                >
+                  Update
+                </AlertDialogAction>
+              </AlertDialogFooter>
+            </AlertDialogContent>
+          </AlertDialog>
+
+          <AlertDialog>
+            <AlertDialogTrigger asChild>
+              <Button variant="ghost">
+                Add member
+              </Button>
+            </AlertDialogTrigger>
+            <AlertDialogContent>
+              <AlertDialogHeader>
+                <AlertDialogTitle>
+                  Add member to server
+                </AlertDialogTitle>
+                <AlertDialogDescription className="flex flex-col gap-2">
+                  Enter the ID of the user you want to add.
+                  <UserSelector onChange={(user) => setNewMember(user)} />
+                  <Checkbox checked={newMemberEvent} onChange={(state) => setNewMemberEvent(state === true)}>Publish join event</Checkbox>
+                </AlertDialogDescription>
+              </AlertDialogHeader>
+              <AlertDialogFooter>
+                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                <AlertDialogAction
+                  disabled={!newMember}
+                  onClick={async () => {
+                    try {
+                      await addServerMember(server._id, newMember!._id, newMemberEvent);
+                      setNewMember(null);
+                      toast({ title: "User added to server" });
+                    } catch(e) {
+                      toast({
+                        title: "Failed to add user",
+                        description: String(e),
+                        variant: "destructive",
+                      });
+                    }
+                  }}
+                >
+                  Update
+                </AlertDialogAction>
+              </AlertDialogFooter>
+            </AlertDialogContent>
+          </AlertDialog>
+        </DropdownMenuContent>
+      </DropdownMenu>
     </div>
   );
 }

components/pages/inspector/UserActions.tsx

@@ -23,11 +23,15 @@ import { Input } from "../../ui/input";
 import {
   banUser,
   closeReportsByUser,
+  resetBotToken,
   sendAlert,
   suspendUser,
+  transferBot,
   unsuspendUser,
   updateBotDiscoverability,
   updateUserBadges,
+  wipeUser,
+  wipeUserProfile,
 } from "@/lib/actions";
 import { useRef, useState } from "react";
 import { useToast } from "../../ui/use-toast";
@@ -35,6 +39,9 @@ import { Bot, User } from "revolt-api";
 import { Card, CardHeader } from "../../ui/card";
 import { cn } from "@/lib/utils";
 import { decodeTime } from "ulid";
+import { Checkbox } from "@/components/ui/checkbox";
+import UserSelector from "@/components/ui/user-selector";
+import { Textarea } from "@/components/ui/textarea";
 
 const badges = [1, 2, 4, 8, 16, 32, 128, 0, 256, 512, 1024];
 
@@ -44,6 +51,15 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
 
   const [userDraft, setUserDraft] = useState(user);
   const [botDraft, setBotDraft] = useState(bot);
+  const [wipeDraft, setWipeDraft] = useState({
+    banner: false,
+    avatar: false,
+    bio: false,
+    displayName: false,
+    status: false,
+  });
+  const [transferTarget, setTransferTarget] = useState<User | null>(null);
+  const [transferResetToken, setTransferResetToken] = useState(true);
 
   const userInaccessible = userDraft.flags === 4 || userDraft.flags === 2;
 
@@ -94,7 +110,7 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
         </CardHeader>
       </Card>
 
-      <div className="flex gap-2">
+      <div className="flex flex-col md:flex-row gap-2">
         {bot ? (
           botDraft!.discoverable ? (
             <Button
@@ -195,7 +211,7 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
                         )
                 }
               >
-                Suspend
+                {userDraft.flags === 1 ? "Unsuspend" : "Suspend"}
               </AlertDialogAction>
             </AlertDialogFooter>
           </AlertDialogContent>
@@ -216,13 +232,18 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
               <AlertDialogTitle>
                 Are you sure you want to ban this user?
               </AlertDialogTitle>
-              <AlertDialogDescription className="text-red-700">
+              <AlertDialogDescription>
-                This action is irreversible!
+                All messages sent by this user will be deleted immediately.
+                <br className="text-base/8" />
+                <span className="text-red-700">
+                  This action is irreversible!
+                </span>
               </AlertDialogDescription>
             </AlertDialogHeader>
             <AlertDialogFooter>
               <AlertDialogCancel>Cancel</AlertDialogCancel>
               <AlertDialogAction
+                className="hover:bg-red-700 transition-all"
                 onClick={() =>
                   banUser(user._id)
                     .then(() => {
@@ -244,6 +265,71 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
           </AlertDialogContent>
         </AlertDialog>
 
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button className="flex-1 bg-pink-600" disabled={userInaccessible}>
+              Wipe Messages
+            </Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>
+                Are you sure you want to wipe this user&apos;s messages?
+              </AlertDialogTitle>
+              <AlertDialogDescription>
+                All messages sent by this user will be deleted immediately.
+                <br className="text-base/8" />
+                <span className="text-red-700">
+                  This action is irreversible and{" "}
+                  <b className="font-bold">will not publish any events</b>!
+                </span>
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>Cancel</AlertDialogCancel>
+              <AlertDialogAction
+                className="hover:bg-red-700 transition-all"
+                onClick={() =>
+                  wipeUser(user._id, 0, true)
+                    .then(() => {
+                      setUserDraft((user) => ({ ...user, flags: 4 }));
+                      toast({ title: "Wiped user's messages" });
+                    })
+                    .catch((err) =>
+                      toast({
+                        title: "Failed to wipe user's messages!",
+                        description: String(err),
+                        variant: "destructive",
+                      })
+                    )
+                }
+              >
+                Ban
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button className="flex-1 bg-yellow-600">Bees</Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>Release the bees</AlertDialogTitle>
+              <AlertDialogDescription>
+                Are you sure you want to send the bees?
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>Cancel</AlertDialogCancel>
+              <AlertDialogAction onClick={() => toast({ title: "🐝" })}>
+                Deploy
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button variant="outline" className="flex-1">
@@ -263,7 +349,7 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
                       This will send a message from the Platform Moderation
                       account.
                     </span>
-                    <Input
+                    <Textarea
                       placeholder="Enter a message..."
                       name="message"
                       onChange={(e) =>
@@ -277,10 +363,12 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
                   <AlertDialogAction
                     onClick={() => {
                       if (!alertMessage.current) return;
-                      alertMessage.current = "";
 
                       sendAlert(user._id, alertMessage.current)
-                        .then(() => toast({ title: "Sent Alert" }))
+                        .then(() => {
+                          toast({ title: "Sent Alert" });
+                          alertMessage.current = "";
+                        })
                         .catch((err) =>
                           toast({
                             title: "Failed to send alert!",
@@ -296,6 +384,185 @@ export function UserActions({ user, bot }: { user: User; bot?: Bot }) {
               </AlertDialogContent>
             </AlertDialog>
 
+            <AlertDialog>
+              <AlertDialogTrigger asChild>
+                <Button variant="ghost">Reset profile</Button>
+              </AlertDialogTrigger>
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>Reset user profile</AlertDialogTitle>
+                  <AlertDialogDescription>
+                    <Checkbox
+                      checked={wipeDraft.avatar}
+                      onChange={(e) =>
+                        setWipeDraft({ ...wipeDraft, avatar: e == true })
+                      }
+                    >
+                      Avatar
+                    </Checkbox>
+                    <Checkbox
+                      checked={wipeDraft.banner}
+                      onChange={(e) =>
+                        setWipeDraft({ ...wipeDraft, banner: e == true })
+                      }
+                    >
+                      Profile Banner
+                    </Checkbox>
+                    <Checkbox
+                      checked={wipeDraft.displayName}
+                      onChange={(e) =>
+                        setWipeDraft({ ...wipeDraft, displayName: e == true })
+                      }
+                    >
+                      Display Name
+                    </Checkbox>
+                    <Checkbox
+                      checked={wipeDraft.bio}
+                      onChange={(e) =>
+                        setWipeDraft({ ...wipeDraft, bio: e == true })
+                      }
+                    >
+                      Bio
+                    </Checkbox>
+                    <Checkbox
+                      checked={wipeDraft.status}
+                      onChange={(e) =>
+                        setWipeDraft({ ...wipeDraft, status: e == true })
+                      }
+                    >
+                      Status
+                    </Checkbox>
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogAction
+                    disabled={!Object.values(wipeDraft).filter((i) => i).length}
+                    onClick={() => {
+                      wipeUserProfile(user._id, wipeDraft)
+                        .then(() => {
+                          toast({ title: "Wiped selected fields" });
+                          window.location.reload();
+                        })
+                        .catch((e) =>
+                          toast({
+                            title: "Failed to wipe profile",
+                            description: String(e),
+                            variant: "destructive",
+                          })
+                        )
+                        .finally(() =>
+                          setWipeDraft({
+                            avatar: false,
+                            banner: false,
+                            bio: false,
+                            displayName: false,
+                            status: false,
+                          })
+                        );
+                    }}
+                  >
+                    Reset
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>
+
+            <AlertDialog>
+              <AlertDialogTrigger asChild>
+                <Button variant="ghost" disabled={!user.bot?.owner}>
+                  Reset bot token
+                </Button>
+              </AlertDialogTrigger>
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>Reset token</AlertDialogTitle>
+                  <AlertDialogDescription className="flex flex-col gap-2">
+                    <span>
+                      Re-roll this bot&apos;s authentication token. This will
+                      not disconnect active connections.
+                    </span>
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogAction
+                    onClick={() =>
+                      resetBotToken(user._id)
+                        .then(() =>
+                          toast({
+                            title: "Reset bot token",
+                          })
+                        )
+                        .catch((e) =>
+                          toast({
+                            title: "Failed to reset token",
+                            description: String(e),
+                            variant: "destructive",
+                          })
+                        )
+                    }
+                  >
+                    Reset
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>
+
+            <AlertDialog>
+              <AlertDialogTrigger asChild>
+                <Button variant="ghost" disabled={!user.bot?.owner}>
+                  Transfer bot
+                </Button>
+              </AlertDialogTrigger>
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>Transfer bot</AlertDialogTitle>
+                  <AlertDialogDescription className="flex flex-col gap-2">
+                    <span>Transfer this bot to a new owner.</span>
+                    <UserSelector onChange={setTransferTarget} />
+                    <Checkbox
+                      checked={transferResetToken}
+                      onChange={(e) => setTransferResetToken(!!e)}
+                    >
+                      Also reset token
+                    </Checkbox>
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogAction
+                    disabled={!transferTarget}
+                    onClick={() =>
+                      transferBot(
+                        user._id,
+                        transferTarget!._id,
+                        transferResetToken
+                      )
+                        .then(() =>
+                          toast({
+                            title: "Reset bot token",
+                          })
+                        )
+                        .catch((e) =>
+                          toast({
+                            title: "Failed to reset token",
+                            description: String(e),
+                            variant: "destructive",
+                          })
+                        )
+                        .finally(() => {
+                          setTransferResetToken(true);
+                          setTransferTarget(null);
+                        })
+                    }
+                  >
+                    Transfer
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>
+
             <AlertDialog>
               <AlertDialogTrigger asChild>
                 <Button variant="ghost">Close Open Reports</Button>

components/pages/shield/EmailClassificationRow.tsx

@@ -0,0 +1,135 @@
+"use client";
+
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogContent,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTrigger,
+  AlertDialogCancel,
+  AlertDialogDescription,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import { Command, CommandItem } from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { TableCell, TableRow } from "@/components/ui/table";
+import { toast } from "@/components/ui/use-toast";
+import {
+  deleteEmailClassification,
+  updateEmailClassification,
+} from "@/lib/actions";
+import { cn } from "@/lib/utils";
+import { Check } from "lucide-react";
+import { useState } from "react";
+
+export const CLASSIFICATIONS = ["DISPOSABLE", "PRONE_TO_ABUSE", "ALIAS"];
+
+export default function EmailClassificationRow({
+  domain,
+  ...props
+}: {
+  domain: string;
+  classification: string;
+}) {
+  const [classification, setClassification] = useState(props.classification);
+  const [selectClassification, setSelectClassification] = useState(false);
+  const [deleted, setDeleted] = useState(false);
+
+  return deleted ? null : (
+    <TableRow>
+      <TableCell>{domain}</TableCell>
+      <TableCell>
+        <Popover
+          open={selectClassification}
+          onOpenChange={setSelectClassification}
+        >
+          <PopoverTrigger asChild>
+            <Button
+              variant="outline"
+              role="combobox"
+              aria-expanded={selectClassification}
+            >
+              {classification}
+            </Button>
+          </PopoverTrigger>
+          <PopoverContent>
+            <Command>
+              {CLASSIFICATIONS.map((c) => (
+                <CommandItem
+                  key={c}
+                  onSelect={async () => {
+                    try {
+                      await updateEmailClassification(domain, c);
+
+                      setSelectClassification(false);
+                      setClassification(c);
+                      toast({
+                        title: "Classification updated",
+                        description: `${domain} is now classified as ${c}`,
+                      });
+                    } catch (e) {
+                      toast({
+                        title: "Failed to update classification",
+                        description: String(e),
+                        variant: "destructive",
+                      });
+                    }
+                  }}
+                >
+                  <Check
+                    className={cn(
+                      "mr-2 h-4 w-4",
+                      c == classification ? "opacity-100" : "opacity-0"
+                    )}
+                  />
+                  {c}
+                </CommandItem>
+              ))}
+            </Command>
+          </PopoverContent>
+        </Popover>
+      </TableCell>
+      <TableCell>
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button>Remove</Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogDescription>
+                Delete classification for {domain}?
+              </AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>Cancel</AlertDialogCancel>
+              <AlertDialogAction
+                onClick={async () => {
+                  try {
+                    await deleteEmailClassification(domain);
+                    setDeleted(true);
+                    toast({
+                      title: "Classification deleted",
+                    });
+                  } catch (e) {
+                    toast({
+                      title: "Failed to delete classification",
+                      description: String(e),
+                      variant: "destructive",
+                    });
+                  }
+                }}
+              >
+                Remove
+              </AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+      </TableCell>
+    </TableRow>
+  );
+}

components/ui/badge.tsx

@@ -1,7 +1,7 @@
-import * as React from "react"
+import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority"
+import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
@@ -14,6 +14,8 @@ const badgeVariants = cva(
           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive:
           "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        "relatively-destructive":
+          "border-transparent bg-destructive/60 text-destructive-foreground hover:bg-destructive/40",
         outline: "text-foreground",
       },
     },
@@ -21,7 +23,7 @@ const badgeVariants = cva(
       variant: "default",
     },
   }
-)
+);
 
 export interface BadgeProps
   extends React.HTMLAttributes<HTMLDivElement>,
@@ -30,7 +32,7 @@ export interface BadgeProps
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
     <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
+  );
 }
 
-export { Badge, badgeVariants }
+export { Badge, badgeVariants };

components/ui/checkbox.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+import { cn } from '@/lib/utils';
+import * as CheckBox from '@radix-ui/react-checkbox';
+import { CheckIcon } from 'lucide-react';
+
+const Checkbox = (props: {
+  children: React.ReactNode,
+  checked?: boolean,
+  onChange?: (checked: CheckBox.CheckedState) => void,
+}) => {
+  // good enough i guess
+  const checkId = `${Date.now()}${Math.random()}`;
+
+  return (
+    <div className={cn('flex', 'items-center', 'm-1')}>
+      <CheckBox.Root
+        checked={props.checked}
+        onCheckedChange={props.onChange}
+        id={checkId}
+        className={cn(
+          'flex',
+          'rounded-md',
+          'border-gray-300',
+          'border',
+          'w-6',
+          'h-6',
+          'mr-2',
+          'items-center',
+          'justify-center',
+          'bg-slate-100',
+          'shadow-lg',
+        )}
+      >
+        <CheckBox.Indicator
+          className={cn('text-gray-500')}
+        >
+          <CheckIcon />
+        </CheckBox.Indicator>
+      </CheckBox.Root>
+      <label htmlFor={checkId}>{props.children}</label>
+    </div>
+  );
+}
+
+export { Checkbox }

components/ui/user-selector.tsx

@@ -0,0 +1,88 @@
+import { useEffect, useState } from "react";
+import { Input } from "./input";
+import { Card, CardDescription, CardHeader, CardTitle } from "./card";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+import { User } from "revolt-api";
+import { AUTUMN_URL } from "@/lib/constants";
+import { fetchUserById } from "@/lib/db";
+
+export default function UserSelector({ onChange }: {
+  onChange?: (user: User | null) => any,
+}) {
+  const [input, setInput] = useState("");
+  const [user, setUser] = useState<User | null>(null);
+  const [searching, setSearching] = useState(false);
+
+  useEffect(() => {
+    if (input.length != 26) {
+      onChange?.(null);
+      if (user) setUser(null);
+      return;
+    }
+    if (!searching) return;
+    if (input != user?._id) {
+      setSearching(true);
+      fetchUserById(input)
+        .then((user) => {
+          setUser(user);
+          onChange?.(user);
+        })
+        .catch((e) => {
+          setUser(null);
+          onChange?.(null);
+        })
+        .finally(() => setSearching(false));
+    }
+    else setUser(null);
+  }, [input, user, searching, onChange]);
+
+  return (
+    <div>
+      <Input
+        className="rounded-b-none"
+        style={{ boxShadow: "none" }} // doing this with tailwind just... doesnt work
+        placeholder="Enter an ID..."
+        value={input}
+        onChange={(e) => {
+          setInput(e.currentTarget.value);
+          setSearching(true);
+        }}
+      />
+      <Card className="border-t-0 rounded-t-none">
+        <CardHeader>
+          <CardTitle className={`flex items-center gap-1 ${user ? "" : "text-gray-400"}`}>
+            <Avatar>
+              {user && <AvatarImage src={`${AUTUMN_URL}/avatars/${user.avatar?._id}`} />}
+              <AvatarFallback className="overflow-hidden overflow-ellipsis whitespace-nowrap">
+                {user
+                  ? (user.display_name ?? user.username)
+                    .split(" ")
+                    .slice(0, 2)
+                    .map((x) => String.fromCodePoint(x.codePointAt(0) ?? 32) ?? "")
+                    .join("")
+                  : "?"}
+              </AvatarFallback>
+            </Avatar>
+            {user
+              ? <>{user.username}#{user.discriminator} {user.display_name}</>
+              : "User#0000"
+            }
+          </CardTitle>
+          <CardDescription>
+            {
+              !input
+                ? "Enter an ID..."
+                : input.length != 26
+                ? "Invalid ID"
+                : searching
+                ? "Searching..."
+                : user
+                ? "User exists!"
+                : "Unknown user"
+            }
+          </CardDescription>
+        </CardHeader>
+      </Card>
+    </div>
+  )
+}

default.nix

@@ -0,0 +1,9 @@
+with import <nixpkgs> { };
+pkgs.mkShell {
+  name = "adminEnv";
+  buildInputs = [
+    pkgs.git
+    pkgs.nodejs
+    pkgs.nodePackages.pnpm
+  ];
+}

lib/accessPermissions.ts

@@ -1,54 +1,91 @@
 import { getServerSession } from "next-auth";
-import { insertAuditLog } from "./db";
+import { SafetyNotes, insertAuditLog } from "./db";
 
 type Permission =
-  | "authifier"
+  | `authifier${
+      | ""
+      | `/classification${"" | "/fetch" | "/create" | "/update" | "/delete"}`}`
   | "publish_message"
   | "chat_message"
   | `accounts${
       | ""
-      | `/fetch${"" | "/by-id"}`
+      | `/fetch${"" | "/by-id" | "/by-email"}`
+      | `/update${"" | "/email" | "/mfa"}`
       | "/disable"
       | "/restore"
       | `/deletion${"" | "/queue" | "/cancel"}`}`
   | `bots${
       | ""
       | `/fetch${"" | "/by-id" | "/by-user"}`
-      | `/update${"" | "/discoverability"}`}`
+      | `/update${"" | "/discoverability" | "/owner" | "/reset-token"}`}`
-  | `channels${"" | `/fetch${"" | "/by-id" | "/dm"}` | `/create${"" | "/dm"}`}`
+  | `channels${
+      | ""
+      | `/fetch${"" | "/by-id" | "/by-server" | "/dm" | "/invites"}`
+      | `/create${"" | "/dm" | "/invites"}`
+      | `/update${"" | "/invites"}`}`
   | `messages${"" | `/fetch${"" | "/by-id" | "/by-user"}`}`
+  | `cases${
+      | ""
+      | "/create"
+      | `/fetch${"" | "/by-id" | "/open"}`
+      | `/update${"" | "/close" | "/reopen" | "/notes"}`}`
   | `reports${
       | ""
       | `/fetch${
           | ""
           | "/by-id"
           | "/open"
-          | `/related${"" | "/by-content" | "/by-user" | "/against-user"}`
+          | `/related${
+              | ""
+              | "/by-content"
+              | "/by-user"
+              | "/by-case"
+              | "/against-user"}`
           | `/snapshots${"" | "/by-report" | "/by-user"}`}`
       | `/update${
           | ""
           | "/notes"
           | "/resolve"
           | "/reject"
+          | "/case"
           | "/reopen"
           | `/bulk-close${"" | "/by-user"}`}`}`
   | `sessions${"" | `/fetch${"" | "/by-account-id"}`}`
   | `servers${
       | ""
       | `/fetch${"" | "/by-id"}`
-      | `/update${"" | "/flags" | "/discoverability"}`}`
+      | `/update${
+          | ""
+          | "/flags"
+          | "/discoverability"
+          | "/owner"
+          | "/add-member"
+          | "/quarantine"}`}`
   | `users${
       | ""
       | `/fetch${
           | ""
           | "/by-id"
+          | "/by-tag"
+          | "/bulk-by-username"
           | "/memberships"
           | "/strikes"
           | "/notices"
           | "/relations"}`
       | `/create${"" | "/alert" | "/strike"}`
       | `/update${"" | "/badges"}`
-      | `/action${"" | "/unsuspend" | "/suspend" | "/wipe" | "/ban"}`}`;
+      | `/action${
+          | ""
+          | "/unsuspend"
+          | "/suspend"
+          | "/wipe"
+          | "/ban"
+          | "/wipe-profile"}`}`
+  | `safety_notes${
+      | ""
+      | `/fetch${"" | `/${SafetyNotes["_id"]["type"]}`}`
+      | `/update${"" | `/${SafetyNotes["_id"]["type"]}`}`}`
+  | `backup${"" | `/fetch${"" | "/by-name"}`}`;
 
 const PermissionSets = {
   // Admin
@@ -64,11 +101,14 @@ const PermissionSets = {
     "sessions",
     "servers",
     "users",
+    "safety_notes",
   ] as Permission[],
 
   // View open reports
   "view-open-reports": [
     "users/fetch/by-id",
+    "cases/fetch/open",
+    "cases/fetch/by-id",
     "reports/fetch/open",
     "reports/fetch/by-id",
     "reports/fetch/related",
@@ -80,16 +120,28 @@ const PermissionSets = {
     "reports/update/notes",
     "reports/update/resolve",
     "reports/update/reject",
+    "reports/update/case",
     "reports/update/reopen",
+    "cases/create",
+    "cases/update/notes",
+    "cases/update/close",
+    "cases/update/reopen",
   ] as Permission[],
 
   // Revolt Discover
   "revolt-discover": [
     "servers/fetch/by-id",
     "servers/update/discoverability",
+    "servers/update/flags",
 
     "bots/fetch/by-id",
     "bots/update/discoverability",
+
+    "safety_notes/fetch/global",
+    "safety_notes/fetch/server",
+    "safety_notes/fetch/user",
+    "safety_notes/update/server",
+    "safety_notes/update/user",
   ] as Permission[],
 
   // User support
@@ -97,36 +149,68 @@ const PermissionSets = {
     "users/fetch/by-id",
     "users/fetch/strikes",
     "users/fetch/notices",
+    "users/update/badges",
+
+    "servers/update/owner",
+
+    "bots/fetch/by-user",
+    "bots/update/reset-token",
+    "bots/update/owner",
 
     "accounts/fetch/by-id",
+    "accounts/fetch/by-email",
     "accounts/disable",
     "accounts/restore",
     "accounts/deletion/queue",
     "accounts/deletion/cancel",
+    "accounts/update/email",
+    "accounts/update/mfa",
+
+    "channels/update/invites",
+    "channels/fetch/invites",
+
+    "safety_notes/fetch",
+    "safety_notes/update",
   ] as Permission[],
 
   // Moderate users
   "moderate-users": [
     "users/fetch/by-id",
+    "users/fetch/by-tag",
+    "users/fetch/bulk-by-username",
     "users/fetch/strikes",
     "users/fetch/notices",
 
-    // "bots/fetch/by-user",
+    "bots/fetch/by-user",
+    "bots/update/reset-token",
+    "bots/update/owner",
+
     // "messages/fetch/by-user",
-    // "users/fetch/memberships",
+    "users/fetch/memberships",
-    // "servers/fetch",
+    "users/fetch/relations",
+    "servers/fetch",
 
     "messages/fetch/by-id",
     "channels/fetch/by-id",
+    "channels/fetch/dm",
+    "channels/fetch/invites",
+    "channels/create/dm",
+
+    "servers/update/quarantine",
+    "servers/update/owner",
+    "servers/update/add-member",
+    "backup/fetch",
 
     "reports/fetch/related/by-user",
     "reports/fetch/related/by-content",
     "reports/fetch/related/against-user",
+    "reports/update/bulk-close/by-user",
 
     "users/create/alert",
     "users/create/strike",
     "users/action/suspend",
     "users/action/wipe",
+    "users/action/wipe-profile",
     "users/action/ban",
     "users/action/unsuspend",
     "accounts/disable",
@@ -134,7 +218,12 @@ const PermissionSets = {
 
     "publish_message",
     "chat_message",
+
+    "safety_notes/fetch",
+    "safety_notes/update",
   ] as Permission[],
+
+  authifier: ["authifier/classification"] as Permission[],
 };
 
 const Roles = {
@@ -142,6 +231,7 @@ const Roles = {
     ...PermissionSets["view-open-reports"],
     ...PermissionSets["edit-reports"],
     ...PermissionSets["moderate-users"],
+    ...PermissionSets["authifier"],
   ],
   "user-support": [...PermissionSets["user-support"]],
   "revolt-discover": [...PermissionSets["revolt-discover"]],
@@ -154,22 +244,32 @@ const ACL: Record<string, Set<Permission>> = {
     ...Roles["revolt-discover"],
     ...Roles["user-support"],
   ] as Permission[]),
-  "lea@janderedev.xyz": new Set([
+  "lea@revolt.chat": new Set([
     ...Roles["moderator"],
     ...Roles["revolt-discover"],
     ...Roles["user-support"],
   ] as Permission[]),
-  "infi@infi.sh": new Set([
+  "tom@revolt.chat": new Set([
     ...Roles["moderator"],
     ...Roles["revolt-discover"],
     ...Roles["user-support"],
   ] as Permission[]),
-  "beartechtalks@gmail.com": new Set([
+  "jen@revolt.chat": new Set([
     ...Roles["moderator"],
     ...Roles["revolt-discover"],
     ...Roles["user-support"],
   ] as Permission[]),
-  "me@zomatree.live": new Set([
+  "rexo@revolt.chat": new Set([
+    ...Roles["moderator"],
+    ...Roles["revolt-discover"],
+    ...Roles["user-support"],
+  ] as Permission[]),
+  "zomatree@revolt.chat": new Set([
+    ...Roles["moderator"],
+    ...Roles["revolt-discover"],
+    ...Roles["user-support"],
+  ] as Permission[]),
+  "vale@revolt.chat": new Set([
     ...Roles["moderator"],
     ...Roles["revolt-discover"],
     ...Roles["user-support"],
@@ -177,7 +277,7 @@ const ACL: Record<string, Set<Permission>> = {
 };
 
 function hasPermission(email: string, permission: Permission) {
-  if (email === "insert@revolt.chat") return true;
+  if (process.env.BYPASS_ACL) return true;
   if (!ACL[email]) throw `user is not registered in system: ${email}`;
 
   const segments = permission.split("/");
@@ -206,5 +306,5 @@ export async function checkPermission(
   if (!(await hasPermissionFromSession(permission)))
     throw `Missing permission ${permission}`;
 
-  await insertAuditLog(permission, context, args);
+  return await insertAuditLog(permission, context, args);
 }

lib/actions.ts

@@ -1,14 +1,15 @@
 "use server";
 
-import { writeFile } from "fs/promises";
+import { readFile, readdir, writeFile } from "fs/promises";
 import { PLATFORM_MOD_ID, RESTRICT_ACCESS_LIST } from "./constants";
 import mongo, {
   Account,
+  CaseDocument,
+  ChannelInvite,
+  EmailClassification,
+  ReportDocument,
   createDM,
-  fetchChannels,
+  fetchAccountById,
-  fetchMembershipsByUser,
-  fetchMessages,
-  fetchUserById,
   findDM,
 } from "./db";
 import { publishMessage, sendChatMessage } from "./redis";
@@ -17,7 +18,9 @@ import {
   AccountInfo,
   AccountStrike,
   Bot,
+  Channel,
   File,
+  Invite,
   Member,
   Message,
   Report,
@@ -26,6 +29,8 @@ import {
   User,
 } from "revolt-api";
 import { checkPermission } from "./accessPermissions";
+import { Long } from "mongodb";
+import { nanoid } from "nanoid";
 
 export async function sendAlert(userId: string, content: string) {
   await checkPermission("users/create/alert", userId, { content });
@@ -95,6 +100,48 @@ export async function updateReportNotes(reportId: string, notes: string) {
     );
 }
 
+export async function updateCaseNotes(caseId: string, notes: string) {
+  await checkPermission("cases/update/notes", caseId, { notes });
+
+  return await mongo()
+    .db("revolt")
+    .collection<CaseDocument>("safety_cases")
+    .updateOne(
+      { _id: caseId },
+      {
+        $set: {
+          notes,
+        },
+      }
+    );
+}
+
+export async function assignReportToCase(reportId: string, caseId?: string) {
+  await checkPermission("reports/update/case", reportId);
+
+  const $set = {
+    case_id: (caseId ?? null)!,
+  } as ReportDocument;
+
+  await mongo()
+    .db("revolt")
+    .collection<ReportDocument>("safety_reports")
+    .updateOne(
+      { _id: reportId },
+      (caseId
+        ? {
+            $set,
+          }
+        : {
+            $unset: {
+              case_id: 1,
+            },
+          }) as never // fuck you
+    );
+
+  return $set;
+}
+
 export async function resolveReport(reportId: string) {
   await checkPermission("reports/update/resolve", reportId);
 
@@ -113,6 +160,24 @@ export async function resolveReport(reportId: string) {
   return $set;
 }
 
+export async function closeCase(caseId: string) {
+  await checkPermission("cases/update/close", caseId);
+
+  const $set = {
+    status: "Closed",
+    closed_at: new Date().toISOString(),
+  } as CaseDocument;
+
+  await mongo().db("revolt").collection<CaseDocument>("safety_cases").updateOne(
+    { _id: caseId },
+    {
+      $set,
+    }
+  );
+
+  return $set;
+}
+
 export async function rejectReport(reportId: string, reason: string) {
   await checkPermission("reports/update/reject", reportId, { reason });
 
@@ -155,6 +220,23 @@ export async function reopenReport(reportId: string) {
   return $set;
 }
 
+export async function reopenCase(caseId: string) {
+  await checkPermission("cases/update/reopen", caseId);
+
+  const $set = {
+    status: "Open",
+  } as CaseDocument;
+
+  await mongo().db("revolt").collection<CaseDocument>("safety_cases").updateOne(
+    { _id: caseId },
+    {
+      $set,
+    }
+  );
+
+  return $set;
+}
+
 export async function closeReportsByUser(userId: string) {
   await checkPermission("reports/update/bulk-close/by-user", userId);
 
@@ -192,6 +274,109 @@ export async function disableAccount(userId: string) {
   });
 }
 
+export async function deleteMFARecoveryCodes(userId: string) {
+  if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
+  await checkPermission("accounts/update/mfa", userId);
+
+  await mongo()
+    .db("revolt")
+    .collection<Account>("accounts")
+    .updateOne(
+      { _id: userId },
+      {
+        $unset: {
+          "mfa.recovery_codes": 1,
+        },
+      }
+    );
+}
+
+export async function disableMFA(userId: string) {
+  if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
+  await checkPermission("accounts/update/mfa", userId);
+
+  await mongo()
+    .db("revolt")
+    .collection<Account>("accounts")
+    .updateOne(
+      { _id: userId },
+      {
+        $unset: {
+          "mfa.totp_token": 1,
+        },
+      }
+    );
+}
+
+export async function changeAccountEmail(userId: string, email: string) {
+  if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
+  await checkPermission("accounts/update/email", userId);
+
+  const SPLIT_RE = /([^@]+)(@.+)/;
+  const SYMBOL_RE = /\+.+|\./g;
+
+  const segments = SPLIT_RE.exec(email);
+  if (!segments) throw "invalid email";
+
+  await mongo()
+    .db("revolt")
+    .collection<Account>("accounts")
+    .updateOne(
+      { _id: userId },
+      {
+        $set: {
+          email: email,
+          email_normalised: segments[1].replace(SYMBOL_RE, "") + segments[2],
+          verification: { status: "Verified" },
+        },
+      }
+    );
+}
+
+export async function verifyAccountEmail(userId: string) {
+  if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
+  await checkPermission("accounts/update/email", userId);
+
+  const account = await fetchAccountById(userId);
+
+  if (!account) throw new Error("couldn't find account");
+  if (account.verification.status == "Verified")
+    throw new Error("already verified");
+
+  let email = account.email;
+  if (account.verification.status == "Moving") {
+    email = account.verification.new_email;
+  }
+
+  await mongo()
+    .db("revolt")
+    .collection<Account>("accounts")
+    .updateOne(
+      { _id: userId },
+      {
+        $set: {
+          email: email,
+          email_normalised: email, // <-- should be fine but someone should fix this in the future
+          verification: { status: "Verified" },
+        },
+      }
+    );
+}
+
+export async function lookupEmail(email: string): Promise<string | false> {
+  await checkPermission("accounts/fetch/by-email", email);
+
+  const accounts = mongo().db("revolt").collection<Account>("accounts");
+
+  let result = await accounts.findOne({ email: email });
+  if (result) return result._id;
+
+  result = await accounts.findOne({ email_normalised: email });
+  if (result) return result._id;
+
+  return false;
+}
+
 export async function suspendUser(userId: string) {
   if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
 
@@ -212,7 +397,12 @@ export async function suspendUser(userId: string) {
       }
     );
 
-  const memberships = await fetchMembershipsByUser(userId);
+  const memberships = await mongo()
+    .db("revolt")
+    .collection<{ _id: { user: string; server: string } }>("server_members")
+    .find({ "_id.user": userId })
+    .toArray();
+
   for (const topic of memberships.map((x) => x._id.server)) {
     await publishMessage(topic, {
       type: "UserUpdate",
@@ -238,7 +428,12 @@ export async function updateUserBadges(userId: string, badges: number) {
     }
   );
 
-  const memberships = await fetchMembershipsByUser(userId);
+  const memberships = await mongo()
+    .db("revolt")
+    .collection<{ _id: { user: string; server: string } }>("server_members")
+    .find({ "_id.user": userId })
+    .toArray();
+
   for (const topic of [userId, ...memberships.map((x) => x._id.server)]) {
     await publishMessage(topic, {
       type: "UserUpdate",
@@ -251,21 +446,54 @@ export async function updateUserBadges(userId: string, badges: number) {
   }
 }
 
-export async function wipeUser(userId: string, flags = 4) {
+export async function wipeUser(
+  userId: string,
+  flags = 4,
+  onlyMessages = false
+) {
   if (RESTRICT_ACCESS_LIST.includes(userId)) throw "restricted access";
 
   await checkPermission("users/action/wipe", userId, { flags });
 
+  const user = onlyMessages
+    ? null
+    : await mongo()
+        .db("revolt")
+        .collection<User>("users")
+        .findOne({ _id: userId });
+
+  const messages = await mongo()
+    .db("revolt")
+    .collection<Message>("messages")
+    .find({ author: userId }, { sort: { _id: -1 } })
+    .toArray();
+
+  const dms = onlyMessages
+    ? null
+    : await mongo()
+        .db("revolt")
+        .collection<Channel>("channels")
+        .find({
+          channel_type: "DirectMessage",
+          recipients: userId,
+        })
+        .toArray();
+
+  const memberships = onlyMessages
+    ? null
+    : await mongo()
+        .db("revolt")
+        .collection<{ _id: { user: string; server: string } }>("server_members")
+        .find({ "_id.user": userId })
+        .toArray();
+
   // retrieve messages, dm channels, relationships, server memberships
   const backup = {
-    _event: "wipe",
+    _event: onlyMessages ? "messages" : "wipe",
-    user: await fetchUserById(userId),
+    user,
-    messages: await fetchMessages({ author: userId }, undefined),
+    messages,
-    dms: await fetchChannels({
+    dms,
-      channel_type: "DirectMessage",
+    memberships,
-      recipients: userId,
-    }),
-    memberships: await fetchMembershipsByUser(userId),
   };
 
   await writeFile(
@@ -281,12 +509,14 @@ export async function wipeUser(userId: string, flags = 4) {
     .filter((attachment) => attachment)
     .map((attachment) => attachment!._id);
 
-  if (backup.user?.avatar) {
+  if (!onlyMessages) {
-    attachmentIds.push(backup.user.avatar._id);
+    if (backup.user?.avatar) {
-  }
+      attachmentIds.push(backup.user.avatar._id);
+    }
 
-  if (backup.user?.profile?.background) {
+    if (backup.user?.profile?.background) {
-    attachmentIds.push(backup.user.profile.background._id);
+      attachmentIds.push(backup.user.profile.background._id);
+    }
   }
 
   if (attachmentIds.length) {
@@ -309,44 +539,46 @@ export async function wipeUser(userId: string, flags = 4) {
     author: userId,
   });
 
-  // delete server memberships
+  if (!onlyMessages) {
-  await mongo().db("revolt").collection<Member>("server_members").deleteMany({
+    // delete server memberships
-    "_id.user": userId,
+    await mongo().db("revolt").collection<Member>("server_members").deleteMany({
-  });
+      "_id.user": userId,
-
-  // disable account
-  await disableAccount(userId);
-
-  // clear user profile
-  await mongo()
-    .db("revolt")
-    .collection<User>("users")
-    .updateOne(
-      {
-        _id: userId,
-      },
-      {
-        $set: {
-          flags,
-        },
-        $unset: {
-          avatar: 1,
-          profile: 1,
-          status: 1,
-        },
-      }
-    );
-
-  // broadcast wipe event
-  for (const topic of [
-    ...backup.dms.map((x) => x._id),
-    ...backup.memberships.map((x) => x._id.server),
-  ]) {
-    await publishMessage(topic, {
-      type: "UserPlatformWipe",
-      user_id: userId,
-      flags,
     });
+
+    // disable account
+    await disableAccount(userId);
+
+    // clear user profile
+    await mongo()
+      .db("revolt")
+      .collection<User>("users")
+      .updateOne(
+        {
+          _id: userId,
+        },
+        {
+          $set: {
+            flags,
+          },
+          $unset: {
+            avatar: 1,
+            profile: 1,
+            status: 1,
+          },
+        }
+      );
+
+    // broadcast wipe event
+    for (const topic of [
+      ...backup.dms!.map((x) => x._id),
+      ...backup.memberships!.map((x) => x._id.server),
+    ]) {
+      await publishMessage(topic, {
+        type: "UserPlatformWipe",
+        user_id: userId,
+        flags,
+      });
+    }
   }
 }
 
@@ -376,6 +608,37 @@ export async function unsuspendUser(userId: string) {
     );
 }
 
+export async function wipeUserProfile(
+  userId: string,
+  fields: {
+    banner: boolean;
+    avatar: boolean;
+    bio: boolean;
+    displayName: boolean;
+    status: boolean;
+  }
+) {
+  await checkPermission("users/action/wipe-profile", userId);
+
+  await mongo()
+    .db("revolt")
+    .collection<User>("users")
+    .updateOne(
+      {
+        _id: userId,
+      },
+      {
+        $unset: {
+          ...(fields.banner ? { "profile.background": 1 } : {}),
+          ...(fields.bio ? { "profile.content": 1 } : {}),
+          ...(fields.status ? { "status.text": 1 } : {}),
+          ...(fields.avatar ? { avatar: 1 } : {}),
+          ...(fields.displayName ? { display_name: 1 } : {}),
+        },
+      }
+    );
+}
+
 export async function updateServerFlags(serverId: string, flags: number) {
   await checkPermission("servers/update/flags", serverId, { flags });
   await mongo().db("revolt").collection<Server>("servers").updateOne(
@@ -420,6 +683,222 @@ export async function updateServerDiscoverability(
     );
 }
 
+export async function updateServerOwner(serverId: string, userId: string) {
+  await checkPermission("servers/update/owner", { serverId, userId });
+
+  await mongo()
+    .db("revolt")
+    .collection<Server>("servers")
+    .updateOne({ _id: serverId }, { $set: { owner: userId } });
+
+  await publishMessage(serverId, {
+    type: "ServerUpdate",
+    id: serverId,
+    data: {
+      owner: userId,
+    },
+    clear: [],
+  });
+}
+
+export async function addServerMember(
+  serverId: string,
+  userId: string,
+  withEvent: boolean
+) {
+  await checkPermission("servers/update/add-member", {
+    serverId,
+    userId,
+    withEvent,
+  });
+
+  const server = await mongo()
+    .db("revolt")
+    .collection<Server>("servers")
+    .findOne({ _id: serverId });
+
+  const channels = await mongo()
+    .db("revolt")
+    .collection<Channel>("channels")
+    .find({ server: serverId })
+    .toArray();
+
+  const member = await mongo()
+    .db("revolt")
+    .collection<Member>("server_members")
+    .findOne({ _id: { server: serverId, user: userId } });
+
+  if (!server) throw new Error("server doesn't exist");
+  if (member) throw new Error("already a member");
+
+  await mongo()
+    .db("revolt")
+    .collection<Member>("server_members")
+    .insertOne({
+      _id: { server: serverId, user: userId },
+      joined_at: Long.fromNumber(Date.now()) as unknown as string,
+    });
+
+  await publishMessage(userId + "!", {
+    type: "ServerCreate",
+    id: serverId,
+    channels: channels,
+    server: server,
+  });
+
+  if (withEvent) {
+    await publishMessage(serverId, {
+      type: "ServerMemberJoin",
+      id: serverId,
+      user: userId,
+    });
+  }
+}
+
+export async function quarantineServer(serverId: string, message: string) {
+  await checkPermission("servers/update/quarantine", { serverId, message });
+
+  const server = await mongo()
+    .db("revolt")
+    .collection<Server>("servers")
+    .findOne({ _id: serverId });
+
+  const members = await mongo()
+    .db("revolt")
+    .collection<Member>("server_members")
+    .find({ "_id.server": serverId })
+    .toArray();
+
+  const invites = await mongo()
+    .db("revolt")
+    .collection<Invite>("channel_invites")
+    .find({ type: "Server", server: serverId })
+    .toArray();
+
+  if (!server) throw new Error("server doesn't exist");
+
+  const backup = {
+    _event: "quarantine",
+    server,
+    members,
+    invites,
+  };
+
+  await writeFile(
+    `./exports/${new Date().toISOString()} - ${serverId}.json`,
+    JSON.stringify(backup)
+  );
+
+  await mongo()
+    .db("revolt")
+    .collection<Server>("servers")
+    .updateOne(
+      { _id: serverId },
+      {
+        $set: {
+          owner: "0".repeat(26),
+          analytics: false,
+          discoverable: false,
+        },
+      }
+    );
+
+  await mongo()
+    .db("revolt")
+    .collection<Member>("server_members")
+    .deleteMany({ "_id.server": serverId });
+
+  await mongo()
+    .db("revolt")
+    .collection<Invite>("channel_invites")
+    .deleteMany({ type: "Server", server: serverId });
+
+  await publishMessage(serverId, {
+    type: "ServerDelete",
+    id: serverId,
+  });
+
+  while (members.length) {
+    const m = members.splice(0, 50);
+
+    await Promise.allSettled(
+      m.map(async (member) => {
+        const messageId = ulid();
+
+        let dm = await findDM(PLATFORM_MOD_ID, member._id.user);
+        if (!dm)
+          dm = await createDM(PLATFORM_MOD_ID, member._id.user, messageId);
+
+        await sendChatMessage({
+          _id: messageId,
+          author: PLATFORM_MOD_ID,
+          channel: dm._id,
+          content: message,
+        });
+      })
+    );
+  }
+}
+
+export async function deleteInvite(invite: string) {
+  await checkPermission("channels/update/invites", invite);
+
+  if (!invite) throw new Error("invite is empty");
+
+  await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .deleteOne({ _id: invite });
+}
+
+export async function editInvite(invite: string, newInvite: string) {
+  await checkPermission("channels/update/invites", { invite, newInvite });
+
+  if (!invite) throw new Error("invite is empty");
+  if (!newInvite) throw new Error("new invite is empty");
+
+  const { value } = await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .findOneAndDelete({ _id: invite });
+
+  if (!value) throw new Error("invite doesn't exist");
+
+  await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .insertOne({ ...value, _id: newInvite });
+}
+
+export async function editInviteChannel(invite: string, newChannel: string) {
+  await checkPermission("channels/update/invites", { invite, newChannel });
+
+  if (!invite) throw new Error("invite is empty");
+
+  await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .updateOne({ _id: invite }, { $set: { channel: newChannel } });
+}
+
+export async function createInvite(invite: ChannelInvite) {
+  await checkPermission("channels/update/invites", invite);
+
+  await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .insertOne(invite);
+}
+
+export async function bulkDeleteInvites(invites: string[]) {
+  await checkPermission("channels/update/invites", invites);
+
+  await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .deleteMany({ _id: { $in: invites } });
+}
+
 export async function updateBotDiscoverability(botId: string, state: boolean) {
   await checkPermission("bots/update/discoverability", botId, { state });
   await mongo()
@@ -438,6 +917,83 @@ export async function updateBotDiscoverability(botId: string, state: boolean) {
     );
 }
 
+export async function resetBotToken(botId: string) {
+  await checkPermission("bots/update/reset-token", { botId });
+
+  // Should generate tokens the exact same as the backend generates them:
+  // https://github.com/revoltchat/backend/blob/41f20c2239ed6307ad821b321d13240dc6ff3327/crates/core/database/src/models/bots/model.rs#L106
+
+  await mongo()
+    .db("revolt")
+    .collection<Bot>("bots")
+    .updateOne(
+      {
+        _id: botId,
+      },
+      {
+        $set: {
+          token: nanoid(64),
+        },
+      }
+    );
+}
+
+export async function transferBot(
+  botId: string,
+  ownerId: string,
+  resetToken: boolean
+) {
+  await checkPermission("bots/update/owner", { botId, ownerId, resetToken });
+
+  if (resetToken) {
+    await checkPermission("bots/update/reset-token", { botId });
+  }
+
+  await mongo()
+    .db("revolt")
+    .collection<Bot>("bots")
+    .updateOne(
+      {
+        _id: botId,
+      },
+      {
+        $set: {
+          owner: ownerId,
+          ...(resetToken
+            ? {
+                token: nanoid(64),
+              }
+            : {}),
+        },
+      }
+    );
+
+  await mongo()
+    .db("revolt")
+    .collection<User>("users")
+    .updateOne(
+      {
+        _id: botId,
+      },
+      {
+        $set: {
+          "bot.owner": ownerId,
+        },
+      }
+    );
+
+  // This doesn't appear to work, maybe Revite can't handle it. I'll leave it in regardless.
+  await publishMessage(botId, {
+    type: "UserUpdate",
+    id: botId,
+    data: {
+      bot: {
+        owner: ownerId,
+      },
+    },
+  });
+}
+
 export async function restoreAccount(accountId: string) {
   if (RESTRICT_ACCESS_LIST.includes(accountId)) throw "restricted access";
   await checkPermission("accounts/restore", accountId);
@@ -500,3 +1056,107 @@ export async function cancelAccountDeletion(accountId: string) {
       }
     );
 }
+
+export async function fetchBackups() {
+  await checkPermission("backup/fetch", null);
+
+  return await Promise.all(
+    (
+      await readdir("./exports", { withFileTypes: true })
+    )
+      .filter((file) => file.isFile() && file.name.endsWith(".json"))
+      .map(async (file) => {
+        let type: string | null = null;
+        try {
+          type = JSON.parse(
+            (await readFile(`./exports/${file.name}`)).toString("utf-8")
+          )._event;
+        } catch (e) {}
+
+        return { name: file.name, type: type };
+      })
+  );
+}
+
+export async function fetchBackup(name: string) {
+  await checkPermission("backup/fetch/by-name", null);
+
+  return JSON.parse((await readFile(`./exports/${name}`)).toString("utf-8"));
+}
+
+export async function fetchEmailClassifications(): Promise<
+  EmailClassification[]
+> {
+  await checkPermission("authifier/classification/fetch", null);
+
+  return await mongo()
+    .db("authifier")
+    .collection<EmailClassification>("email_classification")
+    .find({})
+    .toArray();
+}
+
+export async function createEmailClassification(
+  domain: string,
+  classification: string
+) {
+  await checkPermission("authifier/classification/create", {
+    domain,
+    classification,
+  });
+
+  await mongo()
+    .db("authifier")
+    .collection<EmailClassification>("email_classification")
+    .insertOne({ _id: domain, classification });
+}
+
+export async function updateEmailClassification(
+  domain: string,
+  classification: string
+) {
+  await checkPermission("authifier/classification/update", {
+    domain,
+    classification,
+  });
+
+  await mongo()
+    .db("authifier")
+    .collection<EmailClassification>("email_classification")
+    .updateOne({ _id: domain }, { $set: { classification } });
+}
+
+export async function deleteEmailClassification(domain: string) {
+  await checkPermission("authifier/classification/delete", domain);
+
+  await mongo()
+    .db("authifier")
+    .collection<EmailClassification>("email_classification")
+    .deleteOne({ _id: domain });
+}
+
+export async function searchUserByTag(
+  username: string,
+  discriminator: string
+): Promise<string | false> {
+  await checkPermission("users/fetch/by-tag", { username, discriminator });
+
+  const result = await mongo().db("revolt").collection<User>("users").findOne({
+    username,
+    discriminator,
+  });
+
+  return result?._id || false;
+}
+
+export async function fetchUsersByUsername(username: string) {
+  await checkPermission("users/fetch/bulk-by-username", { username });
+
+  return await mongo()
+    .db("revolt")
+    .collection<User>("users")
+    .find({
+      username,
+    })
+    .toArray();
+}

lib/auth.ts

@@ -11,6 +11,9 @@ export const authOptions: AuthOptions = {
         "https://sso.revolt.chat/application/o/admin-panel",
     }),
   ],
+  jwt: {
+    maxAge: 2 * 60 * 60, // 2 hours
+  },
   pages: {
     signIn: "/",
   },

lib/constants.ts

@@ -1,3 +1,5 @@
+import { Server } from "revolt-api";
+
 export const PLATFORM_MOD_ID =
   process.env.PLATFORM_MOD_ID || "01FC17E1WTM2BGE4F3ARN3FDAF";
 export const AUTUMN_URL =
@@ -12,6 +14,7 @@ export const RESTRICT_ACCESS_LIST = [
   "01FD58YK5W7QRV5H3D64KTQYX3", //- zoma
   "01F1WKM5TK2V6KCZWR6DGBJDTZ", //- infi
   "01EXAHMSGNDCAZTJXDJZ0BK8N3", //- wait what
-  "01GRGF2J5BRW9MVN6RS4V3X2DR", //- temp
   "01FEEFJCKY5C4DMMJYZ20ACWWC", //- rexo
 ];
+
+export const SEVRER_REMOVAL_MESSAGE = (server: Server) => `A server you were in ("${server.name}") has been removed from Revolt for the following reason:\n- CHANGEME`;

lib/db.ts

@@ -1,10 +1,11 @@
 "use server";
 
-import { Filter, MongoClient } from "mongodb";
+import { Filter, MongoClient, WithId } from "mongodb";
 import type {
   AccountStrike,
   Bot,
   Channel,
+  Invite,
   Message,
   Report,
   Server,
@@ -20,6 +21,19 @@ import { getServerSession } from "next-auth";
 
 let client: MongoClient;
 
+export type CaseDocument = {
+  _id: string;
+  title: string;
+  notes?: string;
+  author: string;
+  status: "Open" | "Closed";
+  closed_at?: string;
+};
+
+export type ReportDocument = Report & {
+  case_id?: string;
+};
+
 function mongo() {
   if (!client) {
     client = new MongoClient(process.env.MONGODB!);
@@ -54,6 +68,8 @@ export async function insertAuditLog(
       context,
       args,
     });
+
+  return session!.user!.email!;
 }
 
 export async function fetchBotById(id: string) {
@@ -104,23 +120,44 @@ export type Account = {
     attempts: number;
     expiry: string;
   };
+  mfa?: {
+    totp_token?: {
+      status: "Pending" | "Enabled";
+    };
+    recovery_codes?: number;
+  };
 };
 
 export async function fetchAccountById(id: string) {
   await checkPermission("accounts/fetch/by-id", id);
 
-  return await mongo()
+  return (await mongo()
     .db("revolt")
     .collection<Account>("accounts")
-    .findOne(
+    .aggregate([
-      { _id: id },
       {
-        projection: {
+        $match: { _id: id },
+      },
+      {
+        $project: {
           password: 0,
-          mfa: 0,
+          "mfa.totp_token.secret": 0,
         },
-      }
+      },
-    );
+      {
+        $set: {
+          // Replace recovery code array with amount of codes
+          "mfa.recovery_codes": {
+            $cond: {
+              if: { $isArray: "$mfa.recovery_codes" },
+              then: { $size: "$mfa.recovery_codes" },
+              else: undefined,
+            },
+          },
+        },
+      },
+    ])
+    .next()) as WithId<Account>;
 }
 
 export async function fetchSessionsByAccount(accountId: string) {
@@ -264,6 +301,33 @@ export async function fetchServers(query: Filter<Server>) {
     .toArray();
 }
 
+// `vanity` should eventually be added to the backend as well
+export type ChannelInvite = Invite & { vanity?: boolean };
+
+export async function fetchInvites(query: Filter<ChannelInvite>) {
+  await checkPermission("channels/fetch/invites", query);
+
+  const invites = await mongo()
+    .db("revolt")
+    .collection<ChannelInvite>("channel_invites")
+    .find(query)
+    .toArray();
+
+  const channels = await mongo()
+    .db("revolt")
+    .collection<Channel>("channels")
+    .find({ _id: { $in: invites.map((invite) => invite.channel) } })
+    .toArray();
+
+  const users = await mongo()
+    .db("revolt")
+    .collection<User>("users")
+    .find({ _id: { $in: invites.map((invite) => invite.creator) } })
+    .toArray();
+
+  return { invites, channels, users };
+}
+
 export async function fetchMessageById(id: string) {
   await checkPermission("messages/fetch/by-id", id);
 
@@ -308,7 +372,7 @@ export async function fetchOpenReports() {
 
   return await mongo()
     .db("revolt")
-    .collection<Report>("safety_reports")
+    .collection<ReportDocument>("safety_reports")
     .find(
       { status: "Created" },
       {
@@ -320,6 +384,23 @@ export async function fetchOpenReports() {
     .toArray();
 }
 
+export async function fetchOpenCases() {
+  await checkPermission("cases/fetch/open", "all");
+
+  return await mongo()
+    .db("revolt")
+    .collection<CaseDocument>("safety_cases")
+    .find(
+      { status: "Open" },
+      {
+        sort: {
+          _id: -1,
+        },
+      }
+    )
+    .toArray();
+}
+
 export async function fetchRelatedReportsByContent(contentId: string) {
   await checkPermission("reports/fetch/related/by-content", contentId);
 
@@ -344,7 +425,24 @@ export async function fetchReportsByUser(userId: string) {
     .db("revolt")
     .collection<Report>("safety_reports")
     .find(
-      { status: "Created", authorId: userId },
+      { author_id: userId },
+      {
+        sort: {
+          _id: -1,
+        },
+      }
+    )
+    .toArray();
+}
+
+export async function fetchReportsByCase(caseId: string) {
+  await checkPermission("reports/fetch/related/by-case", caseId);
+
+  return await mongo()
+    .db("revolt")
+    .collection<ReportDocument>("safety_reports")
+    .find(
+      { case_id: caseId },
       {
         sort: {
           _id: -1,
@@ -413,6 +511,27 @@ export async function fetchReportById(id: string) {
     .findOne({ _id: id });
 }
 
+export async function createCase(title: string) {
+  const id = ulid();
+  const author = await checkPermission("cases/create", { title });
+
+  await mongo()
+    .db("revolt")
+    .collection<CaseDocument>("safety_cases")
+    .insertOne({ _id: id, author, status: "Open", title });
+
+  return id;
+}
+
+export async function fetchCaseById(id: string) {
+  await checkPermission("cases/fetch/by-id", id);
+
+  return await mongo()
+    .db("revolt")
+    .collection<CaseDocument>("safety_cases")
+    .findOne({ _id: id });
+}
+
 export async function fetchMembershipsByUser(userId: string) {
   await checkPermission("users/fetch/memberships", userId);
 
@@ -510,3 +629,50 @@ export async function fetchAuthifierEmailClassification(provider: string) {
     .collection<EmailClassification>("email_classification")
     .findOne({ _id: provider });
 }
+
+export type SafetyNotes = {
+  _id: {
+    id: string;
+    type: "message" | "channel" | "server" | "user" | "account" | "global";
+  };
+  text: string;
+  edited_by: string;
+  edited_at: Date;
+};
+
+export async function fetchSafetyNote(
+  objectId: string,
+  type: SafetyNotes["_id"]["type"]
+) {
+  await checkPermission(`safety_notes/fetch/${type}`, objectId);
+
+  return mongo()
+    .db("revolt")
+    .collection<SafetyNotes>("safety_notes")
+    .findOne({ _id: { id: objectId, type: type } });
+}
+
+export async function updateSafetyNote(
+  objectId: string,
+  type: SafetyNotes["_id"]["type"],
+  note: string
+) {
+  await checkPermission(`safety_notes/update/${type}`, objectId);
+
+  const session = await getServerSession();
+
+  return mongo()
+    .db("revolt")
+    .collection<SafetyNotes>("safety_notes")
+    .updateOne(
+      { _id: { id: objectId, type: type } },
+      {
+        $set: {
+          text: note,
+          edited_at: new Date(Date.now()),
+          edited_by: session?.user?.email ?? "",
+        },
+      },
+      { upsert: true }
+    );
+}

notifications.mjs

@@ -0,0 +1,56 @@
+import { createClient } from 'redis';
+import { NtfyClient, MessagePriority } from 'ntfy';
+
+/**
+ * NTFY_SERVER
+ * NTFY_TOPIC
+ * NTFY_USERNAME
+ * NTFY_PASSWORD
+ */
+
+if (!process.env.NTFY_TOPIC) {
+    console.log('$NTFY_TOPIC not set');
+} else {
+    console.log('Listening for new reports');
+
+    const ntfy = new NtfyClient(process.env.NTFY_SERVER);
+    const redis = createClient({
+        url: process.env.REDIS,
+    });
+
+    redis.SUBSCRIBE('global', async (message) => {
+        try {
+            const event = JSON.parse(message);
+            if (event.type != "ReportCreate") return;
+            console.log('New report:', event.content);
+
+            await ntfy.publish({
+                title: `Report created (${event.content.type}, ${event.content.report_reason})`,
+                message: event.additional_context || "No reason provided",
+                iconURL: 'https://admin.revolt.chat/attention.png',
+                actions: [
+                    {
+                        label: 'View report',
+                        type: 'view',
+                        url: `https://admin.revolt.chat/panel/reports/${event._id}`,
+                        clear: true,
+                    }
+                ],
+                priority: event.content.report_reason.includes('Illegal')
+                    ? MessagePriority.HIGH
+                    : MessagePriority.DEFAULT,
+                topic: process.env.NTFY_TOPIC,
+                authorization: process.env.NTFY_USERNAME && process.env.NTFY_PASSWORD
+                  ? {
+                    username: process.env.NTFY_USERNAME,
+                    password: process.env.NTFY_PASSWORD,
+                  }
+                  : undefined,
+            });
+        } catch(e) {
+            console.log(e);
+        }
+    });
+
+    redis.connect();
+}

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.0.4",
     "@radix-ui/react-avatar": "^1.0.3",
+    "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-label": "^2.0.2",
@@ -18,6 +19,7 @@
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.4",
+    "@types/gravatar": "^1.8.3",
     "@types/node": "20.4.4",
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
@@ -28,15 +30,20 @@
     "dayjs": "^1.11.9",
     "eslint": "8.45.0",
     "eslint-config-next": "13.4.12",
+    "gravatar": "^1.8.2",
     "lodash.debounce": "^4.0.8",
     "lucide-react": "^0.263.0",
     "mongodb": "^5.7.0",
+    "nanoid": "^5.0.1",
     "next": "13.4.12",
     "next-auth": "^4.22.3",
+    "ntfy": "^1.3.1",
     "postcss": "8.4.27",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-markdown": "^8.0.7",
     "redis": "^4.6.7",
+    "remark-gfm": "^3.0.1",
     "revolt-api": "^0.6.5",
     "sass": "^1.64.1",
     "tailwind-merge": "^1.14.0",
@@ -46,6 +53,7 @@
     "ulid": "^2.3.0"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.9",
     "@types/lodash.debounce": "^4.0.7",
     "revolt.js": "7.0.0-beta.9"
   }

server.js

@@ -38,3 +38,5 @@ app.prepare().then(() => {
       console.log(`> Ready on http://${hostname}:${port}`);
     });
 });
+
+import('./notifications.mjs');

tailwind.config.js

@@ -72,5 +72,5 @@ module.exports = {
       },
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
 }