Delete ui

ui/Readme.md

@@ -1,103 +0,0 @@
-# AniFind — Next.js Frontend
-
-AI-powered anime recommendation frontend. Communicates with the FastAPI backend on Hugging Face Spaces.
-
----
-
-## Project Structure
-
-```
-anifind/
-├── app/
-│   ├── api/
-│   │   └── recommend/
-│   │       └── route.ts        ← Server-side proxy (API key never reaches browser)
-│   ├── globals.css             ← Global styles + fonts
-│   ├── layout.tsx              ← Root HTML layout + metadata
-│   └── page.tsx                ← Main UI (search, filters, results)
-├── lib/
-│   └── types.ts                ← TypeScript types shared across app
-├── .env.example                ← Copy to .env.local with real values
-├── .gitignore                  ← Includes .env.local — never commit secrets!
-├── next.config.mjs
-├── tailwind.config.ts
-├── tsconfig.json
-└── package.json
-```
-
----
-
-## Local Development
-
-### 1. Install dependencies
-```bash
-npm install
-```
-
-### 2. Set up environment variables
-```bash
-cp .env.example .env.local
-# Edit .env.local with your actual values:
-# API_URL=https://your-username-your-space.hf.space
-# API_KEY=your_secret_key
-```
-
-### 3. Run dev server
-```bash
-npm run dev
-# Open http://localhost:3000
-```
-
----
-
-## Deploy to Vercel
-
-### Step 1 — Push to GitHub
-```bash
-git init
-git add .
-git commit -m "initial commit"
-git remote add origin https://github.com/your-username/anifind.git
-git push -u origin main
-```
-
-### Step 2 — Connect to Vercel
-1. Go to https://vercel.com → "Add New Project"
-2. Import your GitHub repo
-3. Vercel auto-detects Next.js — no build config needed
-
-### Step 3 — Add Environment Variables in Vercel
-In your Vercel project → Settings → Environment Variables, add:
-
-| Name      | Value                                          |
-|-----------|------------------------------------------------|
-| `API_URL` | `https://your-username-your-space.hf.space`    |
-| `API_KEY` | `your_secret_key`                              |
-
-⚠️ Do NOT prefix with NEXT_PUBLIC_ — these must stay server-side only.
-
-### Step 4 — Deploy
-Click Deploy. Every future `git push` to `main` auto-deploys.
-
----
-
-## How the API key is protected
-
-```
-Browser → /api/recommend (Next.js server route) → HF Spaces FastAPI
-              ↑
-        API_KEY lives here (Vercel env var, server-side only)
-        Browser never sees it
-```
-
-The browser only ever calls `/api/recommend` on your own domain.
-The actual HF Spaces URL and API key are injected server-side by Vercel.
-
----
-
-## Environment Variables Reference
-
-| Variable  | Where set        | Description                    |
-|-----------|------------------|--------------------------------|
-| `API_URL` | Vercel + .env.local | HF Spaces FastAPI base URL  |
-| `API_KEY` | Vercel + .env.local | Shared secret with FastAPI  |

ui/app/api/recommend/route.ts

@@ -1,142 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-// ─── Config ───────────────────────────────────────────────────────────────────
-const DAILY_LIMIT   = 10;
-const COOLDOWN_HRS  = 2;
-const COOLDOWN_MS   = COOLDOWN_HRS * 60 * 60 * 1000;
-
-const REDIS_COUNT_KEY  = "anifind:global_count";
-const REDIS_RESET_KEY  = "anifind:reset_at";
-
-// ─── Tiny Upstash REST helper (no SDK needed) ─────────────────────────────────
-async function redis(command: string[]): Promise<unknown> {
-  const url   = process.env.UPSTASH_REDIS_REST_URL;
-  const token = process.env.UPSTASH_REDIS_REST_TOKEN;
-
-  if (!url || !token) throw new Error("Missing Upstash env vars");
-
-  const res = await fetch(`${url}/${command.map(encodeURIComponent).join("/")}`, {
-    headers: { Authorization: `Bearer ${token}` },
-  });
-
-  const json = await res.json() as { result: unknown };
-  return json.result;
-}
-
-// ─── GET — frontend polls this to show live counter ───────────────────────────
-export async function GET() {
-  try {
-    const [count, resetAt] = await Promise.all([
-      redis(["GET", REDIS_COUNT_KEY]),
-      redis(["GET", REDIS_RESET_KEY]),
-    ]);
-
-    const currentCount = parseInt(String(count ?? "0"));
-    const resetTime    = resetAt ? parseInt(String(resetAt)) : null;
-    const now          = Date.now();
-    const isLocked     = currentCount >= DAILY_LIMIT && resetTime !== null && now < resetTime;
-    const remainingMs  = isLocked && resetTime ? resetTime - now : 0;
-
-    return NextResponse.json({
-      count:        isLocked ? DAILY_LIMIT : currentCount,
-      limit:        DAILY_LIMIT,
-      isLocked,
-      remainingMs,
-      remainingHrs: Math.ceil(remainingMs / (1000 * 60 * 60)),
-    });
-  } catch {
-    return NextResponse.json({ count: 0, limit: DAILY_LIMIT, isLocked: false, remainingMs: 0, remainingHrs: 0 });
-  }
-}
-
-// ─── POST — actual search proxy ───────────────────────────────────────────────
-export async function POST(req: NextRequest) {
-  try {
-    const apiUrl = process.env.API_URL;
-    const apiKey = process.env.API_KEY;
-
-    if (!apiUrl || !apiKey) {
-      return NextResponse.json(
-        { error: "Server misconfiguration: missing API_URL or API_KEY" },
-        { status: 500 }
-      );
-    }
-
-    // ── Rate limit check ────────────────────────────────────────────────────
-    try {
-      const [count, resetAt] = await Promise.all([
-        redis(["GET", REDIS_COUNT_KEY]),
-        redis(["GET", REDIS_RESET_KEY]),
-      ]);
-
-      const currentCount = parseInt(String(count ?? "0"));
-      const resetTime    = resetAt ? parseInt(String(resetAt)) : null;
-      const now          = Date.now();
-
-      if (currentCount >= DAILY_LIMIT) {
-        if (resetTime && now < resetTime) {
-          const remainingMs  = resetTime - now;
-          const remainingHrs = Math.ceil(remainingMs / (1000 * 60 * 60));
-          return NextResponse.json(
-            {
-              error: `Global search limit reached (${DAILY_LIMIT} searches). Resets in ${remainingHrs} hr${remainingHrs !== 1 ? "s" : ""}.`,
-              isLocked: true,
-              remainingHrs,
-              remainingMs,
-            },
-            { status: 429 }
-          );
-        } else {
-          await Promise.all([
-            redis(["SET", REDIS_COUNT_KEY, "0"]),
-            redis(["DEL", REDIS_RESET_KEY]),
-          ]);
-        }
-      }
-    } catch (redisErr) {
-      console.warn("Redis rate limit check failed, allowing request:", redisErr);
-    }
-
-    // ── Forward to FastAPI ──────────────────────────────────────────────────
-    const body = await req.json();
-
-    const response = await fetch(`${apiUrl}/recommend`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-API-Key": apiKey,
-      },
-      body: JSON.stringify(body),
-    });
-
-    if (!response.ok) {
-      const err = await response.text();
-      return NextResponse.json(
-        { error: `Backend error: ${err}` },
-        { status: response.status }
-      );
-    }
-
-    const data = await response.json();
-
-    // ── Increment counter AFTER successful response ─────────────────────────
-    try {
-      const newCount = await redis(["INCR", REDIS_COUNT_KEY]) as number;
-      if (newCount >= DAILY_LIMIT) {
-        const resetAt = Date.now() + COOLDOWN_MS;
-        await redis(["SET", REDIS_RESET_KEY, String(resetAt)]);
-      }
-    } catch (redisErr) {
-      console.warn("Redis increment failed:", redisErr);
-    }
-
-    return NextResponse.json(data);
-
-  } catch (err) {
-    console.error("Proxy error:", err);
-    return NextResponse.json(
-      { error: "Failed to reach backend" },
-      { status: 502 }
-    );
-  }
-}

ui/app/globals.css

