"use client";

import { useVirtualizer } from "@tanstack/react-virtual";
import {
	AlertTriangle,
	CheckCircle2,
	Download,
	FileX2,
	Loader2,
	ScanSearch,
	ScrollText,
	Sparkles,
	Trash2,
	Wrench,
	X,
} from "lucide-react";
import { useCallback, useRef, useState } from "react";
import { toast } from "sonner";
import { useConfirmDialog } from "@/components/admin/confirm-dialog";
import { Button } from "@/components/ui/button";
import { Checkbox } from "@/components/ui/checkbox";
import { Input } from "@/components/ui/input";
import { adminFetch } from "@/lib/admin-fetch";
import { formatBytes } from "@/lib/services/disk-usage";
import { readSseStream } from "@/lib/sse-client";

interface AssetEntry {
	fileName: string;
	base: string;
	size: number;
	dirs: string[];
	lastModified: number;
	error?: string;
}

interface NitroCleanupScan {
	fake: AssetEntry[];
	broken: AssetEntry[];
	orphanedSwf: AssetEntry[];
	orphanedIcon: AssetEntry[];
	total: number;
	cached?: boolean;
}

interface DeleteResponse {
	deleted: number;
	copiesRemoved: number;
	errors?: string[];
}

interface RepairResponse {
	repaired: number;
	failed: number;
	errors?: string[];
}

interface AutoCleanResponse {
	deleted: number;
	copiesRemoved: number;
	skippedRecent: number;
	skippedBroken: number;
	errors?: string[];
}

type GroupTone = "error" | "warning" | "neutral";
type AssetKind = "nitro" | "swf" | "icon";

const DAY_MS = 24 * 60 * 60 * 1000;
const SCAN_IDLE_TIMEOUT_MS = 120_000;

function ageLabel(lastModified: number): string {
	if (!lastModified) return "age unknown";
	const days = Math.floor((Date.now() - lastModified) / DAY_MS);
	if (days < 1) return "< 1d";
	if (days < 30) return `${days}d`;
	if (days < 365) return `${Math.floor(days / 30)}mo`;
	return `${Math.floor(days / 365)}y`;
}

function downloadJson(filename: string, data: unknown): void {
	const blob = new Blob([JSON.stringify(data, null, 2)], {
		type: "application/json",
	});
	const url = URL.createObjectURL(blob);
	const anchor = document.createElement("a");
	anchor.href = url;
	anchor.download = filename;
	anchor.click();
	URL.revokeObjectURL(url);
}

/**
 * Virtualized list for one cleanup group. Directories can hold tens of
 * thousands of leftover files; only the visible rows are mounted as DOM nodes,
 * so the tab never freezes no matter how long the list is.
 */
function VirtualAssetList({
	entries,
	selected,
	disabled = false,
	onToggle,
}: {
	entries: AssetEntry[];
	selected: Set<string>;
	disabled?: boolean;
	onToggle: (fileName: string) => void;
}) {
	const parentRef = useRef<HTMLDivElement>(null);
	const virtualizer = useVirtualizer({
		count: entries.length,
		getScrollElement: () => parentRef.current,
		estimateSize: () => 30,
		overscan: 10,
	});

	return (
		<div
			ref={parentRef}
			className="max-h-80 overflow-auto rounded-lg border border-[var(--admin-border)] bg-[var(--admin-surface)] p-2"
		>
			<div style={{ height: virtualizer.getTotalSize(), position: "relative" }}>
				{virtualizer.getVirtualItems().map((virtualItem) => {
					const entry = entries[virtualItem.index];
					return (
						<div
							key={entry.fileName}
							data-index={virtualItem.index}
							ref={virtualizer.measureElement}
							className="absolute left-0 top-0 flex w-full items-center gap-2 rounded-md px-2 text-sm hover:bg-[var(--admin-accent)]/5"
							style={{
								height: virtualItem.size,
								transform: `translateY(${virtualItem.start}px)`,
							}}
						>
							<Checkbox
								style={{ display: "inline-flex", width: 16, height: 16 }}
								className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
								checked={selected.has(entry.fileName)}
								disabled={disabled}
								onCheckedChange={() => onToggle(entry.fileName)}
								aria-label={`Select ${entry.fileName}`}
							/>
							<code className="min-w-0 flex-1 truncate font-mono text-xs">
								{entry.fileName}
							</code>
							<span className="shrink-0 text-xs text-[var(--admin-text-muted)]">
								{formatBytes(entry.size)}
							</span>
							<span className="shrink-0 text-xs text-[var(--admin-text-muted)]">
								{ageLabel(entry.lastModified)}
							</span>
							{entry.error && (
								<span
									title={entry.error}
									className="hidden max-w-[320px] truncate text-xs text-[var(--admin-error)] lg:block"
								>
									{entry.error}
								</span>
							)}
							{entry.dirs.length > 1 && (
								<span className="shrink-0 rounded bg-[var(--admin-accent)]/10 px-1.5 py-0.5 text-[10px] font-medium text-[var(--admin-text-muted)]">
									{entry.dirs.length} copies
								</span>
							)}
						</div>
					);
				})}
			</div>
		</div>
	);
}

