style: format code with prettier

src/app/admin/import/pets/import-pets-client.tsx

@@ -1,32 +1,22 @@
-'use client'
+"use client";
 
-import {
-  AlertCircle,
-  Check,
-  Download,
-  Loader2,
-  Package,
-  PawPrint,
-  Search,
-  Trash2,
-  X,
-} from 'lucide-react'
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import { toast } from 'sonner'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import { Input } from '@/components/ui/input'
-import { cn } from '@/lib/utils'
+import { AlertCircle, Check, Download, Loader2, Package, PawPrint, Search, Trash2, X } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { toast } from "sonner";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { cn } from "@/lib/utils";
 
 interface PetItem {
-  lib: string
-  nitroExists: boolean
+  lib: string;
+  nitroExists: boolean;
 }
 
 /** Real pet preview cropped from its .nitro; falls back to the paw glyph. */
 function PetIcon({ lib }: { lib: string }) {
-  const [failed, setFailed] = useState(false)
-  if (failed) return <PawPrint className="w-8 h-8 text-muted-foreground/60" />
+  const [failed, setFailed] = useState(false);
+  if (failed) return <PawPrint className="w-8 h-8 text-muted-foreground/60" />;
   return (
     // biome-ignore lint/performance/noImgElement: tiny dynamic sprite, not a Next asset
     <img
@@ -36,135 +26,135 @@ function PetIcon({ lib }: { lib: string }) {
       style={{ maxHeight: 56, maxWidth: 56 }}
       onError={() => setFailed(true)}
     />
-  )
+  );
 }
 
 export function ImportPetsClient() {
-  const [searchTerm, setSearchTerm] = useState('')
-  const [pets, setPets] = useState<PetItem[]>([])
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState('')
-  const [selected, setSelected] = useState<Set<string>>(new Set())
-  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null)
-  const [busyLib, setBusyLib] = useState<string | null>(null)
+  const [searchTerm, setSearchTerm] = useState("");
+  const [pets, setPets] = useState<PetItem[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [selected, setSelected] = useState<Set<string>>(new Set());
+  const [batchProgress, setBatchProgress] = useState<{ done: number; total: number } | null>(null);
+  const [busyLib, setBusyLib] = useState<string | null>(null);
 
   const fetchPets = useCallback(async (search: string) => {
-    setLoading(true)
-    setError('')
+    setLoading(true);
+    setError("");
     try {
-      const params = new URLSearchParams()
-      if (search) params.set('search', search)
-      const res = await fetch(`/api/admin/import/pets?${params}`)
-      const data = await res.json()
+      const params = new URLSearchParams();
+      if (search) params.set("search", search);
+      const res = await fetch(`/api/admin/import/pets?${params}`);
+      const data = await res.json();
       if (!res.ok) {
-        setError(data.error || 'Failed to load')
-        return
+        setError(data.error || "Failed to load");
+        return;
       }
-      setPets(data.pets || [])
-      setSelected(new Set())
+      setPets(data.pets || []);
+      setSelected(new Set());
     } catch {
-      setError('Network error')
+      setError("Network error");
     } finally {
-      setLoading(false)
+      setLoading(false);
     }
-  }, [])
+  }, []);
 
   useEffect(() => {
-    fetchPets('')
-  }, [fetchPets])
+    fetchPets("");
+  }, [fetchPets]);
 
-  const importable = useMemo(() => pets.filter((p) => !p.nitroExists), [pets])
-  const importedCount = useMemo(() => pets.filter((p) => p.nitroExists).length, [pets])
+  const importable = useMemo(() => pets.filter((p) => !p.nitroExists), [pets]);
+  const importedCount = useMemo(() => pets.filter((p) => p.nitroExists).length, [pets]);
 
   function toggle(lib: string) {
     setSelected((prev) => {
-      const n = new Set(prev)
-      if (n.has(lib)) n.delete(lib)
-      else n.add(lib)
-      return n
-    })
+      const n = new Set(prev);
+      if (n.has(lib)) n.delete(lib);
+      else n.add(lib);
+      return n;
+    });
   }
 
   function markDone(lib: string) {
-    setPets((prev) => prev.map((p) => (p.lib === lib ? { ...p, nitroExists: true } : p)))
+    setPets((prev) => prev.map((p) => (p.lib === lib ? { ...p, nitroExists: true } : p)));
   }
 
   async function importViaSse(items: PetItem[]) {
-    setBatchProgress({ done: 0, total: items.length })
-    const res = await fetch('/api/admin/import/pets/batch', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
+    setBatchProgress({ done: 0, total: items.length });
+    const res = await fetch("/api/admin/import/pets/batch", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ items, concurrency: 3 }),
-    })
+    });
     if (!res.body) {
-      toast.error('No response stream')
-      setBatchProgress(null)
-      return
+      toast.error("No response stream");
+      setBatchProgress(null);
+      return;
     }