@@ -1,80 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;600&display=swap');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --bg:    #070c12;
-  --bg2:   #0f1923;
-  --bg3:   #19263a;
-  --bdr:   rgba(255,255,255,0.07);
-  --acc:   #00c896;
-  --acc2:  #00ffc8;
-  --adim:  rgba(0,200,150,0.10);
-  --aglow: rgba(0,200,150,0.28);
-  --amb:   #fbbf24;
-  --red:   #f87171;
-  --txt:   #cdd8ee;
-  --mut:   #4e6580;
-}
-
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-html, body {
-  background: var(--bg);
-  color: var(--txt);
-  font-family: 'DM Sans', sans-serif;
-  min-height: 100vh;
-  overflow-x: hidden;
-}
-
-/* Scrollbar */
-::-webkit-scrollbar { width: 5px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 99px; }
-
-/* Animations */
-@keyframes fadeUp {
-  from { opacity: 0; transform: translateY(18px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-@keyframes shimmer {
-  0%   { background-position: -200% center; }
-  100% { background-position:  200% center; }
-}
-@keyframes pulse-ring {
-  0%, 100% { opacity: 0.5; transform: scale(1); }
-  50%       { opacity: 1;   transform: scale(1.05); }
-}
-@keyframes scanline {
-  0%   { transform: translateY(-100%); }
-  100% { transform: translateY(100vh); }
-}
-
-.fade-up {
-  opacity: 0;
-  animation: fadeUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards;
-}
-
-/* Noise texture overlay */
-body::before {
-  content: '';
-  position: fixed; inset: 0;
-  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
-  background-size: 150px;
-  pointer-events: none;
-  z-index: 9999;
-  opacity: 0.4;
-}
-
-/* Gradient mesh background */
-body::after {
-  content: '';
-  position: fixed; inset: 0;
-  background:
-    radial-gradient(ellipse 60% 50% at 80% -10%, rgba(0,200,150,0.06) 0%, transparent 60%),
-    radial-gradient(ellipse 40% 40% at -10% 80%, rgba(0,150,200,0.04) 0%, transparent 60%);
-  pointer-events: none;
-  z-index: 0;
-}

ui/app/layout.tsx

@@ -1,15 +0,0 @@
-import type { Metadata } from "next";
-import "./globals.css";
-
-export const metadata: Metadata = {
-  title: "AniFind — AI Anime Recommendations",
-  description: "Describe a vibe, a mood, a feeling — find your next favourite anime with AI.",
-};
-
-export default function RootLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <body>{children}</body>
-    </html>
-  );
-}

ui/app/page.tsx

@@ -1,744 +0,0 @@
-"use client";
-
-import { useState, useRef, useCallback, useEffect } from "react";
-import type { Anime, RecommendationResponse, SearchFilters } from "@/lib/types";
-
-interface RateLimit {
-  count:        number;
-  limit:        number;
-  isLocked:     boolean;
-  remainingHrs: number;
-  remainingMs:  number;
-}
-
-// ─── Constants ────────────────────────────────────────────────────────────────
-
-const SUGGESTIONS = [
-  { label: "⚔️  Dark fantasy",   query: "Dark fantasy with an unreliable narrator" },
-  { label: "🤖 Cyberpunk",       query: "Fast-paced cyberpunk action with great animation" },
-  { label: "💀 Psychological",   query: "Psychological thriller that messes with your head" },
-  { label: "💘 Romance drama",   query: "Bittersweet romance that makes you cry" },
-  { label: "🌸 Like Naruto",     query: "Action packed themed anime similar to Naruto" },
-];
-
-const ANIME_TYPES = ["Any","TV","Movie","OVA","ONA","Special","Music","CM","PV","TV Special"];
-
-const GENRES = [
-  "Any","Action","Adventure","Avant Garde","Award Winning","Boys Love","Comedy",
-  "Drama","Ecchi","Fantasy","Girls Love","Gourmet","Horror","Mystery","Romance",
-  "Sci-Fi","Slice of Life","Sports","Supernatural","Suspense",
-];
-
-// ─── Helpers ─────────────────────────────────────────────────────────────────
-
-function getImg(images?: Anime["images"]): string {
-  return images?.webp?.image_url || images?.jpg?.image_url || "";
-}
-
-function scoreColor(score: number | string | undefined): string {
-  const s = parseFloat(String(score));
-  if (isNaN(s)) return "#4e6580";
-  if (s >= 8)   return "#00e5a0";
-  if (s >= 7)   return "#fbbf24";
-  return "#f87171";
-}
-
-// Parses the LLM markdown into [{title, body}] pairs
-function parseRecommendations(text: string): { title: string; body: string; pre?: string }[] {
-  const sections = text.split(/\*\*(.+?)\*\*/);
-  if (sections.length <= 1) return [];
-  const pre = sections[0].trim();
-  const pairs = Array.from({ length: Math.floor((sections.length - 1) / 2) }, (_, i) => ({
-    title: sections[1 + i * 2].trim(),
-    body:  sections[2 + i * 2].trim().replace(/^[\n—-]+|[\n—-]+$/g, "").trim(),
-    pre: i === 0 ? pre : undefined,
-  }));
-  return pairs;
-}
-
-function matchAnime(title: string, pool: Anime[]): Anime | undefined {
-  const tl = title.toLowerCase();
-  return (
-    pool.find(a => (a.title || "").toLowerCase() === tl) ||
-    pool.find(a => (a.title_english || "").toLowerCase() === tl) ||
-    pool.find(a => {
-      const k = (a.title || "").toLowerCase();
-      const e = (a.title_english || "").toLowerCase();
-      return (k && (k.includes(tl) || tl.includes(k))) ||
-             (e && (e.includes(tl) || tl.includes(e)));
-    })
-  );
-}
-
-// ─── Sub-components ───────────────────────────────────────────────────────────
-
-function SpotlightCard({ anime }: { anime: Anime }) {
-  const img     = getImg(anime.images);
-  const score   = anime.score;
-  const sc      = scoreColor(score);
-  const synopsis = (anime.synopsis || "").slice(0, 240);
-  const hasMore  = (anime.synopsis || "").length > 240;
-  const genres   = (anime.genres || []).slice(0, 4);
-  const studios  = (anime.studios || []).slice(0, 2).join(", ") || "Unknown Studio";
-  const engTitle = anime.title_english && anime.title_english !== anime.title ? anime.title_english : null;
-
-  return (
-    <a
-      href={anime.mal_url || "#"}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="group flex rounded-2xl overflow-hidden border transition-all duration-300 no-underline"
-      style={{
-        background: "var(--bg2)",
-        borderColor: "var(--bdr)",
-        color: "inherit",
-        textDecoration: "none",
-      }}
-      onMouseEnter={e => {
-        (e.currentTarget as HTMLElement).style.borderColor = "rgba(0,200,150,0.4)";
-        (e.currentTarget as HTMLElement).style.boxShadow  = "0 12px 36px rgba(0,200,150,0.12), 0 2px 8px rgba(0,0,0,0.3)";
-        (e.currentTarget as HTMLElement).style.transform  = "translateY(-3px)";
-      }}
-      onMouseLeave={e => {
-        (e.currentTarget as HTMLElement).style.borderColor = "var(--bdr)";
-        (e.currentTarget as HTMLElement).style.boxShadow  = "none";
-        (e.currentTarget as HTMLElement).style.transform  = "translateY(0)";
-      }}
-    >
-      {/* Poster */}
-      <div className="relative flex-shrink-0 overflow-hidden" style={{ width: 140, minHeight: 195, background: "var(--bg3)" }}>
-        {img && (
-          <img
-            src={img} alt={anime.title}
-            className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"
-            style={{ display: "block" }}
-            onError={e => { (e.target as HTMLImageElement).src = "https://placehold.co/280x400/0d1520/00c896?text=?"; }}
-          />
-        )}
-        <div
-          className="absolute top-2 left-2 text-xs font-bold px-2 py-1 rounded-full"
-          style={{ background: "rgba(7,12,18,0.85)", color: sc, border: "1px solid rgba(255,255,255,0.1)", backdropFilter: "blur(8px)" }}
-        >
-          ★ {score ?? "—"}
-        </div>
-      </div>
-
-      {/* Body */}
-      <div className="flex flex-col gap-2 p-4 flex-1 min-w-0">
-        {/* Meta chips */}
-        <div className="flex gap-1 flex-wrap">
-          {[anime.type, anime.year, `${anime.episodes ?? "?"} ep`, `${Number(anime.scored_by || 0).toLocaleString()} votes`].map((v, i) => v && (
-            <span key={i} className="text-xs font-bold px-2 py-0.5 rounded-md uppercase tracking-wide" style={{ background: "var(--adim)", color: "var(--acc)", border: "1px solid rgba(0,200,150,0.2)" }}>
-              {v}
-            </span>
-          ))}
-        </div>
-
-        <div>
-          <h3 className="font-bold leading-tight" style={{ fontFamily: "'Space Mono', monospace", fontSize: 17, color: "#fff", letterSpacing: "-0.3px" }}>
-            {anime.title}
-          </h3>
-          {engTitle && <p className="text-xs italic mt-0.5" style={{ color: "#7a9bb8" }}>{engTitle}</p>}
-          <p className="text-xs mt-1" style={{ color: "#6b8299" }}>{studios}</p>
-        </div>
-
-        <p className="text-sm leading-relaxed flex-1" style={{ color: "var(--txt)", fontSize: 13 }}>
-          {synopsis}{hasMore && "…"}
-        </p>
-
-        <div className="flex gap-1 flex-wrap mt-1">
-          {genres.map(g => (
-            <span key={g} className="text-xs px-3 py-0.5 rounded-full" style={{ background: "var(--bg3)", border: "1px solid var(--bdr)", color: "var(--txt)" }}>
-              {g}
-            </span>
-          ))}
-        </div>
-
-        <span
-          className="text-xs font-bold uppercase tracking-wider px-3 py-2 rounded-lg self-start mt-2 transition-all duration-200 group-hover:text-black"
-          style={{ background: "var(--adim)", color: "var(--acc)", border: "1px solid rgba(0,200,150,0.3)" }}
-          onMouseEnter={e => { (e.currentTarget as HTMLElement).style.background = "var(--acc)"; (e.currentTarget as HTMLElement).style.color = "#000"; }}
-          onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = "var(--adim)"; (e.currentTarget as HTMLElement).style.color = "var(--acc)"; }}
-        >
-          View on MAL ↗
-        </span>
-      </div>
-    </a>
-  );
-}
-
-function RetrievedRow({ anime, idx }: { anime: Anime; idx: number }) {
-  const img    = getImg(anime.images);
-  const raw    = anime.final_hybrid_score ?? 0;
-  const relPct = Math.max(5, Math.round(raw * 100));
-  const genres = (anime.genres || []).slice(0, 2).join(" · ");
-
-  return (
-    <a
-      href={anime.mal_url || "#"}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="grid items-center gap-2 px-2 py-2 rounded-xl transition-all duration-200 no-underline"
-      style={{ gridTemplateColumns: "22px 40px 1fr auto", color: "inherit", textDecoration: "none" }}
-      onMouseEnter={e => { (e.currentTarget as HTMLElement).style.background = "var(--bg3)"; (e.currentTarget as HTMLElement).style.transform = "translateX(3px)"; }}
-      onMouseLeave={e => { (e.currentTarget as HTMLElement).style.background = "transparent"; (e.currentTarget as HTMLElement).style.transform = "translateX(0)"; }}
-    >
-      <span className="text-center font-bold text-xs" style={{ color: "var(--mut)" }}>{String(idx).padStart(2, "0")}</span>
-      <img
-        src={img || "https://placehold.co/44x62/0d1520/00c896?text=?"}
-        alt={anime.title}
-        className="rounded object-cover"
-        style={{ width: 40, height: 56 }}
-        onError={e => { (e.target as HTMLImageElement).src = "https://placehold.co/44x62/0d1520/00c896?text=?"; }}
-      />
-      <div className="flex flex-col gap-1 overflow-hidden">
-        <span className="text-xs font-bold truncate" style={{ color: "#fff" }}>{anime.title}</span>
-        <span className="text-xs truncate" style={{ color: "#6b8299" }}>{anime.type} · {anime.year} · {genres}</span>
-        <div className="h-1 rounded-full overflow-hidden" style={{ background: "var(--bg3)" }}>
-          <div className="h-full rounded-full" style={{ width: `${relPct}%`, background: "linear-gradient(90deg, var(--acc), var(--acc2))" }} />
-        </div>
-      </div>
-      <div className="flex flex-col items-end gap-1">
-        <span className="text-xs font-bold" style={{ color: "var(--amb)" }}>★ {anime.score ?? "—"}</span>
-        <span className="text-xs" style={{ color: "var(--mut)" }}>{relPct}%</span>
-      </div>
-    </a>
-  );
-}
-
-// ─── Main Page ────────────────────────────────────────────────────────────────
-
-export default function Home() {
-  const [query, setQuery]             = useState("");
-  const [animeType, setAnimeType]     = useState("Any");
-  const [genres, setGenres]           = useState<string[]>(["Any"]);
-  const [minScore, setMinScore]       = useState(7.5);
-  const [nResults, setNResults]       = useState(3);
-  const [loading, setLoading]         = useState(false);
-  const [result, setResult]           = useState<RecommendationResponse | null>(null);
-  const [error, setError]             = useState<string | null>(null);
-  const [filtersOpen, setFiltersOpen] = useState(false);
-  const [rateLimit, setRateLimit]     = useState<RateLimit>({ count: 0, limit: 10, isLocked: false, remainingHrs: 0, remainingMs: 0 });
-  const inputRef = useRef<HTMLTextAreaElement>(null);
-
-  // Poll rate limit counter every 15 seconds
-  useEffect(() => {
-    const fetchLimit = async () => {
-      try {
-        const res = await fetch("/api/recommend");
-        if (res.ok) setRateLimit(await res.json());
-      } catch { /* silent fail */ }
-    };
-    fetchLimit();
-    const interval = setInterval(fetchLimit, 15000);
-    return () => clearInterval(interval);
-  }, []);
-
-  const handleSearch = useCallback(async (q?: string) => {
-    const searchQuery = (q ?? query).trim();
-    if (!searchQuery) return;
-
-    // Block immediately if we already know it's locked
-    if (rateLimit.isLocked) {
-      setError(`Global search limit reached. Resets in ${rateLimit.remainingHrs} hr${rateLimit.remainingHrs !== 1 ? "s" : ""}.`);
-      return;
-    }
-
-    setLoading(true);
-    setError(null);
-    setResult(null);
-
-    try {
-      const payload: SearchFilters = { query: searchQuery, n_results: nResults };
-      if (minScore > 0) payload.min_score = minScore;
-      if (!genres.includes("Any") && genres.length > 0) payload.genre_filter = genres;
-      if (animeType !== "Any") payload.anime_type = animeType;
-
-      const res = await fetch("/api/recommend", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(payload),
-      });
-
-      // Refresh counter after every attempt (success or 429)
-      fetch("/api/recommend").then(r => r.ok ? r.json() : null).then(d => { if (d) setRateLimit(d); }).catch(() => {});
-
-      if (!res.ok) {
-        const err = await res.json().catch(() => ({ error: "Unknown error" }));
-        throw new Error(err.error || `HTTP ${res.status}`);
-      }
-
-      const data: RecommendationResponse = await res.json();
-      setResult(data);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Something went wrong");
-    } finally {
-      setLoading(false);
-    }
-  }, [query, animeType, genres, minScore, nResults, rateLimit]);
-
-  const handleChipClick = (q: string) => {
-    setQuery(q);
-    handleSearch(q);
-    inputRef.current?.focus();
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSearch();
-    }
-  };
-
-  const toggleGenre = (g: string) => {
-    if (g === "Any") { setGenres(["Any"]); return; }
-    setGenres(prev => {
-      const next = prev.filter(x => x !== "Any");
-      return next.includes(g) ? (next.filter(x => x !== g) || ["Any"]) : [...next, g];
-    });
-  };
-
-  const parsedRecs     = result ? parseRecommendations(result.recommendations) : [];
-  const retrievedAnimes = result?.retrieved_animes ?? [];
-  const timeStr         = result?.metadata["Time taken for LLM + vector search"]?.slice(0, 5) ?? "—";
-
-  return (
-    <div className="flex min-h-screen relative z-10">
-
-      {/* ── Fixed Left Sidebar ─────────────────────────────── */}
-      <aside
-        className="fixed top-0 left-0 h-full flex flex-col overflow-y-auto"
-        style={{
-          width: 230,
-          background: "var(--bg)",
-          borderRight: "1px solid var(--bdr)",
-          padding: "32px 20px",
-          zIndex: 50,
-          scrollbarWidth: "none",
-          boxShadow: "4px 0 24px rgba(0,0,0,0.25)",
-        }}
-      >
-        {/* Logo */}
-        <div className="mb-6">
-          <div className="flex items-center gap-3 mb-2">
-            <div
-              className="flex items-center justify-center rounded-xl flex-shrink-0"
-              style={{
-                width: 44, height: 44, fontSize: 24,
-                background: "linear-gradient(135deg, var(--acc), var(--acc2))",
-                color: "#070c12",
-                boxShadow: "0 0 0 1px rgba(0,200,150,0.3), 0 4px 20px var(--aglow)",
-              }}
-            >
-              ⛩
-            </div>
-            <div>
-              <div style={{ fontFamily: "'Space Mono', monospace", fontSize: 22, fontWeight: 700, color: "#fff", letterSpacing: "-0.5px", lineHeight: 1 }}>
-                Ani<span style={{ color: "var(--acc)" }}>Find</span>
-              </div>
-              <div style={{ fontFamily: "'Space Mono', monospace", fontSize: 10, color: "var(--acc)", letterSpacing: "2px", marginTop: 3, opacity: 0.7 }}>
-                AI · ANIME · RAG
-              </div>
-            </div>
-          </div>
-          {/* Accent underline */}
-          <div style={{ height: 1, background: "linear-gradient(90deg, var(--acc), transparent)", marginTop: 8, opacity: 0.4 }} />
-        </div>
-
-        <p className="text-sm leading-relaxed mb-8" style={{ color: "#8faabf" }}>
-          Describe a vibe, a mood — AI matches it to the perfect title.
-        </p>
-
-        <p className="text-xs font-bold uppercase tracking-widest mb-3" style={{ color: "var(--mut)", letterSpacing: "1.4px" }}>
-          Quick searches
-        </p>
-
-        <div className="flex flex-col gap-2">
-          {SUGGESTIONS.map(s => (
-            <button
-              key={s.query}
-              onClick={() => handleChipClick(s.query)}
-              className="text-left text-sm font-semibold px-3 py-2.5 rounded-xl transition-all duration-300"
-              style={{ background: "var(--bg2)", border: "1px solid var(--bdr)", color: "var(--txt)", cursor: "pointer" }}
-              onMouseEnter={e => {
-                (e.currentTarget as HTMLElement).style.color = "var(--acc)";
-                (e.currentTarget as HTMLElement).style.background = "var(--bg3)";
-                (e.currentTarget as HTMLElement).style.borderColor = "rgba(0,200,150,0.4)";
-                (e.currentTarget as HTMLElement).style.transform = "translateX(4px)";
-              }}
-              onMouseLeave={e => {
-                (e.currentTarget as HTMLElement).style.color = "var(--txt)";
-                (e.currentTarget as HTMLElement).style.background = "var(--bg2)";
-                (e.currentTarget as HTMLElement).style.borderColor = "var(--bdr)";
-                (e.currentTarget as HTMLElement).style.transform = "translateX(0)";
-              }}
-            >
-              {s.label}
-            </button>
-          ))}
-        </div>
-
-        {/* Global rate limit counter */}
-        <div className="mt-auto pt-6">
-          <div
-            className="rounded-xl p-3"
-            style={{
-              background: rateLimit.isLocked ? "rgba(248,113,113,0.08)" : "var(--bg2)",
-              border: `1px solid ${rateLimit.isLocked ? "rgba(248,113,113,0.3)" : "var(--bdr)"}`,
-            }}
-          >
-            <div className="flex justify-between items-center mb-2">
-              <span className="text-xs font-bold uppercase tracking-widest" style={{ color: "var(--mut)", letterSpacing: "1px" }}>
-                Global searches
-              </span>
-              <span
-                className="text-xs font-bold px-2 py-0.5 rounded-full"
-                style={{
-                  background: rateLimit.isLocked ? "rgba(248,113,113,0.15)" : rateLimit.count >= 8 ? "rgba(251,191,36,0.12)" : "var(--adim)",
-                  color: rateLimit.isLocked ? "var(--red)" : rateLimit.count >= 8 ? "var(--amb)" : "var(--acc)",
-                }}
-              >
-                {rateLimit.count}/{rateLimit.limit}
-              </span>
-            </div>
-
-            {/* Progress bar */}
-            <div className="rounded-full overflow-hidden" style={{ height: 4, background: "var(--bg3)" }}>
-              <div
-                className="h-full rounded-full transition-all duration-500"
-                style={{
-                  width: `${(rateLimit.count / rateLimit.limit) * 100}%`,
-                  background: rateLimit.isLocked
-                    ? "var(--red)"
-                    : rateLimit.count >= 8
-                    ? "var(--amb)"
-                    : "linear-gradient(90deg, var(--acc), var(--acc2))",
-                }}
-              />
-            </div>
-
-            {rateLimit.isLocked ? (
-              <p className="text-xs mt-2" style={{ color: "var(--red)" }}>
-                Locked · resets in {rateLimit.remainingHrs}h
-              </p>
-            ) : (
-              <p className="text-xs mt-2" style={{ color: "var(--mut)" }}>
-                {rateLimit.limit - rateLimit.count} remaining · resets after {rateLimit.limit} total
-              </p>
-            )}
-          </div>
-
-          {/* Footer credit */}
-          <div className="pt-4 text-xs" style={{ color: "var(--mut)" }}>
-            Powered by Qdrant + Supabase<br />
-            <span style={{ color: "rgba(0,200,150,0.6)" }}>RAG · Cross-Encoder · LLM</span>
-          </div>
-        </div>
-      </aside>
-
-      {/* ── Main Content ───────────────────────────────────── */}
-      <main className="flex flex-col flex-1" style={{ marginLeft: 230 }}>
-
-        {/* Sticky Search Bar */}
-        <div
-          className="sticky top-0 z-40 flex items-center gap-3 px-6 py-4"
-          style={{
-            background: "rgba(7,12,18,0.88)",
-            backdropFilter: "blur(20px)",
-            borderBottom: "1px solid var(--bdr)",
-          }}
-        >
-          <div
-            className="flex-1 flex items-start rounded-2xl transition-all duration-300"
-            style={{
-              background: "var(--bg2)",
-              border: `2px solid ${rateLimit.isLocked ? "rgba(248,113,113,0.3)" : "var(--bdr)"}`,
-              opacity: rateLimit.isLocked ? 0.6 : 1,
-            }}
-            onFocusCapture={e => { if (!rateLimit.isLocked) { (e.currentTarget as HTMLElement).style.borderColor = "var(--acc)"; (e.currentTarget as HTMLElement).style.boxShadow = "0 0 0 3px var(--adim)"; } }}
-            onBlurCapture={e => { (e.currentTarget as HTMLElement).style.borderColor = rateLimit.isLocked ? "rgba(248,113,113,0.3)" : "var(--bdr)"; (e.currentTarget as HTMLElement).style.boxShadow = "none"; }}
-          >
-            <textarea
-              ref={inputRef}
-              rows={1}
-              value={query}
-              onChange={e => setQuery(e.target.value)}
-              onKeyDown={handleKeyDown}
-              disabled={rateLimit.isLocked}
-              placeholder={rateLimit.isLocked ? `Search locked — resets in ${rateLimit.remainingHrs}h` : "e.g. A melancholic sci-fi about memory and loss..."}
-              className="flex-1 resize-none bg-transparent outline-none px-4 py-3 text-sm"
-              style={{ color: rateLimit.isLocked ? "var(--red)" : "#fff", fontFamily: "DM Sans, sans-serif", fontSize: 14, lineHeight: 1.5, cursor: rateLimit.isLocked ? "not-allowed" : "text" }}
-            />
-          </div>
-
-          {/* Filter toggle */}
-          <button
-            onClick={() => setFiltersOpen(o => !o)}
-            className="px-4 py-3 rounded-xl text-sm font-semibold transition-all duration-200"
-            style={{
-              background: filtersOpen ? "var(--adim)" : "var(--bg2)",
-              border: `1px solid ${filtersOpen ? "rgba(0,200,150,0.4)" : "var(--bdr)"}`,
-              color: filtersOpen ? "var(--acc)" : "var(--txt)",
-              cursor: "pointer",
-            }}
-          >
-            ⚙ Filters
-          </button>
-
-          {/* Search button */}
-          <button
-            onClick={() => handleSearch()}
-            disabled={loading}
-            className="flex items-center justify-center rounded-xl font-black text-lg transition-all duration-300"
-            style={{
-              width: 48, height: 48,
-              background: rateLimit.isLocked
-                ? "rgba(248,113,113,0.2)"
-                : loading ? "rgba(0,200,150,0.3)"
-                : "linear-gradient(135deg, var(--acc), var(--acc2))",
-              color: rateLimit.isLocked ? "var(--red)" : "#000",
-              border: rateLimit.isLocked ? "1px solid rgba(248,113,113,0.3)" : "none",
-              cursor: (loading || rateLimit.isLocked) ? "not-allowed" : "pointer",
-              boxShadow: (loading || rateLimit.isLocked) ? "none" : "0 4px 16px rgba(0,200,150,0.4)",
-              flexShrink: 0,
-            }}
-            onMouseEnter={e => { if (!loading && !rateLimit.isLocked) { (e.currentTarget as HTMLElement).style.transform = "translateY(-2px) scale(1.05)"; (e.currentTarget as HTMLElement).style.boxShadow = "0 8px 24px rgba(0,200,150,0.5)"; } }}
-            onMouseLeave={e => { (e.currentTarget as HTMLElement).style.transform = "none"; (e.currentTarget as HTMLElement).style.boxShadow = (loading || rateLimit.isLocked) ? "none" : "0 4px 16px rgba(0,200,150,0.4)"; }}
-          >
-            {rateLimit.isLocked ? "✕" : loading ? "⟳" : "➔"}
-          </button>
-        </div>
-
-        {/* Filters Panel */}
-        {filtersOpen && (
-          <div
-            className="px-6 py-5 flex flex-wrap gap-6 items-start"
-            style={{ background: "var(--bg2)", borderBottom: "1px solid var(--bdr)" }}
-          >
-            {/* Anime Type */}
-            <div>
-              <label className="block text-xs font-bold uppercase tracking-widest mb-2" style={{ color: "var(--mut)" }}>Type</label>
-              <div className="flex flex-wrap gap-1">
-                {ANIME_TYPES.map(t => (
-                  <button
-                    key={t}
-                    onClick={() => setAnimeType(t)}
-                    className="text-xs font-semibold px-3 py-1 rounded-lg transition-all duration-150"
-                    style={{
-                      background: animeType === t ? "var(--adim)" : "var(--bg3)",
-                      border: `1px solid ${animeType === t ? "rgba(0,200,150,0.4)" : "var(--bdr)"}`,
-                      color: animeType === t ? "var(--acc)" : "var(--txt)",
-                      cursor: "pointer",
-                    }}
-                  >
-                    {t}
-                  </button>
-                ))}
-              </div>
-            </div>
-
-            {/* Genre */}
-            <div>
-              <label className="block text-xs font-bold uppercase tracking-widest mb-2" style={{ color: "var(--mut)" }}>Genre</label>
-              <div className="flex flex-wrap gap-1" style={{ maxWidth: 420 }}>
-                {GENRES.map(g => {
-                  const active = genres.includes(g);
-                  return (
-                    <button
-                      key={g}
-                      onClick={() => toggleGenre(g)}
-                      className="text-xs font-semibold px-3 py-1 rounded-lg transition-all duration-150"
-                      style={{
-                        background: active ? "var(--adim)" : "var(--bg3)",
-                        border: `1px solid ${active ? "rgba(0,200,150,0.4)" : "var(--bdr)"}`,
-                        color: active ? "var(--acc)" : "var(--txt)",
-                        cursor: "pointer",
-                      }}
-                    >
-                      {g}
-                    </button>
-                  );
-                })}
-              </div>
-            </div>
-
-            {/* Min Score */}
-            <div style={{ minWidth: 180 }}>
-              <label className="block text-xs font-bold uppercase tracking-widest mb-2" style={{ color: "var(--mut)" }}>
-                Min Rating: <span style={{ color: "var(--acc)" }}>{minScore > 0 ? minScore : "Any"}</span>
-              </label>
-              <input
-                type="range" min={0} max={10} step={0.5} value={minScore}
-                onChange={e => setMinScore(parseFloat(e.target.value))}
-                className="w-full accent-emerald-400"
-              />
-            </div>
-
-            {/* N Results */}
-            <div style={{ minWidth: 160 }}>
-              <label className="block text-xs font-bold uppercase tracking-widest mb-2" style={{ color: "var(--mut)" }}>
-                Results: <span style={{ color: "var(--acc)" }}>{nResults}</span>
-              </label>
-              <input
-                type="range" min={1} max={8} step={1} value={nResults}
-                onChange={e => setNResults(parseInt(e.target.value))}
-                className="w-full accent-emerald-400"
-              />
-            </div>
-          </div>
-        )}
-
-        {/* Output Zone */}
-        <div className="flex-1 px-6 py-6">
-
-          {/* HUD Bar */}
-          {(loading || result || error) && (
-            <div
-              className="flex items-center justify-between rounded-xl px-5 py-3 mb-6"
-              style={{ background: "var(--bg2)", border: "1px solid var(--bdr)" }}
-            >
-              {loading && (
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 rounded-full" style={{ background: "var(--acc)", animation: "pulse-ring 1.2s ease-in-out infinite" }} />
-                  <span className="text-sm font-semibold" style={{ color: "var(--acc)" }}>Searching through anime universe…</span>
-                </div>
-              )}
-              {error && (
-                <span className="text-sm font-bold px-4 py-1.5 rounded-full" style={{ background: "rgba(248,113,113,0.1)", color: "var(--red)", border: "1px solid rgba(248,113,113,0.2)" }}>
-                  ✗ {error}
-                </span>
-              )}
-              {result && !loading && (
-                <>
-                  <span className="text-sm font-bold px-4 py-1.5 rounded-full" style={{ background: "var(--adim)", color: "var(--acc)", border: "1px solid rgba(0,200,150,0.3)" }}>
-                    ✦ Results ready
-                  </span>
-                  <div className="flex items-center gap-5">
-                    <div className="flex flex-col items-end">
-                      <span className="font-black text-lg leading-none" style={{ color: "#fff", fontFamily: "'Space Mono', monospace" }}>{result.retrieved_count}</span>
-                      <span className="text-xs uppercase tracking-wider mt-0.5" style={{ color: "var(--mut)" }}>titles scanned</span>
-                    </div>
-                    <div className="w-px h-7" style={{ background: "var(--bdr)" }} />
-                    <div className="flex flex-col items-end">
-                      <span className="font-black text-lg leading-none" style={{ color: "#fff", fontFamily: "'Space Mono', monospace" }}>{timeStr}s</span>
-                      <span className="text-xs uppercase tracking-wider mt-0.5" style={{ color: "var(--mut)" }}>search time</span>
-                    </div>
-                  </div>
-                </>
-              )}
-            </div>
-          )}
-
-          {/* Empty state */}
-          {!loading && !result && !error && (
-            <div className="flex flex-col items-center justify-center py-24 gap-4 text-center">
-              <div
-                className="text-5xl mb-2"
-                style={{ filter: "drop-shadow(0 4px 16px var(--aglow))", animation: "pulse-ring 3s ease-in-out infinite" }}
-              >
-                ⛩
-              </div>
-              <h2 className="text-2xl font-black" style={{ fontFamily: "'Space Mono', monospace", color: "#fff" }}>
-                What are you in the mood for?
-              </h2>
-              <p className="text-sm max-w-xs" style={{ color: "var(--mut)" }}>
-                Type a vibe, a feeling, or a genre above — or pick a quick search from the sidebar.
-              </p>
-            </div>
-          )}
-
-          {/* Loading skeleton */}
-          {loading && (
-            <div className="flex gap-6">
-              <div className="flex-1 flex flex-col gap-4">
-                {Array.from({ length: nResults }).map((_, i) => (
-                  <div key={i} className="flex rounded-2xl overflow-hidden" style={{ background: "var(--bg2)", border: "1px solid var(--bdr)", height: 200, opacity: 1 - i * 0.2 }}>
-                    <div className="flex-shrink-0" style={{ width: 140, background: "var(--bg3)" }} />
-                    <div className="flex-1 p-4 flex flex-col gap-3">
-                      <div className="flex gap-2">
-                        {[60, 50, 80, 90].map((w, j) => <div key={j} className="rounded-md h-5" style={{ width: w, background: "var(--bg3)" }} />)}
-                      </div>
-                      <div className="rounded-lg h-5 w-3/4" style={{ background: "var(--bg3)" }} />
-                      <div className="rounded-lg h-4 w-1/3" style={{ background: "var(--bg3)" }} />
-                      <div className="flex-1 rounded-lg" style={{ background: "var(--bg3)" }} />
-                    </div>
-                  </div>
-                ))}
-              </div>
-              <div className="w-72 rounded-2xl flex-shrink-0" style={{ background: "var(--bg2)", border: "1px solid var(--bdr)", height: 400 }} />
-            </div>
-          )}
-
-          {/* Results */}
-          {result && !loading && (
-            <div className="flex gap-6 items-start">
-
-              {/* Recommendations column */}
-              <div className="flex-1 min-w-0">
-                <p className="text-xs font-bold uppercase tracking-widest mb-5 pb-3" style={{ color: "var(--mut)", borderBottom: "1px solid var(--bdr)", letterSpacing: "1.5px" }}>
-                  Recommendations
-                </p>
-
-                {parsedRecs.length === 0 ? (
-                  <p className="text-sm leading-relaxed px-1" style={{ color: "#b0c8e0", fontSize: 15 }}>{result.recommendations}</p>
-                ) : (
-                  parsedRecs.map((rec, i) => {
-                    const anime = matchAnime(rec.title, retrievedAnimes);
-                    return (
-                      <div
-                        key={i}
-                        className="fade-up rounded-2xl overflow-hidden mb-5"
-                        style={{
-                          animationDelay: `${i * 0.1}s`,
-                          border: "1px solid var(--bdr)",
-                          background: "var(--bg2)",
-                        }}
-                      >
-                        {rec.pre && i === 0 && (
-                          <p className="px-5 pt-4 pb-2 text-sm italic" style={{ color: "#b0c8e0" }}>{rec.pre}</p>
-                        )}
-                        {anime
-                          ? <SpotlightCard anime={anime} />
-                          : <div className="px-5 py-4 font-bold" style={{ fontFamily: "'Space Mono', monospace", color: "#fff" }}>{rec.title}</div>
-                        }
-                        <div className="px-5 py-4 text-sm leading-relaxed" style={{ borderTop: "1px solid var(--bdr)", background: "rgba(255,255,255,0.015)", color: "#b8cde0" }}>
-                          {rec.body}
-                        </div>
-                      </div>
-                    );
-                  })
-                )}
-              </div>
-
-              {/* Retrieved sidebar */}
-              {retrievedAnimes.length > 0 && (
-                <aside
-                  className="flex-shrink-0 rounded-2xl p-4 sticky overflow-y-auto"
-                  style={{
-                    width: 280,
-                    top: 80,
-                    maxHeight: "calc(100vh - 120px)",
-                    background: "var(--bg2)",
-                    border: "1px solid var(--bdr)",
-                    scrollbarWidth: "thin",
-                    scrollbarColor: "var(--bg3) transparent",
-                  }}
-                >
-                  <div className="flex justify-between items-center mb-4 pb-3" style={{ borderBottom: "1px solid var(--bdr)" }}>
-                    <span className="text-xs font-bold uppercase tracking-widest" style={{ color: "var(--mut)" }}>Vector search</span>
-                    <span className="text-xs font-bold px-2 py-0.5 rounded-full" style={{ background: "var(--adim)", color: "var(--acc)" }}>{result.retrieved_count}</span>
-                  </div>
-                  <div className="flex flex-col gap-1">
-                    {retrievedAnimes.map((a, i) => (
-                      <RetrievedRow key={i} anime={a} idx={i + 1} />
-                    ))}
-                  </div>
-                </aside>
-              )}
-            </div>
-          )}
-        </div>
-      </main>
-    </div>
-  );
-}