function CleanupGroup({
	label,
	description,
	tone,
	entries,
	selected,
	disabled = false,
	onToggle,
	onToggleAll,
}: {
	label: string;
	description: string;
	tone: GroupTone;
	entries: AssetEntry[];
	selected: Set<string>;
	disabled?: boolean;
	onToggle: (fileName: string) => void;
	onToggleAll: (names: string[]) => void;
}) {
	const checked = entries.filter((e) => selected.has(e.fileName));
	const allChecked = entries.length > 0 && checked.length === entries.length;
	const toneClass =
		tone === "error"
			? "border-[var(--admin-error-border)] bg-[var(--admin-error-subtle)]"
			: tone === "warning"
				? "border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]"
				: "border-[var(--admin-border)] bg-[var(--admin-surface)]";

	return (
		<section className="space-y-2">
			<div
				className={`flex flex-wrap items-center gap-2 rounded-lg border p-3 ${entries.length > 0 ? toneClass : "border-[var(--admin-border)] bg-[var(--admin-surface)]"}`}
			>
				<Checkbox
					style={{ display: "inline-flex", width: 18, height: 18 }}
					className="border-[var(--admin-border)] bg-[var(--admin-surface)] data-checked:border-[var(--admin-accent)] data-checked:bg-[var(--admin-accent)] data-checked:text-[var(--admin-accent-foreground)]"
					checked={allChecked}
					disabled={disabled || entries.length === 0}
					onCheckedChange={() => onToggleAll(entries.map((e) => e.fileName))}
					aria-label={`Select all ${label}`}
				/>
				<div className="min-w-0 flex-1">
					<h3
						className={`text-sm font-medium ${entries.length > 0 ? "text-[var(--admin-text)]" : "text-[var(--admin-text-muted)]"}`}
					>
						{label} ({entries.length})
					</h3>
					<p className="text-xs text-[var(--admin-text-muted)]">
						{description}
					</p>
				</div>
				{checked.length > 0 && (
					<span className="text-xs font-medium text-[var(--admin-accent)]">
						{checked.length} selected
					</span>
				)}
			</div>

			{entries.length === 0 ? (
				<p className="flex items-center gap-1.5 px-2 text-xs text-[var(--admin-success)]">
					<CheckCircle2 size={13} />
					No {label.toLowerCase()} found
				</p>
			) : (
				<VirtualAssetList
					entries={entries}
					selected={selected}
					disabled={disabled}
					onToggle={onToggle}
				/>
			)}
		</section>
	);
}