-    const reader = res.body.getReader()
-    const decoder = new TextDecoder()
-    let buf = ''
-    let done = 0
-    let succeeded = 0
-    let failed = 0
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buf = "";
+    let done = 0;
+    let succeeded = 0;
+    let failed = 0;
     while (true) {
-      const { value, done: streamDone } = await reader.read()
-      if (streamDone) break
-      buf += decoder.decode(value, { stream: true })
-      const parts = buf.split('\n\n')
-      buf = parts.pop() ?? ''
+      const { value, done: streamDone } = await reader.read();
+      if (streamDone) break;
+      buf += decoder.decode(value, { stream: true });
+      const parts = buf.split("\n\n");
+      buf = parts.pop() ?? "";
       for (const part of parts) {
-        if (!part.startsWith('data: ')) continue
-        const evt = JSON.parse(part.slice(6))
-        if (evt.type === 'item_progress' && evt.status === 'done') {
-          done++
-          markDone(evt.classname)
-          setBatchProgress({ done, total: items.length })
-        } else if (evt.type === 'item_progress' && evt.status === 'failed') {
-          done++
-          setBatchProgress({ done, total: items.length })
-        } else if (evt.type === 'batch_complete') {
-          succeeded = evt.succeeded
-          failed = evt.failed
+        if (!part.startsWith("data: ")) continue;
+        const evt = JSON.parse(part.slice(6));
+        if (evt.type === "item_progress" && evt.status === "done") {
+          done++;
+          markDone(evt.classname);
+          setBatchProgress({ done, total: items.length });
+        } else if (evt.type === "item_progress" && evt.status === "failed") {
+          done++;
+          setBatchProgress({ done, total: items.length });
+        } else if (evt.type === "batch_complete") {
+          succeeded = evt.succeeded;
+          failed = evt.failed;
         }
       }
     }
-    setBatchProgress(null)
-    setSelected(new Set())
-    if (succeeded > 0) toast.success(`${succeeded} pet(s) imported`)
-    if (failed > 0) toast.error(`${failed} failed`)
+    setBatchProgress(null);
+    setSelected(new Set());
+    if (succeeded > 0) toast.success(`${succeeded} pet(s) imported`);
+    if (failed > 0) toast.error(`${failed} failed`);
   }
 
   async function importOne(p: PetItem) {
-    setBusyLib(p.lib)
+    setBusyLib(p.lib);
     try {
-      await importViaSse([p])
+      await importViaSse([p]);
     } finally {
-      setBusyLib(null)
+      setBusyLib(null);
     }
   }
 
   async function importSelected() {
-    const items = pets.filter((p) => selected.has(p.lib) && !p.nitroExists)
-    if (items.length === 0) return
-    await importViaSse(items)
+    const items = pets.filter((p) => selected.has(p.lib) && !p.nitroExists);
+    if (items.length === 0) return;
+    await importViaSse(items);
   }
 
   async function remove(p: PetItem) {
-    setBusyLib(p.lib)
+    setBusyLib(p.lib);
     try {
       const res = await fetch(`/api/admin/import/pets?lib=${encodeURIComponent(p.lib)}`, {
-        method: 'DELETE',
-      })
-      const data = await res.json()
+        method: "DELETE",
+      });
+      const data = await res.json();
       if (res.ok) {
-        toast.success(`${p.lib} removed`)
-        setPets((prev) => prev.map((x) => (x.lib === p.lib ? { ...x, nitroExists: false } : x)))
+        toast.success(`${p.lib} removed`);
+        setPets((prev) => prev.map((x) => (x.lib === p.lib ? { ...x, nitroExists: false } : x)));
       } else {
-        toast.error(data.error || 'Delete failed')
+        toast.error(data.error || "Delete failed");
       }
     } finally {
-      setBusyLib(null)
+      setBusyLib(null);
     }
   }
 