ui/gradio_app.py

@@ -1,773 +0,0 @@
-import gradio as gr
-from gradio import themes
-import requests
-import os
-import re
-from config import settings
-
-API_URL = os.getenv("API_URL", "http://127.0.0.1:8000")
-
-ANIME_TYPES = ["Any", "TV", "Movie", "OVA", "ONA",
-               "Special", "Music", "CM", "PV", "TV Special"]
-GENRES = [
-    "Any", "Action", "Adventure", "Avant Garde", "Award Winning", "Boys Love",
-    "Comedy", "Drama", "Ecchi", "Erotica", "Fantasy", "Girls Love", "Gourmet",
-    "Hentai", "Horror", "Mystery", "Romance", "Sci-Fi", "Slice of Life", "Sports",
-    "Supernatural", "Suspense"
-]
-
-SUGGESTIONS = [
-    {"label": "⚔️  Dark fantasy",
-        "query": "Dark fantasy with an unreliable narrator"},
-    {"label": "🤖 Cyberpunk action",
-        "query": "Fast-paced cyberpunk action with great animation"},
-    {"label": "💀 Psychological",
-        "query": "Psychological thriller that messes with your head"},
-    {"label": "💘 Romance drama",      "query": "Bittersweet romance that makes you cry"},
-    {"label": "🌸 Similar to Naruto",
-        "query": "Action packed themed anime similar to Naruto"}
-]
-
-# ─── HTML builders ────────────────────────────────────────────────────────────
-
-
-def _img(images: dict) -> str:
-    webp = images.get("webp", {}).get("image_url", "")
-    jpg = images.get("jpg",  {}).get("image_url", "")
-    return webp or jpg or ""
-
-
-def build_spotlight_card(anime: dict) -> str:
-    img = _img(anime.get("images", {}))
-    title = anime.get("title", "Unknown")
-    eng = anime.get("title_english") or ""
-    score = anime.get("score") or "—"
-    scored_by = anime.get("scored_by") or "—"
-    year = anime.get("year") or "—"
-    kind = anime.get("type") or "—"
-    eps = anime.get("episodes") or "—"
-    genres = anime.get("genres") or []
-    studios = anime.get("studios") or []
-    url = anime.get("mal_url", "#")
-    raw_syn = anime.get("synopsis") or ""
-    synopsis = raw_syn[:220].rstrip() + ("..." if len(raw_syn) > 220 else "")
-
-    genre_pills = "".join(f"<span class='pill'>{g}</span>" for g in genres[:4])
-    studio_str = ", ".join(studios[:2]) if studios else "Unknown Studio"
-
-    eng_html = f"<h4 class='sc-eng'>{eng}</h4>" if eng and eng.strip(
-    ) and eng != title else ""
-
-    try:
-        s = float(score)
-        sc = "#00e5a0" if s >= 8 else "#fbbf24" if s >= 7 else "#f87171"
-    except Exception:
-        sc = "#6b7a99"
-
-    return (
-        f"<a href='{url}' target='_blank' class='sc'>"
-        f"<div class='sc-poster'>"
-        f"<img src='{img}' alt='{title}' loading='lazy' "
-        f"onerror=\"this.src='https://placehold.co/280x400/0d1520/00c896?text=?'\"/>"
-        f"<div class='sc-badge' style='color:{sc}'>&#9733; {score}</div>"
-        f"</div>"
-        f"<div class='sc-body'>"
-        f"<div class='sc-chips'>"
-        f"<span class='mc'>{kind}</span><span class='mc'>{year}</span><span class='mc'>{eps} ep</span><span class='mc'>Scored by:{scored_by}</span>"
-        f"</div>"
-        f"<h3 class='sc-title'>{title}</h3>"
-        f"{eng_html}"
-        f"<p class='sc-studio'>{studio_str}</p>"
-        f"<p class='sc-synopsis'>{synopsis}</p>"
-        f"<div class='pill-row'>{genre_pills}</div>"
-        f"<span class='mal-btn'>View on MAL &#8599;</span>"
-        f"</div></a>"
-    )
-
-
-def build_retrieved_row(anime: dict, idx: int) -> str:
-    img = _img(anime.get("images", {}))
-    title = anime.get("title", "Unknown")
-    score = anime.get("score") or "—"
-    year = anime.get("year") or "—"
-    kind = anime.get("type") or ""
-    genres = (anime.get("genres") or [])[:2]
-    url = anime.get("mal_url", "#")
-    raw_score = anime.get("final_hybrid_score", 0)
-    rel_pct = max(5, int(raw_score * 100))
-    genre_str = " · ".join(genres)
-
-    return (
-        f"<a href='{url}' target='_blank' class='rr'>"
-        f"<span class='rr-idx'>{idx:02d}</span>"
-        f"<img src='{img}' alt='{title}' class='rr-thumb' loading='lazy' "
-        f"onerror=\"this.src='https://placehold.co/44x62/0d1520/00c896?text=?'\"/>"
-        f"<div class='rr-info'>"
-        f"<span class='rr-title'>{title}</span>"
-        f"<span class='rr-sub'>{kind} · {year} · {genre_str}</span>"
-        f"<div class='rr-bar-bg'><div class='rr-bar-fill' style='width:{rel_pct}%'></div></div>"
-        f"</div>"
-        f"<div class='rr-right'>"
-        f"<span class='rr-score'>&#9733; {score}</span>"
-        f"<span class='rr-pct'>{rel_pct}%</span>"
-        f"</div>"
-        f"</a>"
-    )
-
-
-def format_output(result: dict) -> tuple[str, str]:
-    recs_text = result.get("recommendations", "")
-    retrieved_count = result.get("retrieved_count", 0)
-    time_str = result.get("metadata", {}).get(
-        "Time taken for LLM + vector search", "?")
-    retrieved = result.get("retrieved_animes", [])
-
-    header = (
-        "<div class='hud'>"
-        "<div class='hud-pill ready'>&#10022; Results ready</div>"
-        "<div class='hud-stats'>"
-        f"<div class='hud-stat'><span class='hud-n'>{retrieved_count}</span>"
-        f"<span class='hud-l'>titles scanned</span></div>"
-        "<div class='hud-sep'></div>"
-        f"<div class='hud-stat'><span class='hud-n'>{time_str[:4]}s</span>"
-        f"<span class='hud-l'>search time</span></div>"
-        "</div></div>"
-    )
-
-    sections = re.split(r'\*\*(.+?)\*\*', recs_text)
-    title_map = {a.get("title", "").lower(): a for a in retrieved}
-    title_map.update(
-        {(a.get("title_english") or "").lower(): a for a in retrieved})
-
-    recs_html = ""
-    if len(sections) > 1:
-        pre = sections[0].strip()
-        if pre:
-            recs_html += f"<p class='llm-intro'>{pre}</p>"
-
-        pairs = list(zip(sections[1::2], sections[2::2]))
-        for i, (rec_title, rec_body) in enumerate(pairs):
-            rec_title = rec_title.strip()
-            rec_body = rec_body.strip().lstrip("\n").rstrip("\n—-").strip()
-
-            matched = title_map.get(rec_title.lower())
-            if not matched:
-                for k, v in title_map.items():
-                    if k and (k in rec_title.lower() or rec_title.lower() in k):
-                        matched = v
-                        break
-
-            card = build_spotlight_card(
-                matched) if matched else f"<div class='no-img-title'>{rec_title}</div>"
-            delay = f"{i * 0.09:.2f}"
-            recs_html += (
-                f"<div class='rec-block' style='animation-delay:{delay}s'>"
-                f"{card}"
-                f"<div class='llm-pitch'>{rec_body}</div>"
-                f"</div>"
-            )
-    else:
-        recs_html = f"<div class='convo-msg'>{recs_text}</div>"
-
-    sidebar = ""
-    if retrieved:
-        rows = "".join(build_retrieved_row(a, i + 1)
-                       for i, a in enumerate(retrieved))
-        sidebar = (
-            "<aside class='sidebar'>"
-            "<div class='sidebar-head'>"
-            "<span class='sidebar-label'>Vector search</span>"
-            f"<span class='sidebar-count'>{retrieved_count}</span>"
-            "</div>"
-            f"<div class='rr-list'>{rows}</div>"
-            "</aside>"
-        )
-
-    body = (
-        "<div class='main-layout'>"
-        "<section class='recs-col'>"
-        "<div class='recs-heading'>Recommendations</div>"
-        f"{recs_html}"
-        "</section>"
-        f"{sidebar}"
-        "</div>"
-    )
-    return header, body
-
-
-def get_recommendations(query, min_score, genre_filter, anime_type, n_results):
-    if not query or not query.strip():
-        return (
-            "<div class='hud'><div class='hud-pill idle'>Waiting for your prompt...</div></div>",
-            ""
-        )
-    try:
-        payload = {"query": query.strip(), "n_results": int(n_results)}
-        if min_score > 0:
-            payload["min_score"] = float(min_score)
-        if genre_filter and "Any" not in genre_filter:
-            payload["genre_filter"] = genre_filter
-        if anime_type and anime_type != "Any":
-            payload["anime_type"] = anime_type
-
-        response = requests.post(
-            f"{API_URL}/recommend",
-            json=payload,
-            headers={"X-API-Key": settings.frontend_api_key},
-            timeout=30)
-        response.raise_for_status()
-        result = response.json()
-
-        if not result.get("recommendations", "").strip():
-            return (
-                "<div class='hud'><div class='hud-pill err'>No matches</div></div>",
-                "<p class='convo-msg'>Couldn't find anything for that vibe. Try different keywords.</p>"
-            )
-        return format_output(result)
-
-    except requests.exceptions.ConnectionError:
-        return (
-            "<div class='hud'><div class='hud-pill err'>Offline</div></div>",
-            "<p class='convo-msg'>Cannot reach the backend. Is FastAPI running?</p>"
-        )
-    except Exception as e:
-        return (
-            "<div class='hud'><div class='hud-pill err'>Error</div></div>",
-            f"<p class='convo-msg'>Something went wrong: {e}</p>"
-        )
-
-
-# =============================================================================
-#  CSS (SCALED DOWN TO "AVERAGE" SIZE)
-# =============================================================================
-CSS = """
-@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');
-
-:root {
-    --bg:    #070c12;
-    --bg2:   #121b29;
-    --bg3:   #1a2639;
-    --bdr:   rgba(255,255,255,0.08);
-    --acc:   #00c896;
-    --acc2:  #00e8b0;
-    --adim:  rgba(0,200,150,0.12);
-    --aglow: rgba(0,200,150,0.3);
-    --amb:   #fbbf24;
-    --red:   #f87171;
-    --txt:   #dde3f0;
-    --mut:   #6b8299;
-    --f:     'Plus Jakarta Sans', sans-serif;
-    --sw:    220px; /* Reduced sidebar width */
-}
-
-*, *::before, *::after { box-sizing: border-box; }
-
-html, body {
-    background: var(--bg) !important;
-    font-family: var(--f) !important;
-    color: var(--txt) !important;
-    margin: 0; padding: 0;
-}
-
-.gradio-container {
-    max-width: 100% !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-
-#main-content {
-    margin-left: var(--sw);
-    width: calc(100% - var(--sw));
-    padding: 0;
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-}
-
-footer { display: none !important; }
-
-/* ── HERO BRAND ──────────────────────────────────────────────── */
-.hero-brand {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 40px 20px 20px;
-    text-align: center;
-}
-.hero-logo-row {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 6px;
-}
-.hero-icon {
-    width: 38px; height: 38px;
-    background: linear-gradient(135deg, var(--acc), var(--acc2));
-    border-radius: 12px;
-    display: flex; align-items: center; justify-content: center;
-    font-size: 20px; flex-shrink: 0;
-    box-shadow: 0 4px 16px var(--aglow);
-    color: #070c12;
-}
-.hero-name { font-size: 24px; font-weight: 800; color: #fff; letter-spacing: -.5px; }
-.hero-name em { font-style: normal; color: var(--acc); }
-
-/* ── FIXED SIDEBAR ───────────────────────────────────────────── */
-#anifind-sidebar {
-    position: fixed;
-    top: 0; left: 0;
-    width: var(--sw);
-    height: 100vh;
-    background: var(--bg);
-    border-right: 1px solid var(--bdr);
-    display: flex;
-    flex-direction: column;
-    padding: 30px 20px;
-    overflow-y: auto;
-    z-index: 999;
-    scrollbar-width: none;
-    box-shadow: 4px 0 20px rgba(0,0,0,0.2);
-}
-#anifind-sidebar::-webkit-scrollbar { display: none; }
-
-.sb-tagline {
-    font-size: 20px; font-weight: 800; color: #fff;
-    line-height: 1.3; letter-spacing: -.3px; margin-bottom: 10px;
-}
-.sb-tagline em { font-style: normal; color: var(--acc); }
-
-.sb-sub {
-    font-size: 13px; color: var(--mut);
-    line-height: 1.5; margin-bottom: 30px;
-}
-
-.sb-sect {
-    font-size: 11px; font-weight: 700;
-    letter-spacing: 1.2px; text-transform: uppercase;
-    color: var(--mut); margin-bottom: 12px;
-}
-
-.chips-col { display: flex; flex-direction: column; gap: 8px; }
-
-.chip {
-    font-family: var(--f); font-size: 13px; font-weight: 600;
-    color: var(--txt); background: var(--bg2);
-    border: 1px solid var(--bdr);
-    padding: 10px 14px; border-radius: 10px;
-    cursor: pointer; text-align: left;
-    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-.chip:hover {
-    color: var(--acc); background: var(--bg3);
-    border-color: rgba(0,200,150,.5);
-    transform: translateX(4px) scale(1.02);
-    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
-}
-
-/* ── STICKY SEARCH BAR ───────────────────────────────────────── */
-#search-zone {
-    position: sticky !important;
-    top: 0 !important; z-index: 100;
-    background: rgba(7,12,18,0.85) !important;
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
-    border-bottom: 1px solid var(--bdr) !important;
-    padding: 16px 24px !important;
-    gap: 12px !important;
-    align-items: center !important;
-}
-
-#query-input { 
-    background: var(--bg2) !important;
-    border: 2px solid var(--bdr) !important;
-    border-radius: 12px !important;
-    transition: all .3s cubic-bezier(0.16, 1, 0.3, 1) !important;
-}
-#query-input:focus-within {
-    border-color: var(--acc) !important;
-    box-shadow: 0 0 0 3px var(--adim) !important;
-}
-#query-input textarea {
-    font-family: var(--f) !important;
-    font-size: 13px !important;
-    padding: 10px !important;
-    background: transparent !important;
-    color: #fff !important;
-    border: none !important;
-    box-shadow: none !important;
-}
-
-#send-btn { min-width: unset !important; }
-#send-btn button {
-    background: linear-gradient(135deg, var(--acc), #00ffc8) !important;
-    color: #000 !important;
-    border: none !important;
-    border-radius: 12px !important;
-    height: 42px !important;
-    width: 42px !important;
-    font-size: 18px !important;
-    font-weight: 900 !important;
-    cursor: pointer;
-    transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
-    box-shadow: 0 4px 14px rgba(0, 200, 150, 0.4), inset 0 2px 0 rgba(255,255,255,0.3) !important;
-    display: flex; align-items: center; justify-content: center;
-}
-#send-btn button:hover {
-    transform: translateY(-2px) scale(1.05) !important;
-    box-shadow: 0 8px 20px rgba(0, 200, 150, 0.6) !important;
-}
-#send-btn button:active { transform: scale(0.95) !important; }
-
-/* ── FILTER BAR ──────────────────────────────────────────────── */
-#filter-bar {
-    background: var(--bg2) !important;
-    border: 1px solid var(--bdr) !important;
-    border-radius: 14px !important;
-    margin: 16px 24px 0 !important;
-    padding: 16px 24px !important;
-    box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
-    gap: 16px !important;
-}
-#filter-bar label span {
-    color: var(--mut) !important;
-    font-weight: 700 !important;
-    text-transform: uppercase !important;
-    letter-spacing: 1px !important;
-    font-size: 11px !important;
-}
-
-/* ── OUTPUT ZONE ─────────────────────────────────────────────── */
-#output-zone { 
-    padding: 24px !important; 
-    flex: 1;
-}
-
-.hud {
-    display: flex; align-items: center; justify-content: space-between;
-    background: var(--bg2); border: 1px solid var(--bdr);
-    border-radius: 12px; padding: 12px 20px;
-    margin-bottom: 24px;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-}
-.hud-pill {
-    font-size: 13px; font-weight: 700;
-    padding: 6px 14px; border-radius: 100px;
-}
-.hud-pill.ready { background: var(--adim); color: var(--acc); border: 1px solid rgba(0,200,150,.3); }
-.hud-pill.idle  { background: rgba(251,191,36,.1); color: var(--amb); border: 1px solid rgba(251,191,36,.2); }
-.hud-pill.err   { background: rgba(248,113,113,.1); color: var(--red); border: 1px solid rgba(248,113,113,.2); }
-
-.hud-stats { display: flex; align-items: center; gap: 16px; }
-.hud-stat  { display: flex; flex-direction: column; align-items: flex-end; }
-.hud-n { font-size: 18px; font-weight: 800; color: #fff; line-height: 1; }
-.hud-l { font-size: 11px; font-weight: 600; color: var(--mut); text-transform: uppercase; margin-top: 4px; }
-.hud-sep { width: 1px; height: 28px; background: var(--bdr); }
-
-.main-layout {
-    display: grid; grid-template-columns: 1fr 350px;
-    gap: 24px; align-items: start;
-}
-
-.recs-heading {
-    font-size: 12px; font-weight: 800; letter-spacing: 1.5px;
-    text-transform: uppercase; color: var(--mut);
-    margin-bottom: 18px; padding-bottom: 10px;
-    border-bottom: 2px solid var(--bdr);
-}
-
-/* ── RECOMMENDATION BLOCK ────────────────────────────────────── */
-.rec-block {
-    background: var(--bg2); 
-    border: 1px solid var(--bdr);
-    border-radius: 16px; overflow: hidden; margin-bottom: 20px;
-    opacity: 0; transform: translateY(15px);
-    animation: up .4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
-    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
-}
-.rec-block:hover {
-    border-color: rgba(0,200,150,.4);
-    box-shadow: 0 8px 30px rgba(0,200,150,.15);
-    transform: translateY(-4px) scale(1.01);
-}
-@keyframes up { to { opacity: 1; transform: translateY(0); } }
-
-.sc {
-    display: grid; grid-template-columns: 130px 1fr;
-    text-decoration: none !important; color: inherit !important;
-}
-
-.sc-poster {
-    position: relative; overflow: hidden;
-    background: var(--bg3); min-height: 180px;
-}
-.sc-poster img {
-    width: 100%; height: 100%; object-fit: cover;
-    display: block; transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.sc:hover .sc-poster img { transform: scale(1.06); }
-
-.sc-badge {
-    position: absolute; top: 10px; left: 10px;
-    background: rgba(7,12,18,.85); backdrop-filter: blur(8px);
-    font-size: 12px; font-weight: 800; padding: 4px 10px;
-    border-radius: 100px; border: 1px solid rgba(255,255,255,.15);
-    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
-}
-
-.sc-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
-
-.sc-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 2px; }
-.mc {
-    font-size: 10px; font-weight: 700; letter-spacing: .5px;
-    text-transform: uppercase; color: var(--acc);
-    background: var(--adim); border: 1px solid rgba(0,200,150,.25);
-    padding: 3px 8px; border-radius: 6px;
-}
-
-.sc-title { font-size: 17px; font-weight: 800; color: #fff; line-height: 1.2; letter-spacing: -.3px; }
-.sc-eng    { font-size: 12px; color: #a0b2c6; font-weight: 600; font-style: italic; margin-top: -2px; }
-.sc-studio { font-size: 12px; color: #8a9bb0; font-weight: 600; }
-.sc-synopsis { font-size: 12.5px; color: #dde3f0; line-height: 1.6; flex: 1; margin-top: 6px; }
-
-.pill-row { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
-.pill {
-    font-size: 12px; font-weight: 600; color: var(--txt);
-    background: var(--bg3); border: 1px solid var(--bdr); 
-    padding: 4px 12px; border-radius: 100px;
-}
-
-.mal-btn {
-    display: inline-block; margin-top: 14px;
-    font-size: 12px; font-weight: 700; color: var(--acc);
-    background: var(--adim); border: 1px solid rgba(0,200,150,.3);
-    padding: 8px 16px; border-radius: 8px; letter-spacing: .5px;
-    text-transform: uppercase; align-self: flex-start; 
-    transition: all .2s ease;
-}
-.sc:hover .mal-btn { 
-    background: var(--acc); color: #000; 
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0,200,150,0.3);
-}
-
-.llm-pitch {
-    padding: 14px 16px; font-size: 14px; color: #fff;
-    line-height: 1.6; border-top: 1px solid var(--bdr);
-    background: rgba(255,255,255,0.02);
-}
-
-/* ── RETRIEVED SIDEBAR ───────────────────────────────────────── */
-.sidebar {
-    background: var(--bg2); border: 1px solid var(--bdr);
-    border-radius: 16px; padding: 18px;
-    position: sticky; top: 110px;
-    max-height: calc(100vh - 130px);
-    overflow-y: auto; scrollbar-width: thin;
-    scrollbar-color: var(--mut) transparent;
-    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
-}
-
-.sidebar-head {
-    display: flex; justify-content: space-between; align-items: center;
-    margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--bdr);
-}
-.sidebar-label {
-    font-size: 11px; font-weight: 700; letter-spacing: 1px;
-    text-transform: uppercase; color: var(--mut);
-}
-.sidebar-count {
-    font-size: 12px; font-weight: 700; color: var(--acc);
-    background: var(--adim); padding: 3px 10px; border-radius: 100px;
-}
-
-.rr-list { display: flex; flex-direction: column; gap: 4px; }
-.rr {
-    display: grid; grid-template-columns: 22px 44px 1fr auto;
-    gap: 12px; align-items: center; padding: 8px;
-    border-radius: 10px; text-decoration: none !important;
-    color: inherit !important; transition: all .2s;
-}
-.rr:hover { 
-    background: var(--bg3); 
-    transform: translateX(4px);
-}
-
-.rr-idx { font-size: 11px; font-weight: 700; color: var(--mut); text-align: center; }
-.rr-thumb {
-    width: 44px; height: 62px; object-fit: cover;
-    border-radius: 6px; background: var(--bg3); display: block;
-}
-.rr-info { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
-.rr-title {
-    font-size: 13px; font-weight: 700; color: #fff;
-    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-}
-.rr-sub {
-    font-size: 11px; font-weight: 500; color: #8a9bb0;
-    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-}
-.rr-bar-bg { height: 4px; background: var(--bg3); border-radius: 4px; overflow: hidden; margin-top: 2px; }
-.rr-bar-fill {
-    height: 100%;
-    background: linear-gradient(90deg, var(--acc), var(--acc2));
-    border-radius: 4px;
-}
-.rr-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
-.rr-score { font-size: 12px; font-weight: 700; color: var(--amb); }
-.rr-pct   { font-size: 11px; font-weight: 600; color: var(--mut); }
-
-/* ── RESPONSIVE DESIGN ───────────────────────────────────────── */
-@media (max-width: 1024px) {
-    .main-layout { grid-template-columns: 1fr; }
-    .sidebar { position: relative; top: 0; max-height: none; margin-top: 24px; }
-}
-@media (max-width: 860px) {
-    #anifind-sidebar { width: 100%; position: relative; height: auto; border-right: none; border-bottom: 1px solid var(--bdr); }
-    #main-content { margin-left: 0; width: 100%; }
-    .sc { grid-template-columns: 1fr; }
-    .sc-poster { min-height: 200px; }
-}
-"""
-
-# =============================================================================
-#  JAVASCRIPT (INJECTED VIA HEAD TO GUARANTEE EXECUTION)
-# =============================================================================
-JS = """
-<script>
-function initAniFindJS() {
-    document.body.addEventListener('click', function(e) {
-        var chip = e.target.closest('.chip');
-        if (!chip) return;
-        var q = chip.getAttribute('data-q');
-        var ta = document.querySelector('#query-input textarea');
-        if (ta && q) {
-            // Svelte/React native value setter trigger
-            var setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
-            setter.call(ta, q);
-            ta.dispatchEvent(new Event('input', { bubbles: true }));
-            
-            setTimeout(function() {
-                var btn = document.querySelector('#send-btn button');
-                if (btn) btn.click();
-            }, 100);
-        }
-    });
-
-    document.body.addEventListener('keydown', function(e) {
-        if (e.target.tagName.toLowerCase() !== 'textarea') return;
-        if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
-            e.preventDefault();
-            e.stopPropagation();
-            var btn = document.querySelector('#send-btn button');
-            if (btn) btn.click();
-        }
-    }, true);
-}
-
-// Ensure the script runs after DOM is ready
-if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", initAniFindJS);
-} else {
-    initAniFindJS();
-}
-</script>
-"""
-
-# =============================================================================
-#  GRADIO INTERFACE
-# =============================================================================
-
-
-def create_interface():
-    chips_html = "".join(
-        f"<button class='chip' data-q='{s['query']}'>{s['label']}</button>"
-        for s in SUGGESTIONS
-    )
-
-    sidebar_html = (
-        "<div id='anifind-sidebar'>"
-        "<p class='sb-tagline'>Find your next<br><em>favourite anime.</em></p>"
-        "<p class='sb-sub'>Describe a vibe, a mood, a feeling — we'll match it to the perfect title.</p>"
-        "<div class='sb-sect'>Quick searches</div>"
-        f"<div class='chips-col'>{chips_html}</div>"
-        "</div>"
-    )
-
-    hero_html = (
-        "<div class='hero-brand'>"
-        "<div class='hero-logo-row'>"
-        "<div class='hero-icon'>&#x26E9;</div>"
-        "<span class='hero-name'>Ani<em>Find</em></span>"
-        "</div>"
-        "</div>"
-    )
-
-    # Added `head=JS` to properly inject the event listeners globally
-    with gr.Blocks(title="AniFind", head=JS) as demo:
-
-        gr.HTML(sidebar_html)
-
-        with gr.Column(elem_id="main-content"):
-
-            gr.HTML(hero_html)
-
-            with gr.Row(elem_id="search-zone"):
-                query_input = gr.Textbox(
-                    label="", show_label=False, lines=2,
-                    placeholder="e.g. A melancholic sci-fi about memory and loss...",
-                    elem_id="query-input", scale=10,
-                )
-                submit_btn = gr.Button("➔", elem_id="send-btn", scale=1)
-
-            with gr.Row(elem_id="filter-bar"):
-                anime_type_dd = gr.Dropdown(
-                    choices=ANIME_TYPES, value="Any", label="Type", scale=1)
-                genre_dd = gr.Dropdown(
-                    choices=GENRES, value=["Any"], label="Genre",
-                    multiselect=True, scale=2)
-                score_slider = gr.Slider(
-                    minimum=0, maximum=10, value=0, step=0.5,
-                    label="Min Rating", scale=1)
-                n_slider = gr.Slider(
-                    minimum=1, maximum=8, value=3, step=1,
-                    label="Results", scale=1)
-
-            with gr.Column(elem_id="output-zone"):
-                output_header = gr.HTML(
-                    value="<div class='hud'><div class='hud-pill idle'>Waiting for your prompt...</div></div>"
-                )
-                output_body = gr.HTML(value="")
-
-        ins = [query_input, score_slider, genre_dd, anime_type_dd, n_slider]
-        outs = [output_header, output_body]
-        submit_btn.click(fn=get_recommendations, inputs=ins, outputs=outs)
-        query_input.submit(fn=get_recommendations, inputs=ins, outputs=outs)
-
-    return demo
-
-
-if __name__ == "__main__":
-    demo = create_interface()
-
-    theme = themes.Base(
-        font=[themes.GoogleFont("Plus Jakarta Sans"),
-              "ui-sans-serif", "sans-serif"],
-    ).set(
-        body_background_fill="transparent",
-        block_background_fill="transparent",
-        block_border_width="0px",
-        input_background_fill="transparent",
-        border_color_primary="transparent",
-        shadow_drop="none",
-        shadow_drop_lg="none",
-    )
-
-    demo.launch(
-        server_name="0.0.0.0",
-        server_port=7860,
-        share=False,
-        css=CSS,
-        theme=theme,
-    )