export function NitroCleanupPanel() {
	const [scanning, setScanning] = useState(false);
	const [deleting, setDeleting] = useState(false);
	const [repairing, setRepairing] = useState(false);
	const [autoCleaning, setAutoCleaning] = useState(false);
	const [exporting, setExporting] = useState(false);
	const [autoAge, setAutoAge] = useState(30);
	const [minAgeDays, setMinAgeDays] = useState(0);
	const [onlyOld, setOnlyOld] = useState(false);
	const [progress, setProgress] = useState<{
		phase: string;
		scanned: number;
	} | null>(null);
	const [scan, setScan] = useState<NitroCleanupScan | null>(null);
	const [selected, setSelected] = useState<Set<string>>(new Set());
	const [selectedSwf, setSelectedSwf] = useState<Set<string>>(new Set());
	const [selectedIcon, setSelectedIcon] = useState<Set<string>>(new Set());
	const abortRef = useRef<AbortController | null>(null);
	const { confirm, dialog } = useConfirmDialog();

	const scanNow = useCallback(
		async (opts: { force?: boolean; minAgeDays?: number } = {}) => {
			const force = opts.force ?? true;
			const ageFilter = opts.minAgeDays ?? (onlyOld ? minAgeDays : 0);
			abortRef.current?.abort();
			setScanning(true);
			setProgress(null);
			setSelected(new Set());
			setSelectedSwf(new Set());
			setSelectedIcon(new Set());

			const abort = new AbortController();
			abortRef.current = abort;
			const params = new URLSearchParams();
			if (force) params.set("force", "1");
			if (ageFilter > 0) params.set("minAgeDays", String(ageFilter));

			const holder: { result: NitroCleanupScan | null } = { result: null };
			let lastError: string | null = null;
			try {
				const res = await adminFetch(
					`/api/admin/studio/nitro-cleanup${
						params.size > 0 ? `?${params.toString()}` : ""
					}`,
					{ headers: { Accept: "text/event-stream" }, signal: abort.signal },
				);
				if (!res.ok) {
					const data = (await res.json().catch(() => null)) as {
						error?: string;
					} | null;
					throw new Error(
						typeof data?.error === "string"
							? data.error
							: `Scan failed (HTTP ${res.status})`,
					);
				}
				if (!res.body) throw new Error("Scan returned no response body");

				await readSseStream(
					res.body,
					(evt) => {
						if (evt.type === "progress") {
							setProgress({
								phase: String(evt.phase ?? ""),
								scanned: Number(evt.scanned ?? 0),
							});
						} else if (evt.type === "result") {
							holder.result = {
								fake: (evt.fake as AssetEntry[]) ?? [],
								broken: (evt.broken as AssetEntry[]) ?? [],
								orphanedSwf: (evt.orphanedSwf as AssetEntry[]) ?? [],
								orphanedIcon: (evt.orphanedIcon as AssetEntry[]) ?? [],
								total: Number(evt.total ?? 0),
								cached: evt.cached === true,
							};
							setScan(holder.result);
						} else if (evt.type === "error") {
							lastError = String(evt.message ?? "Scan failed");
						}
					},
					abort.signal,
					SCAN_IDLE_TIMEOUT_MS,
				);

				if (lastError) throw new Error(lastError);
				const lastResult = holder.result;
				if (lastResult) {
					const found =
						lastResult.fake.length +
						lastResult.broken.length +
						lastResult.orphanedSwf.length +
						lastResult.orphanedIcon.length;
					if (found === 0) {
						toast.success("No orphaned or broken furniture assets found");
					} else {
						toast.info(`Found ${found} removable asset file(s)`);
					}
				}
			} catch (err) {
				if ((err as Error).name === "AbortError") {
					toast.info("Scan cancelled");
				} else {
					toast.error(err instanceof Error ? err.message : "Scan failed");
				}
			} finally {
				setScanning(false);
				setProgress(null);
				if (abortRef.current === abort) abortRef.current = null;
			}
		},
		[onlyOld, minAgeDays],
	);

	const toggle = (kind: AssetKind) => (fileName: string) => {
		const setter =
			kind === "swf"
				? setSelectedSwf
				: kind === "icon"
					? setSelectedIcon
					: setSelected;
		setter((prev) => {
			const next = new Set(prev);
			if (next.has(fileName)) next.delete(fileName);
			else next.add(fileName);
			return next;
		});
	};

	const toggleAll = (kind: AssetKind) => (names: string[]) => {
		const setter =
			kind === "swf"
				? setSelectedSwf
				: kind === "icon"
					? setSelectedIcon
					: setSelected;
		setter((prev) => {
			const next = new Set(prev);
			const allChecked = names.every((n) => next.has(n));
			for (const name of names) {
				if (allChecked) next.delete(name);
				else next.add(name);
			}
			return next;
		});
	};

	const totalSelected = selected.size + selectedSwf.size + selectedIcon.size;

	/** Drop deleted/attempted files from the loaded scan without re-scanning. */
	const dropFromScan = (kind: AssetKind, names: string[]) => {
		const remove = new Set(names);
		if (remove.size === 0) return;
		setScan((prev) => {
			if (!prev) return prev;
			const drop = <T extends { fileName: string }>(list: T[]): T[] =>
				list.filter((entry) => !remove.has(entry.fileName));
			return {
				...prev,
				fake: kind === "nitro" ? drop(prev.fake) : prev.fake,
				broken: kind === "nitro" ? drop(prev.broken) : prev.broken,
				orphanedSwf: kind === "swf" ? drop(prev.orphanedSwf) : prev.orphanedSwf,
				orphanedIcon:
					kind === "icon" ? drop(prev.orphanedIcon) : prev.orphanedIcon,
			};
		});
	};

	const removeSelected = async () => {
		const groups: Array<{ kind: AssetKind; names: string[] }> = [];
		for (const [kind, set] of [
			["nitro", selected],
			["swf", selectedSwf],
			["icon", selectedIcon],
		] as const) {
			const names = [...set];
			if (names.length > 0) groups.push({ kind, names });
		}
		if (groups.length === 0) return;
		const confirmed = await confirm({
			title: `Delete ${totalSelected} asset file(s)?`,
			description:
				"The files will be removed from every directory (public + mirrored gamedata). Database rows are never touched.",
			confirmLabel: "Delete",
			variant: "danger",
		});
		if (!confirmed) return;
		setDeleting(true);
		try {
			let copiesRemoved = 0;
			let deleted = 0;
			let hadErrors = false;
			for (const group of groups) {
				const res = await adminFetch("/api/admin/studio/nitro-cleanup", {
					method: "DELETE",
					headers: { "Content-Type": "application/json" },
					body: JSON.stringify({
						fileNames: group.names.sort(),
						kind: group.kind,
					}),
				});
				const data = (await res.json()) as DeleteResponse & {
					error?: string;
				};
				if (!res.ok) throw new Error(data.error || "Delete failed");
				deleted += data.deleted ?? 0;
				copiesRemoved += data.copiesRemoved ?? 0;
				if (data.errors?.length) hadErrors = true;
				dropFromScan(group.kind, group.names);
			}
			if (hadErrors) {
				toast.warning(
					`Deleted ${copiesRemoved} copy/copies, but some files could not be removed`,
				);
			} else {
				toast.success(
					`Deleted ${copiesRemoved} file copy/copies (${deleted} file(s))`,
				);
			}
			setSelected(new Set());
			setSelectedSwf(new Set());
			setSelectedIcon(new Set());
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Delete failed");
		} finally {
			setDeleting(false);
		}
	};

	const repairSelected = async () => {
		const fileNames = [...selected]
			.filter((name) => scan?.broken.some((e) => e.fileName === name))
			.sort();
		if (fileNames.length === 0) return;
		const confirmed = await confirm({
			title: `Re-download ${fileNames.length} broken .nitro bundle(s)?`,
			description:
				"The bundles will be fetched again from the configured nitro sources and written over every directory (public + mirrored gamedata).",
			confirmLabel: "Re-download",
			variant: "default",
		});
		if (!confirmed) return;
		setRepairing(true);
		try {
			const res = await adminFetch("/api/admin/studio/nitro-cleanup/rebuild", {
				method: "POST",
				headers: { "Content-Type": "application/json" },
				body: JSON.stringify({ fileNames }),
			});
			const data = (await res.json()) as RepairResponse & {
				error?: string;
			};
			if (!res.ok) throw new Error(data.error || "Repair failed");
			if (data.repaired > 0) {
				toast.success(`Repaired ${data.repaired} .nitro bundle(s)`);
			} else {
				toast.warning(`Could not re-obtain any bundle (${data.failed} failed)`);
			}
			// Only drop the attempted bundles when every one succeeded; partial
			// failures stay visible so they can be retried.
			if (data.repaired >= fileNames.length) {
				dropFromScan("nitro", fileNames);
			}
			setSelected(new Set());
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Repair failed");
		} finally {
			setRepairing(false);
		}
	};

	const autoClean = async () => {
		if (scan === null) return;
		const confirmed = await confirm({
			title: `Auto-clean fake nitros older than ${autoAge} day(s)?`,
			description:
				"Only fake .nitro files (no matching item) older than the threshold are removed. Broken bundles and recent files are never touched.",
			confirmLabel: "Auto-clean",
			variant: "danger",
		});
		if (!confirmed) return;
		setAutoCleaning(true);
		try {
			const res = await adminFetch(
				"/api/admin/studio/nitro-cleanup/auto-clean",
				{
					method: "POST",
					headers: { "Content-Type": "application/json" },
					body: JSON.stringify({ maxAgeDays: autoAge }),
				},
			);
			const data = (await res.json()) as AutoCleanResponse & {
				error?: string;
			};
			if (!res.ok) throw new Error(data.error || "Auto-clean failed");
			if (data.deleted > 0) {
				toast.success(
					`Auto-cleaned ${data.deleted} old fake .nitro file(s) (${data.copiesRemoved} copies). Skipped ${data.skippedRecent} recent + ${data.skippedBroken} broken.`,
				);
				const removable = (scan.fake ?? [])
					.filter(
						(entry) =>
							Math.floor((Date.now() - entry.lastModified) / DAY_MS) >= autoAge,
					)
					.map((entry) => entry.fileName);
				dropFromScan("nitro", removable);
			} else {
				toast.info(
					`Nothing old enough to remove (skipped ${data.skippedRecent} recent, ${data.skippedBroken} broken)`,
				);
			}
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Auto-clean failed");
		} finally {
			setAutoCleaning(false);
		}
	};

	const exportManifest = async () => {
		if (scan === null) return;
		setExporting(true);
		try {
			const res = await adminFetch("/api/admin/studio/nitro-cleanup?full=1", {
				headers: { Accept: "application/json" },
			});
			const data = (await res.json()) as NitroCleanupScan & {
				error?: string;
			};
			if (!res.ok || data.error) {
				throw new Error(data.error || `Export failed (HTTP ${res.status})`);
			}
			const entries = {
				scannedAt: new Date().toISOString(),
				total: data.total ?? 0,
				fake: data.fake ?? [],
				broken: data.broken ?? [],
				orphanedSwf: data.orphanedSwf ?? [],
				orphanedIcon: data.orphanedIcon ?? [],
				selected: {
					nitro: [...selected].sort(),
					swf: [...selectedSwf].sort(),
					icon: [...selectedIcon].sort(),
				},
			};
			downloadJson(`nitro-cleanup-scan-${Date.now()}.json`, entries);
			toast.success("Scan manifest downloaded");
		} catch (err) {
			toast.error(err instanceof Error ? err.message : "Export failed");
		} finally {
			setExporting(false);
		}
	};

	const toggleOnlyOld = (value: boolean) => {
		setOnlyOld(value);
		const threshold = value ? Math.max(0, minAgeDays) : undefined;
		void scanNow({ force: false, minAgeDays: threshold ?? 0 });
	};

	const changeMinAgeDays = (value: number) => {
		const days = Number.isFinite(value) && value >= 0 ? Math.floor(value) : 0;
		setMinAgeDays(days);
		if (onlyOld) void scanNow({ force: false, minAgeDays: days });
	};

	const busy = scanning || deleting || repairing || autoCleaning || exporting;
	const phaseLabel = (phase: string): string =>
		phase === "stems"
			? "Loading furniture stems…"
			: phase === "readdir"
				? "Reading asset directories…"
				: phase === "validate"
					? "Validating .nitro bundles…"
					: "Scanning…";

	return (
		<div className="space-y-4">
			{dialog}
			<div className="flex flex-wrap items-center gap-2">
				<Button
					onClick={() => scanNow({ force: true })}
					disabled={busy}
					size="lg"
				>
					{scanning ? (
						<Loader2 className="w-4 h-4 animate-spin mr-2" />
					) : (
						<ScanSearch className="w-4 h-4 mr-2" />
					)}
					{scanning ? "Scanning assets…" : "Scan furniture assets"}
				</Button>
				{scanning && (
					<Button
						variant="outline"
						size="lg"
						onClick={() => abortRef.current?.abort()}
					>
						<X className="w-4 h-4 mr-2" />
						Cancel
					</Button>
				)}
				{scan && (
					<Button
						variant="destructive"
						size="lg"
						disabled={busy || totalSelected === 0}
						onClick={removeSelected}
					>
						{deleting ? (
							<Loader2 className="w-4 h-4 animate-spin mr-2" />
						) : (
							<Trash2 className="w-4 h-4 mr-2" />
						)}
						{deleting ? "Deleting…" : `Delete selected (${totalSelected})`}
					</Button>
				)}
				{scan && scan.broken.length > 0 && (
					<Button
						size="lg"
						disabled={
							busy ||
							![...selected].some((n) =>
								scan.broken.some((e) => e.fileName === n),
							)
						}
						onClick={repairSelected}
					>
						{repairing ? (
							<Loader2 className="w-4 h-4 animate-spin mr-2" />
						) : (
							<Wrench className="w-4 h-4 mr-2" />
						)}
						{repairing ? "Re-downloading…" : "Re-download broken"}
					</Button>
				)}
				{scan && scan.fake.length > 0 && (
					<>
						<Button size="lg" disabled={busy} onClick={autoClean}>
							{autoCleaning ? (
								<Loader2 className="w-4 h-4 animate-spin mr-2" />
							) : (
								<Sparkles className="w-4 h-4 mr-2" />
							)}
							{autoCleaning ? "Cleaning…" : "Auto-clean old fakes"}
						</Button>
						<div className="flex items-center gap-1.5">
							<Input
								type="number"
								min={0}
								className="w-20"
								value={autoAge}
								disabled={busy}
								onChange={(e) => setAutoAge(Number(e.target.value))}
								aria-label="Minimum age in days for auto-clean"
							/>
							<span className="text-xs text-[var(--admin-text-muted)]">
								days
							</span>
						</div>
					</>
				)}
				{scan && (
					<Button
						variant="outline"
						size="lg"
						disabled={busy}
						onClick={exportManifest}
					>
						{exporting ? (
							<Loader2 className="w-4 h-4 animate-spin mr-2" />
						) : (
							<Download className="w-4 h-4 mr-2" />
						)}
						{exporting ? "Exporting…" : "Export manifest"}
					</Button>
				)}
			</div>

			{scanning && progress && (
				<div className="flex items-center gap-2 rounded-lg border border-[var(--admin-border)] bg-[var(--admin-surface)] p-3 text-sm text-[var(--admin-text-muted)]">
					<Loader2 className="w-4 h-4 animate-spin shrink-0" />
					{phaseLabel(progress.phase)}
					{progress.scanned > 0 && (
						<span className="font-mono text-xs">
							{progress.scanned.toLocaleString()} files
						</span>
					)}
				</div>
			)}

			{scan && (
				<div className="space-y-4">
					<div className="flex flex-wrap items-center gap-3 rounded-lg border border-[var(--admin-border)] bg-[var(--admin-surface)] p-3">
						<div className="flex items-center gap-2 text-sm text-[var(--admin-text-muted)]">
							<ScrollText size={15} className="shrink-0" />
							<span>Only show files older than</span>
						</div>
						<Input
							type="number"
							min={0}
							className="w-20"
							value={minAgeDays}
							disabled={busy}
							onChange={(e) => changeMinAgeDays(Number(e.target.value))}
							aria-label="Minimum age in days to display"
						/>
						<span className="text-xs text-[var(--admin-text-muted)]">days</span>
						<label
							htmlFor="nitro-hide-recent"
							className="flex items-center gap-1.5 text-sm"
						>
							<Checkbox
								id="nitro-hide-recent"
								checked={onlyOld}
								onCheckedChange={(value) => toggleOnlyOld(value === true)}
							/>
							<span>Hide recent files</span>
						</label>
					</div>

					<div className="grid gap-3 sm:grid-cols-3">
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold">{scan.total}</div>
							<div className="text-xs text-muted-foreground">
								asset files scanned
								{scan.cached && (
									<span className="text-[var(--admin-accent)]">
										{" "}
										(cached — directories unchanged)
									</span>
								)}
							</div>
						</div>
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold text-[var(--admin-text)]">
								{scan.fake.length}
							</div>
							<div className="text-xs text-[var(--admin-text-muted)]">
								Fake nitros (no matching item)
							</div>
						</div>
						<div className="rounded-xl border bg-card p-3 space-y-1">
							<div className="text-xl font-bold text-[var(--admin-text)]">
								{scan.broken.length}
							</div>
							<div className="text-xs text-[var(--admin-text-muted)]">
								Broken nitros (unparseable)
							</div>
						</div>
					</div>

					<CleanupGroup
						label="Fake nitros"
						description="These files match no item in items_base — leftovers from deleted or renamed furniture."
						tone="error"
						entries={scan.fake}
						selected={selected}
						onToggle={toggle("nitro")}
						onToggleAll={toggleAll("nitro")}
					/>
					<CleanupGroup
						label="Broken nitros"
						description="These files belong to an item but cannot be parsed as a valid Nitro bundle."
						tone="warning"
						entries={scan.broken}
						selected={selected}
						onToggle={toggle("nitro")}
						onToggleAll={toggleAll("nitro")}
						disabled={onlyOld}
					/>
					<CleanupGroup
						label="Orphaned SWFs"
						description=".swf files that match no item in items_base."
						tone="warning"
						entries={scan.orphanedSwf}
						selected={selectedSwf}
						onToggle={toggle("swf")}
						onToggleAll={toggleAll("swf")}
					/>
					<CleanupGroup
						label="Orphaned icons"
						description="Icon files that match no item in items_base."
						tone="neutral"
						entries={scan.orphanedIcon}
						selected={selectedIcon}
						onToggle={toggle("icon")}
						onToggleAll={toggleAll("icon")}
					/>

					{(scan.fake.length > 0 || scan.broken.length > 0) && (
						<p className="flex items-start gap-1.5 rounded-lg border border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)] p-3 text-xs text-[var(--admin-text-muted)]">
							<AlertTriangle
								size={14}
								className="mt-0.5 shrink-0 text-[var(--admin-warning)]"
							/>
							Deleting a broken .nitro leaves its item in the database without a
							bundle — prefer re-downloading it, or let the catalog audit
							re-obtain it later. Database rows are never removed by this tool.
						</p>
					)}

					<div className="flex items-center gap-1.5 text-xs text-[var(--admin-text-muted)]">
						<FileX2 size={14} className="shrink-0" />
						Only asset files are touched — FurnitureData.json and database rows
						stay intact.
					</div>
				</div>
			)}

			{!scan && !scanning && (
				<div className="rounded-xl border bg-card p-6 text-center text-muted-foreground">
					<ScanSearch className="mx-auto mb-3 h-10 w-10 opacity-40" />
					<p>
						Scan every furni asset directory to find fake and broken nitro
						bundles plus orphaned SWFs and icons. Delete them, re-download the
						broken ones, or auto-clean old leftovers.
					</p>
				</div>
			)}
		</div>
	);
}