diff --git a/src/app/api/admin/regenerate-metadata-images/route.ts b/src/app/api/admin/regenerate-metadata-images/route.ts
new file mode 100644
index 0000000..86209f0
--- /dev/null
+++ b/src/app/api/admin/regenerate-metadata-images/route.ts
@@ -0,0 +1,41 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { generateMetadataImage } from "@/lib/images";
+
+export async function PATCH() {
+ const session = await auth();
+ if (!session) return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+
+ if (Number(session.user.id) !== Number(process.env.NEXT_PUBLIC_ADMIN_USER_ID)) return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+
+ // Start processing in background
+ regenerateImages().catch(console.error);
+
+ return NextResponse.json({ success: true });
+}
+
+async function regenerateImages() {
+ // Get miis in batches to reduce memory usage
+ const BATCH_SIZE = 10;
+ const totalMiis = await prisma.mii.count();
+ let processed = 0;
+
+ for (let skip = 0; skip < totalMiis; skip += BATCH_SIZE) {
+ const miis = await prisma.mii.findMany({
+ skip,
+ take: BATCH_SIZE,
+ include: { user: { select: { name: true } } },
+ });
+
+ // Process each batch sequentially to avoid overwhelming the server
+ for (const mii of miis) {
+ try {
+ await generateMetadataImage(mii, mii.user.name);
+ processed++;
+ } catch (error) {
+ console.error(`Failed to generate image for mii ${mii.id}:`, error);
+ }
+ }
+ }
+}
diff --git a/src/components/admin/regenerate-images.tsx b/src/components/admin/regenerate-images.tsx
new file mode 100644
index 0000000..2d9f1f4
--- /dev/null
+++ b/src/components/admin/regenerate-images.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+
+import { Icon } from "@iconify/react";
+import SubmitButton from "../submit-button";
+
+export default function RegenerateImagesButton() {
+ const [isOpen, setIsOpen] = useState(false);
+ const [isVisible, setIsVisible] = useState(false);
+
+ const [error, setError] = useState
(undefined);
+
+ const handleSubmit = async () => {
+ const response = await fetch("/api/admin/regenerate-metadata-images", { method: "PATCH" });
+
+ if (!response.ok) {
+ const data = await response.json();
+ setError(data.error);
+
+ return;
+ }
+
+ close();
+ };
+
+ const close = () => {
+ setIsVisible(false);
+ setTimeout(() => {
+ setIsOpen(false);
+ }, 300);
+ };
+
+ useEffect(() => {
+ if (isOpen) {
+ // slight delay to trigger animation
+ setTimeout(() => setIsVisible(true), 10);
+ }
+ }, [isOpen]);
+
+ return (
+ <>
+
+
+ {isOpen &&
+ createPortal(
+
+
+
+
+
+
Regenerate Images
+
+
+
+
Are you sure? This will delete and regenerate every metadata image.
+
+ {error &&
Error: {error}}
+
+
+
+
+
+
+