ui/lib/types.ts

@@ -1,40 +0,0 @@
-export interface AnimeImages {
-  webp?: { image_url?: string };
-  jpg?:  { image_url?: string };
-}
-
-export interface Anime {
-  title:          string;
-  title_english?: string;
-  score?:         number | string;
-  scored_by?:     number | string;
-  year?:          number | string;
-  type?:          string;
-  episodes?:      number | string;
-  genres?:        string[];
-  studios?:       string[];
-  synopsis?:      string;
-  mal_url?:       string;
-  images?:        AnimeImages;
-  final_hybrid_score?: number;
-}
-
-export interface RecommendationResponse {
-  query:            string;
-  recommendations:  string;
-  retrieved_count:  number;
-  retrieved_animes: Anime[];
-  metadata: {
-    model:                              string;
-    retriever_k:                        number;
-    "Time taken for LLM + vector search": string;
-  };
-}
-
-export interface SearchFilters {
-  query:        string;
-  n_results:    number;
-  min_score?:   number;
-  genre_filter?: string[];
-  anime_type?:  string;
-}

ui/next.config.mjs

@@ -1,3 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-export default nextConfig;

ui/package-lock.json

@@ -1,1929 +0,0 @@
-{
-  "name": "anifind",
-  "version": "0.1.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "anifind",
-      "version": "0.1.0",
-      "dependencies": {
-        "next": "15.1.0",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0"
-      },
-      "devDependencies": {
-        "@types/node": "^20",
-        "@types/react": "^19",
-        "@types/react-dom": "^19",
-        "autoprefixer": "^10.0.1",
-        "postcss": "^8",
-        "tailwindcss": "^3.4.1",
-        "typescript": "^5"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
-      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
-      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
-      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
-      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
-      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
-      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
-      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
-      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
-      "cpu": [
-        "s390x"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
-      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
-      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
-      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
-      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
-      "cpu": [
-        "arm"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.0.5"
-      }
-    },
-    "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
-      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
-      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
-      "cpu": [
-        "s390x"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-linux-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
-      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
-      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
-      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
-      }
-    },
-    "node_modules/@img/sharp-wasm32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
-      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
-      "cpu": [
-        "wasm32"
-      ],
-      "optional": true,
-      "dependencies": {
-        "@emnapi/runtime": "^1.2.0"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
-      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@img/sharp-win32-x64": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
-      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@next/env": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.1.0.tgz",
-      "integrity": "sha512-UcCO481cROsqJuszPPXJnb7GGuLq617ve4xuAyyNG4VSSocJNtMU5Fsx+Lp6mlN8c7W58aZLc5y6D/2xNmaK+w=="
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.0.tgz",
-      "integrity": "sha512-ZU8d7xxpX14uIaFC3nsr4L++5ZS/AkWDm1PzPO6gD9xWhFkOj2hzSbSIxoncsnlJXB1CbLOfGVN4Zk9tg83PUw==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.0.tgz",
-      "integrity": "sha512-DQ3RiUoW2XC9FcSM4ffpfndq1EsLV0fj0/UY33i7eklW5akPUCo6OX2qkcLXZ3jyPdo4sf2flwAED3AAq3Om2Q==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.0.tgz",
-      "integrity": "sha512-M+vhTovRS2F//LMx9KtxbkWk627l5Q7AqXWWWrfIzNIaUFiz2/NkOFkxCFyNyGACi5YbA8aekzCLtbDyfF/v5Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.0.tgz",
-      "integrity": "sha512-Qn6vOuwaTCx3pNwygpSGtdIu0TfS1KiaYLYXLH5zq1scoTXdwYfdZtwvJTpB1WrLgiQE2Ne2kt8MZok3HlFqmg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.1.0.tgz",
-      "integrity": "sha512-yeNh9ofMqzOZ5yTOk+2rwncBzucc6a1lyqtg8xZv0rH5znyjxHOWsoUtSq4cUTeeBIiXXX51QOOe+VoCjdXJRw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.1.0.tgz",
-      "integrity": "sha512-t9IfNkHQs/uKgPoyEtU912MG6a1j7Had37cSUyLTKx9MnUpjj+ZDKw9OyqTI9OwIIv0wmkr1pkZy+3T5pxhJPg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.0.tgz",
-      "integrity": "sha512-WEAoHyG14t5sTavZa1c6BnOIEukll9iqFRTavqRVPfYmfegOAd5MaZfXgOGG6kGo1RduyGdTHD4+YZQSdsNZXg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.0.tgz",
-      "integrity": "sha512-J1YdKuJv9xcixzXR24Dv+4SaDKc2jj31IVUEMdO5xJivMTXuE6MAdIi4qPjSymHuFG8O5wbfWKnhJUcHHpj5CA==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@swc/counter": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "dependencies": {
-        "tslib": "^2.8.0"
-      }
-    },
-    "node_modules/@types/node": {
-      "version": "20.19.37",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
-      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@types/react": {
-      "version": "19.2.14",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
-      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
-      "dev": true,
-      "dependencies": {
-        "csstype": "^3.2.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.2.3",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
-      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
-      "dev": true,
-      "peerDependencies": {
-        "@types/react": "^19.2.0"
-      }
-    },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.27",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.27.tgz",
-      "integrity": "sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "browserslist": "^4.28.1",
-        "caniuse-lite": "^1.0.30001774",
-        "fraction.js": "^5.3.4",
-        "picocolors": "^1.1.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
-      "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
-      "dev": true,
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001777",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001777.tgz",
-      "integrity": "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "optional": true,
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "optional": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "optional": true
-    },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "optional": true,
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "dev": true
-    },
-    "node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.307",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.307.tgz",
-      "integrity": "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg==",
-      "dev": true
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
-      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
-      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
-      "optional": true
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-      "dev": true,
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/next": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.1.0.tgz",
-      "integrity": "sha512-QKhzt6Y8rgLNlj30izdMbxAwjHMFANnLwDwZ+WQh5sMhyt4lEBqDK9QpvWHtIM4rINKPoJ8aiRZKg5ULSybVHw==",
-      "deprecated": "This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/CVE-2025-66478 for more details.",
-      "dependencies": {
-        "@next/env": "15.1.0",
-        "@swc/counter": "0.1.3",
-        "@swc/helpers": "0.5.15",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001579",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.6"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.1.0",
-        "@next/swc-darwin-x64": "15.1.0",
-        "@next/swc-linux-arm64-gnu": "15.1.0",
-        "@next/swc-linux-arm64-musl": "15.1.0",
-        "@next/swc-linux-x64-gnu": "15.1.0",
-        "@next/swc-linux-x64-musl": "15.1.0",
-        "@next/swc-win32-arm64-msvc": "15.1.0",
-        "@next/swc-win32-x64-msvc": "15.1.0",
-        "sharp": "^0.33.5"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.41.2",
-        "babel-plugin-react-compiler": "*",
-        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "@playwright/test": {
-          "optional": true
-        },
-        "babel-plugin-react-compiler": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.36",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
-      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
-      "dev": true
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
-      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
-      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
-      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "lilconfig": "^3.1.1"
-      },
-      "engines": {
-        "node": ">= 18"
-      },
-      "peerDependencies": {
-        "jiti": ">=1.21.0",
-        "postcss": ">=8.0.9",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/react": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
-      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "19.2.4",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
-      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
-      "dependencies": {
-        "scheduler": "^0.27.0"
-      },
-      "peerDependencies": {
-        "react": "^19.2.4"
-      }
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.16.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.27.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
-      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="
-    },
-    "node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
-      "optional": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/sharp": {
-      "version": "0.33.5",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
-      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.3",
-        "semver": "^7.6.3"
-      },
-      "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/libvips"
-      },
-      "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.33.5",
-        "@img/sharp-darwin-x64": "0.33.5",
-        "@img/sharp-libvips-darwin-arm64": "1.0.4",
-        "@img/sharp-libvips-darwin-x64": "1.0.4",
-        "@img/sharp-libvips-linux-arm": "1.0.5",
-        "@img/sharp-libvips-linux-arm64": "1.0.4",
-        "@img/sharp-libvips-linux-s390x": "1.0.4",
-        "@img/sharp-libvips-linux-x64": "1.0.4",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
-        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
-        "@img/sharp-linux-arm": "0.33.5",
-        "@img/sharp-linux-arm64": "0.33.5",
-        "@img/sharp-linux-s390x": "0.33.5",
-        "@img/sharp-linux-x64": "0.33.5",
-        "@img/sharp-linuxmusl-arm64": "0.33.5",
-        "@img/sharp-linuxmusl-x64": "0.33.5",
-        "@img/sharp-wasm32": "0.33.5",
-        "@img/sharp-win32-ia32": "0.33.5",
-        "@img/sharp-win32-x64": "0.33.5"
-      }
-    },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
-      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
-      "optional": true,
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
-      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.1",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
-      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "tinyglobby": "^0.2.11",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.4.19",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
-      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
-      "dev": true,
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.7",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.15",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
-      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
-      "dev": true,
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
-      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    }
-  }
-}

ui/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "anifind",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "15.1.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "autoprefixer": "^10.0.1",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
-  }
-}

ui/postcss.config.mjs

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
-export default config;

ui/tailwind.config.ts

@@ -1,11 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-const config = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: { extend: {} },
-  plugins: [],
-};
-export default config;

ui/tsconfig.json

@@ -1,40 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": [
-        "./*"
-      ]
-    },
-    "target": "ES2017"
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}