@@ -198,10 +188,10 @@ export function ImportPetsClient() {
             value={searchTerm}
             onChange={(e) => setSearchTerm(e.target.value)}
             onKeyDown={(e) => {
-              if (e.key === 'Enter') fetchPets(searchTerm)
-              if (e.key === 'Escape') {
-                setSearchTerm('')
-                fetchPets('')
+              if (e.key === "Enter") fetchPets(searchTerm);
+              if (e.key === "Escape") {
+                setSearchTerm("");
+                fetchPets("");
               }
             }}
             className="pl-9 pr-8"
@@ -210,8 +200,8 @@ export function ImportPetsClient() {
             <button
               type="button"
               onClick={() => {
-                setSearchTerm('')
-                fetchPets('')
+                setSearchTerm("");
+                fetchPets("");
               }}
               className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
             >
@@ -237,9 +227,7 @@ export function ImportPetsClient() {
               )
             }
           >
-            {selected.size === importable.length
-              ? 'Deselect All'
-              : `Select All (${importable.length})`}
+            {selected.size === importable.length ? "Deselect All" : `Select All (${importable.length})`}
           </Button>
           {selected.size > 0 && (
             <Button size="sm" className="h-8" onClick={importSelected} disabled={!!batchProgress}>
@@ -274,21 +262,16 @@ export function ImportPetsClient() {
       )}
 
       {pets.length > 0 && (
-        <div
-          className={cn(
-            'grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3',
-            loading && 'opacity-50',
-          )}
-        >
+        <div className={cn("grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3", loading && "opacity-50")}>
           {pets.map((p) => {
-            const isSelected = selected.has(p.lib)
+            const isSelected = selected.has(p.lib);
             return (
               <div
                 key={p.lib}
                 className={cn(
-                  'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
-                  p.nitroExists && 'ring-1 ring-[var(--admin-success)]/30',
-                  isSelected && 'ring-2 ring-primary border-primary',
+                  "rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all",
+                  p.nitroExists && "ring-1 ring-[var(--admin-success)]/30",
+                  isSelected && "ring-2 ring-primary border-primary",
                 )}
               >
                 {!p.nitroExists && (
@@ -296,10 +279,10 @@ export function ImportPetsClient() {
                     type="button"
                     onClick={() => toggle(p.lib)}
                     className={cn(
-                      'absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors',
+                      "absolute top-1.5 left-1.5 z-10 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",
                       isSelected
-                        ? 'bg-primary border-primary text-primary-foreground'
-                        : 'bg-background/80 border-muted-foreground/30 hover:border-muted-foreground',
+                        ? "bg-primary border-primary text-primary-foreground"
+                        : "bg-background/80 border-muted-foreground/30 hover:border-muted-foreground",
                     )}
                   >
                     {isSelected && <Check className="w-3 h-3" />}
@@ -347,10 +330,10 @@ export function ImportPetsClient() {
                   </div>
                 </div>
               </div>
-            )
+            );
           })}
         </div>
       )}
     </div>
-  )
+  );
 }

src/app/admin/import/pets/loading.tsx

@@ -9,5 +9,5 @@ export default function Loading() {
         </div>
       ))}
     </div>
-  )
+  );
 }

src/app/admin/import/pets/page.tsx

@@ -1,11 +1,11 @@
-import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportPetsClient } from './import-pets-client'
+import { redirect } from "next/navigation";
+import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { ImportPetsClient } from "./import-pets-client";
 
 export default async function ImportPetsPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext()
+  const { session, permissions } = await getAdminContext();
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect('/admin')
+    redirect("/admin");
   }
-  return <ImportPetsClient />
+  return <ImportPetsClient />;
 }