Upload folder using huggingface_hub

.gitattributes

@@ -33,3 +33,80 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/ortho/coco/000000000001.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/ortho/coco/000000000016.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/ortho/coco/000000000019.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/ortho/coco/000000000063.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/ortho/instance/ADE_train_00000732.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/coco/000000000001.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/coco/000000000016.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/coco/000000000019.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/coco/000000000057.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/coco/000000000063.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/ddcolor/standard/instance/ADE_train_00000732.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/coco/000000000001.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/coco/000000000016.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/coco/000000000019.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/coco/000000000057.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/coco/000000000063.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000001.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000002.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000003.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000005.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/instance/ADE_train_00000732.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/instance/ADE_train_00004140.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/ortho/instance/ADE_train_00005198.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/coco/000000000001.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/coco/000000000016.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/coco/000000000019.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/coco/000000000057.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/coco/000000000063.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/imagenet/ILSVRC2012_val_00000001.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/imagenet/ILSVRC2012_val_00000002.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/imagenet/ILSVRC2012_val_00000003.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/imagenet/ILSVRC2012_val_00000005.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/instance/ADE_train_00000732.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/instance/ADE_train_00004140.png filter=lfs diff=lfs merge=lfs -text
+image_samples/disco/standard/instance/ADE_train_00005198.png filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/coco/000000000001.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/coco/000000000016.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/coco/000000000019.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/coco/000000000057.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/coco/000000000063.jpg filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/imagenet/ILSVRC2012_val_00000001.JPEG filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/imagenet/ILSVRC2012_val_00000002.JPEG filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/imagenet/ILSVRC2012_val_00000003.JPEG filter=lfs diff=lfs merge=lfs -text
+image_samples/gt/standard/imagenet/ILSVRC2012_val_00000005.JPEG filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/coco/000000000001.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/coco/000000000016.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/coco/000000000019.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/coco/000000000057.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/coco/000000000063.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000001.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000002.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000003.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000004.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000005.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/instance/ADE_train_00000732.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/instance/ADE_train_00003558.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/instance/ADE_train_00004140.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/ortho/instance/ADE_train_00005198.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/coco/000000000001.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/coco/000000000016.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/coco/000000000019.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/coco/000000000057.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/coco/000000000063.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000001.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000002.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000003.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000004.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000005.JPEG.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/instance/ADE_train_00000732.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/instance/ADE_train_00003558.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/instance/ADE_train_00004140.jpg.png filter=lfs diff=lfs merge=lfs -text
+image_samples/unicolor/standard/instance/ADE_train_00005198.jpg.png filter=lfs diff=lfs merge=lfs -text
+tutorial/colorartifacts2.png filter=lfs diff=lfs merge=lfs -text
+tutorial/colorblind/plate_blueyellow.png filter=lfs diff=lfs merge=lfs -text
+tutorial/colorblind/plate_demo.png filter=lfs diff=lfs merge=lfs -text
+tutorial/colorblind/plate_redgreen.png filter=lfs diff=lfs merge=lfs -text
+tutorial/imageArtifacts.png filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,24 @@
+# Python
+__pycache__/
+*.py[cod]
+*.egg-info/
+.venv/
+venv/
+
+# Node
+frontend/node_modules/
+frontend/.vite/
+
+# Build output — rebuilt by Docker, don't commit
+frontend/dist/
+
+# Local database
+responses.db
+*.db
+
+# Fly.io artifacts (not needed for HF)
+.fly/
+
+# Editor
+.DS_Store
+*.swp

Dockerfile

@@ -0,0 +1,26 @@
+FROM node:20-slim AS frontend-build
+WORKDIR /app/frontend
+COPY frontend/package*.json ./
+RUN npm ci
+COPY frontend/ .
+RUN npm run build
+
+FROM python:3.11-slim
+WORKDIR /app
+
+COPY backend/requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY backend/ ./backend/
+COPY --from=frontend-build /app/frontend/dist ./frontend/dist
+COPY image_samples/ ./image_samples/
+COPY tutorial/ ./tutorial/
+COPY manifest.json .
+
+# HF Spaces runs as user 1000; ensure /data is writable for SQLite
+RUN mkdir -p /data && chmod 777 /data
+
+EXPOSE 7860
+
+# PORT is injected by HF Spaces (7860); falls back to 8080 elsewhere
+CMD ["sh", "-c", "uvicorn backend.main:app --host 0.0.0.0 --port ${PORT:-8080}"]

README.md

@@ -1,12 +1,19 @@
 ---
-title: Colorization
-emoji: 🦀
-colorFrom: purple
-colorTo: purple
+title: Color Turing Test
+emoji: 🎨
+colorFrom: indigo
+colorTo: green
 sdk: docker
 pinned: false
-license: cc-by-sa-4.0
-short_description: User study for colorization techniques
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Color Turing Test — Colorization Perception Study
+
+A perceptual study examining how well AI colorization fools human observers.
+
+Participants see 50 images and judge whether colorization artifacts are present or absent. Takes ~5–10 minutes. Anonymous, no account required.
+
+## For researchers
+
+Results CSV: `/api/results/csv?key=colorturingtest2025`  
+Summary JSON: `/api/results/summary?key=colorturingtest2025`

backend/db.py

@@ -0,0 +1,55 @@
+import os
+import aiosqlite
+
+# Use persistent storage on Fly.io / HF Spaces, local file otherwise
+if os.environ.get("FLY_APP_NAME") or os.environ.get("SPACE_ID"):
+    DB_PATH = "/data/responses.db"
+else:
+    DB_PATH = os.path.join(os.path.dirname(__file__), "..", "responses.db")
+
+
+async def get_db() -> aiosqlite.Connection:
+    db = await aiosqlite.connect(DB_PATH)
+    db.row_factory = aiosqlite.Row
+    await db.execute("PRAGMA journal_mode=WAL")
+    return db
+
+
+async def init_db():
+    os.makedirs(os.path.dirname(DB_PATH) if os.path.dirname(DB_PATH) else ".", exist_ok=True)
+    db = await get_db()
+    try:
+        await db.execute("""
+            CREATE TABLE IF NOT EXISTS sessions (
+                session_id TEXT PRIMARY KEY,
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+                expertise TEXT,
+                colorblind INTEGER DEFAULT 0,
+                device TEXT,
+                cb_redgreen TEXT DEFAULT '',
+                cb_blueyellow TEXT DEFAULT '',
+                trials TEXT,
+                completed INTEGER DEFAULT 0
+            )
+        """)
+        await db.execute("""
+            CREATE TABLE IF NOT EXISTS responses (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                session_id TEXT,
+                trial_index INTEGER,
+                image_id TEXT,
+                image_path TEXT,
+                method TEXT,
+                variant TEXT,
+                dataset TEXT,
+                base_id TEXT,
+                label TEXT,
+                response TEXT,
+                correct INTEGER,
+                response_time_ms INTEGER,
+                created_at DATETIME DEFAULT CURRENT_TIMESTAMP
+            )
+        """)
+        await db.commit()
+    finally:
+        await db.close()

backend/main.py

@@ -0,0 +1,43 @@
+from contextlib import asynccontextmanager
+from pathlib import Path
+
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+
+from .db import init_db
+from .routes.session import router as session_router
+from .routes.results import router as results_router
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+@asynccontextmanager
+async def lifespan(app: FastAPI):
+    await init_db()
+    yield
+
+
+app = FastAPI(title="Colorization Perception Study", lifespan=lifespan)
+
+# CORS
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# API routes
+app.include_router(session_router)
+app.include_router(results_router)
+
+# Static file mounts — order matters: more specific first
+app.mount("/images", StaticFiles(directory=str(BASE_DIR / "image_samples")), name="images")
+app.mount("/tutorial", StaticFiles(directory=str(BASE_DIR / "tutorial")), name="tutorial")
+
+# Frontend SPA — must be last
+frontend_dist = BASE_DIR / "frontend" / "dist"
+if frontend_dist.exists():
+    app.mount("/", StaticFiles(directory=str(frontend_dist), html=True), name="frontend")

backend/requirements.txt

@@ -0,0 +1,4 @@
+fastapi==0.111.0
+uvicorn[standard]==0.29.0
+aiosqlite==0.20.0
+python-multipart==0.0.9

backend/routes/results.py

@@ -0,0 +1,122 @@
+from __future__ import annotations
+
+import csv
+import io
+from typing import Optional
+
+from fastapi import APIRouter, HTTPException, Query
+from fastapi.responses import StreamingResponse
+
+from ..db import get_db
+
+router = APIRouter(prefix="/api/results", tags=["results"])
+
+API_KEY = "colorturingtest2025"
+
+
+def check_key(key: Optional[str]):
+    if key != API_KEY:
+        raise HTTPException(status_code=403, detail="Invalid API key")
+
+
+@router.get("/csv")
+async def download_csv(key: str = Query(None)):
+    check_key(key)
+
+    db = await get_db()
+    try:
+        cursor = await db.execute("""
+            SELECT
+                r.id,
+                r.session_id,
+                s.expertise,
+                s.colorblind,
+                s.device,
+                s.cb_redgreen,
+                s.cb_blueyellow,
+                r.trial_index,
+                r.image_id,
+                r.image_path,
+                r.method,
+                r.variant,
+                r.dataset,
+                r.base_id,
+                r.label,
+                r.response,
+                r.correct,
+                r.response_time_ms,
+                r.created_at
+            FROM responses r
+            JOIN sessions s ON r.session_id = s.session_id
+            ORDER BY r.created_at
+        """)
+        rows = await cursor.fetchall()
+    finally:
+        await db.close()
+
+    output = io.StringIO()
+    writer = csv.writer(output)
+    writer.writerow([
+        "id", "session_id", "expertise", "colorblind", "device",
+        "cb_redgreen", "cb_blueyellow",
+        "trial_index", "image_id", "image_path", "method", "variant",
+        "dataset", "base_id", "label", "response", "correct",
+        "response_time_ms", "created_at"
+    ])
+    for row in rows:
+        writer.writerow(list(row))
+
+    output.seek(0)
+    return StreamingResponse(
+        iter([output.getvalue()]),
+        media_type="text/csv",
+        headers={"Content-Disposition": "attachment; filename=colorization_results.csv"},
+    )
+
+
+@router.get("/summary")
+async def summary(key: str = Query(None)):
+    check_key(key)
+
+    db = await get_db()
+    try:
+        # Per-method detection rates
+        cursor = await db.execute("""
+            SELECT
+                method,
+                COUNT(*) as total_shown,
+                SUM(CASE WHEN label = 'fake' AND response = 'fake' THEN 1 ELSE 0 END) as correctly_identified_fake,
+                ROUND(
+                    CAST(SUM(CASE WHEN label = 'fake' AND response = 'fake' THEN 1 ELSE 0 END) AS FLOAT)
+                    / NULLIF(SUM(CASE WHEN label = 'fake' THEN 1 ELSE 0 END), 0)
+                    * 100, 2
+                ) as detection_rate
+            FROM responses
+            GROUP BY method
+            ORDER BY method
+        """)
+        method_stats = [dict(row) for row in await cursor.fetchall()]
+
+        # Overall stats
+        cursor = await db.execute("SELECT COUNT(*) as total FROM responses")
+        total_responses = (await cursor.fetchone())["total"]
+
+        cursor = await db.execute(
+            "SELECT COUNT(*) as total FROM sessions WHERE completed = 1"
+        )
+        sessions_completed = (await cursor.fetchone())["total"]
+
+        # Overall accuracy
+        cursor = await db.execute(
+            "SELECT ROUND(AVG(correct) * 100, 2) as accuracy FROM responses"
+        )
+        overall_accuracy = (await cursor.fetchone())["accuracy"]
+    finally:
+        await db.close()
+
+    return {
+        "total_responses": total_responses,
+        "sessions_completed": sessions_completed,
+        "overall_accuracy": overall_accuracy,
+        "per_method": method_stats,
+    }

backend/routes/session.py

@@ -0,0 +1,167 @@
+from __future__ import annotations
+
+import json
+import random
+import uuid
+from collections import defaultdict
+from pathlib import Path
+from typing import List, Dict
+
+from fastapi import APIRouter, HTTPException
+from pydantic import BaseModel
+
+from ..db import get_db
+
+router = APIRouter(prefix="/api/session", tags=["session"])
+
+# Load manifest once at module level
+MANIFEST_PATH = Path(__file__).resolve().parent.parent.parent / "manifest.json"
+with open(MANIFEST_PATH) as f:
+    MANIFEST = json.load(f)
+
+
+class StartRequest(BaseModel):
+    expertise: str
+    colorblind: int  # 0 or 1
+    device: str
+    cb_redgreen: str = ""   # "normal" | "deficient" | "unsure"
+    cb_blueyellow: str = "" # "normal" | "deficient" | "unsure"
+
+
+class RespondRequest(BaseModel):
+    session_id: str
+    trial_index: int
+    image_id: str
+    label: str
+    response: str
+    response_time_ms: int
+
+
+class CompleteRequest(BaseModel):
+    session_id: str
+
+
+def sample_trials() -> list[dict]:
+    """
+    Sample 50 images: 10 gt images (randomly sampled from 15) + 40 colorized (8 per method),
+    balanced across variants (ortho/standard) and datasets.
+
+    GT is capped at 10 to avoid consistent overexposure of the same real images across sessions.
+    8 per method (instead of 7) keeps the total at 50 and maintains a ~20/80 real/fake split —
+    document the base rate in analysis.
+    """
+    all_gt = [e for e in MANIFEST if e["method"] == "gt"]
+    gt_images = random.sample(all_gt, min(10, len(all_gt)))
+
+    colorized_methods = ["bigcolor", "ddcolor", "disco", "unicolor", "mixed"]
+    sampled_colorized = []
+
+    for method in colorized_methods:
+        method_images = [e for e in MANIFEST if e["method"] == method]
+
+        # Group by (variant, dataset) for balanced sampling
+        groups = defaultdict(list)
+        for img in method_images:
+            groups[(img["variant"], img["dataset"])].append(img)
+
+        # We need 8 per method. There are 6 groups (2 variants x 3 datasets).
+        # Each group has ~5 images. Pick 1 from each group (6), then 2 more random.
+        selected = []
+        remaining = []
+
+        group_keys = sorted(groups.keys())
+        for key in group_keys:
+            pool = groups[key][:]
+            random.shuffle(pool)
+            if pool:
+                selected.append(pool[0])
+                remaining.extend(pool[1:])
+
+        # Fill up to 8
+        random.shuffle(remaining)
+        needed = 8 - len(selected)
+        selected.extend(remaining[:needed])
+
+        sampled_colorized.extend(selected)
+
+    trials = gt_images + sampled_colorized
+    random.shuffle(trials)
+    return trials
+
+
+@router.post("/start")
+async def start_session(req: StartRequest):
+    session_id = str(uuid.uuid4())
+    trials = sample_trials()
+
+    db = await get_db()
+    try:
+        await db.execute(
+            "INSERT INTO sessions (session_id, expertise, colorblind, device, cb_redgreen, cb_blueyellow, trials) VALUES (?, ?, ?, ?, ?, ?, ?)",
+            (session_id, req.expertise, req.colorblind, req.device, req.cb_redgreen, req.cb_blueyellow, json.dumps(trials)),
+        )
+        await db.commit()
+    finally:
+        await db.close()
+
+    return {"session_id": session_id, "trials": trials}
+
+
+@router.post("/respond")
+async def respond(req: RespondRequest):
+    db = await get_db()
+    try:
+        # Look up the image details from the session trials
+        row = await db.execute(
+            "SELECT trials FROM sessions WHERE session_id = ?", (req.session_id,)
+        )
+        session = await row.fetchone()
+        if not session:
+            raise HTTPException(status_code=404, detail="Session not found")
+
+        trials = json.loads(session["trials"])
+        if req.trial_index < 0 or req.trial_index >= len(trials):
+            raise HTTPException(status_code=400, detail="Invalid trial index")
+
+        trial = trials[req.trial_index]
+        correct = 1 if req.response == req.label else 0
+
+        await db.execute(
+            """INSERT INTO responses
+               (session_id, trial_index, image_id, image_path, method, variant, dataset, base_id, label, response, correct, response_time_ms)
+               VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)""",
+            (
+                req.session_id,
+                req.trial_index,
+                trial["id"],
+                trial["path"],
+                trial["method"],
+                trial.get("variant", ""),
+                trial.get("dataset", ""),
+                trial.get("base_id", ""),
+                req.label,
+                req.response,
+                correct,
+                req.response_time_ms,
+            ),
+        )
+        await db.commit()
+    finally:
+        await db.close()
+
+    return {"correct": bool(correct)}
+
+
+@router.post("/complete")
+async def complete_session(req: CompleteRequest):
+    db = await get_db()
+    try:
+        await db.execute(
+            "UPDATE sessions SET completed = 1 WHERE session_id = ?",
+            (req.session_id,),
+        )
+        await db.commit()
+    finally:
+        await db.close()
+
+    return {"status": "completed"}

docs/analyses.md

@@ -0,0 +1,190 @@
+# Possible Analyses
+
+The dataset is a binary detection task with known ground truth. Each response is: did the participant detect colorization artifacts (PRESENT) or not (ABSENT)?
+
+---
+
+## 1. Per-Method Detection Rate (primary)
+
+**Question:** Which colorization method is hardest to detect?
+
+```python
+df.groupby('method').apply(lambda g: (
+    g[g['label']=='fake']['response'].eq('fake').mean()
+))
+```
+
+Produces hit rate per method. Lower = more convincing. Compare methods pairwise with proportion tests or a logistic mixed-effects model.
+
+---
+
+## 2. Signal Detection Theory (d-prime)
+
+**Question:** Separating sensitivity from response bias.
+
+For each participant (or aggregated per method):
+
+```python
+from scipy.stats import norm
+
+def dprime(hits, misses, fas, crs):
+    hr = hits / (hits + misses)
+    far = fas / (fas + crs)
+    # Clip to avoid ±inf
+    hr  = max(0.01, min(0.99, hr))
+    far = max(0.01, min(0.99, far))
+    return norm.ppf(hr) - norm.ppf(far)
+
+# hits  = label=='fake' AND response=='fake'
+# misses = label=='fake' AND response=='real'
+# false alarms = label=='real' AND response=='fake'
+# correct rejections = label=='real' AND response=='real'
+```
+
+d' = 0 → chance; d' = 1 → moderate sensitivity; d' ≥ 2 → strong.  
+Criterion c = −0.5 × (z_HR + z_FAR) tells you response bias (positive = conservative, negative = liberal).
+
+**Important:** The 20/80 real/fake base rate means you need at least 10 gt trials and 40 fake trials per participant — these are already guaranteed by the sampling scheme.
+
+---
+
+## 3. Response Time Analysis
+
+**Question:** Do faster responses indicate more automatic (vs deliberative) detection?
+
+```python
+import seaborn as sns
+sns.boxplot(data=df, x='method', y='response_time_ms', hue='correct')
+```
+
+Hypotheses:
+- Correct rejections of hard-to-detect fakes may be slower (more deliberation)
+- Easy artifacts (some methods) may produce fast, confident PRESENT responses
+- Compare median RT for correct vs incorrect per method with Mann-Whitney U
+
+---
+
+## 4. Expertise Effect
+
+**Question:** Do experts outperform novices?
+
+```python
+df.groupby(['expertise', 'method'])['correct'].mean().unstack()
+```
+
+Run a 2-way ANOVA or mixed-effects logistic regression:
+```
+correct ~ expertise * method + (1|session_id)
+```
+Use `pymer4` (R-style) or `statsmodels` MixedLM.
+
+---
+
+## 5. Colorblindness Effect
+
+**Question:** Does colorblindness affect artifact detection?
+
+```python
+df.groupby(['cb_redgreen', 'method'])['correct'].mean()
+```
+
+Red-green colorblindness may reduce sensitivity to chromatic artifacts from some methods. Compare d' between `normal` and `deficient` groups with independent-samples t-test or Bayesian comparison (if n is small).
+
+---
+
+## 6. Variant Comparison (ortho vs standard)
+
+**Question:** Are orthogonal colorizations harder to detect?
+
+```python
+df[df['label']=='fake'].groupby(['method','variant'])['correct'].mean()
+```
+
+Within each method, compare detection rates for `ortho` vs `standard`. Paired within method to control for method-level difficulty.
+
+---
+
+## 7. Dataset Difficulty
+
+**Question:** Do COCO / ImageNet / Instance images differ in detection difficulty?
+
+```python
+df[df['label']=='fake'].groupby(['dataset','method'])['correct'].mean().unstack()
+```
+
+---
+
+## 8. Learning / Fatigue Effects
+
+**Question:** Does performance change over the course of the session?
+
+```python
+df['trial_bin'] = pd.cut(df['trial_index'], bins=5, labels=['1-10','11-20','21-30','31-40','41-50'])
+df.groupby('trial_bin')['correct'].mean()
+```
+
+Plot accuracy across bins. Rising = learning (calibration to task). Falling = fatigue.
+
+---
+
+## 9. Per-Image Difficulty
+
+**Question:** Which specific images are consistently detected / missed?
+
+```python
+img_stats = df.groupby('image_id').agg(
+    n=('correct','count'),
+    accuracy=('correct','mean'),
+    method=('method','first'),
+    dataset=('dataset','first'),
+).sort_values('accuracy')
+```
+
+Top easiest (always detected) and hardest (never detected) images. Useful for understanding method-specific failure modes.
+
+---
+
+## 10. Inter-Rater Agreement
+
+**Question:** Do participants agree with each other on specific images?
+
+For images seen by multiple participants, compute Fleiss' kappa or just pairwise agreement rate. High agreement on specific images = consistent perceptual signal, not noise.
+
+---
+
+## Suggested Analysis Pipeline (Python)
+
+```python
+import pandas as pd
+from scipy.stats import norm, mannwhitneyu, chi2_contingency
+
+df = pd.read_csv('colorization_results.csv')
+
+# Filter completed sessions only
+completed = df[df['session_id'].isin(
+    df.groupby('session_id')['trial_index'].max()[lambda x: x >= 49].index
+)]
+
+# Base rates
+print(completed['label'].value_counts(normalize=True))
+
+# Per-method detection rate (fake images only)
+fakes = completed[completed['label'] == 'fake']
+print(fakes.groupby('method')['correct'].mean().sort_values())
+
+# Overall accuracy
+print("Overall accuracy:", completed['correct'].mean())
+```
+
+---
+
+## Recommended Libraries
+
+| Task | Library |
+|---|---|
+| Data wrangling | `pandas` |
+| Statistical tests | `scipy.stats`, `pingouin` |
+| Mixed-effects models | `statsmodels`, `pymer4` |
+| Signal detection | `sdtpy` or manual (formula above) |
+| Visualization | `matplotlib`, `seaborn` |
+| Reporting | `jupyter` notebooks |

docs/data-storage.md

@@ -0,0 +1,115 @@
+# Data Storage Format
+
+## Database
+
+SQLite file at:
+- **Local dev:** `./responses.db` (next to `backend/`)
+- **Fly.io:** `/app/data/responses.db` (on persistent volume)
+
+Two tables: `sessions` and `responses`.
+
+---
+
+## Table: `sessions`
+
+One row per participant session.
+
+| Column | Type | Description |
+|---|---|---|
+| `session_id` | TEXT PK | UUID generated server-side at session start |
+| `expertise` | TEXT | Self-reported: `novice`, `hobbyist`, `professional`, `researcher` |
+| `colorblind` | INTEGER | 1 if participant self-reported colorblindness, else 0 |
+| `device` | TEXT | User-agent string (desktop/mobile detection) |
+| `cb_redgreen` | TEXT | Ishihara plate result: `normal`, `deficient`, or `unsure` |
+| `cb_blueyellow` | TEXT | Ishihara plate result: `normal`, `deficient`, or `unsure` |
+| `trials` | TEXT | JSON array of the 50 sampled trial objects (full manifest entries) |
+| `completed` | INTEGER | 1 if participant reached Done screen, else 0 |
+| `created_at` | DATETIME | UTC timestamp of session creation |
+
+---
+
+## Table: `responses`
+
+One row per trial judgment.
+
+| Column | Type | Description |
+|---|---|---|
+| `id` | INTEGER PK | Auto-increment |
+| `session_id` | TEXT FK | References `sessions.session_id` |
+| `trial_index` | INTEGER | 0-indexed position in this participant's trial sequence |
+| `image_id` | TEXT | Unique image identifier from `manifest.json` |
+| `image_path` | TEXT | Relative path served at `/images/<path>` |
+| `method` | TEXT | Colorization method: `gt`, `bigcolor`, `ddcolor`, `disco`, `unicolor`, `mixed` |
+| `variant` | TEXT | `ortho` or `standard` (empty for `gt`) |
+| `dataset` | TEXT | `coco`, `imagenet`, or `instance` |
+| `base_id` | TEXT | Base scene identifier (shared across methods for same scene) |
+| `label` | TEXT | Ground truth: `real` (gt image) or `fake` (colorized) |
+| `response` | TEXT | Participant response: `real` (ABSENT pressed) or `fake` (PRESENT pressed) |
+| `correct` | INTEGER | 1 if `response == label`, else 0 |
+| `response_time_ms` | INTEGER | Milliseconds from image display to button press |
+| `created_at` | DATETIME | UTC timestamp |
+
+---
+
+## CSV Export
+
+Download the full dataset:
+
+```
+GET https://<your-fly-app>.fly.dev/api/results/csv?key=colorturingtest2025
+```
+
+The CSV has one row per response with all columns from the join of `responses` + `sessions`.
+
+### Column order in CSV
+
+```
+id, session_id, expertise, colorblind, device,
+cb_redgreen, cb_blueyellow,
+trial_index, image_id, image_path, method, variant,
+dataset, base_id, label, response, correct,
+response_time_ms, created_at
+```
+
+---
+
+## Importing to Google Sheets
+
+1. Download the CSV from the endpoint above (or open the URL directly in browser — it will download)
+2. In Google Sheets: **File → Import → Upload** → select the CSV → "Replace spreadsheet"
+3. For live/refreshable data, use **Apps Script**:
+
+```javascript
+// In Google Sheets → Extensions → Apps Script
+function importResults() {
+  const url = 'https://<your-fly-app>.fly.dev/api/results/csv?key=colorturingtest2025';
+  const response = UrlFetchApp.fetch(url);
+  const csv = response.getContentText();
+  const data = Utilities.parseCsv(csv);
+  
+  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Raw') 
+    || SpreadsheetApp.getActiveSpreadsheet().insertSheet('Raw');
+  sheet.clearContents();
+  sheet.getRange(1, 1, data.length, data[0].length).setValues(data);
+}
+```
+
+Run `importResults()` manually or set a time-based trigger (e.g., every hour) to keep the sheet updated.
+
+---
+
+## Base Rate
+
+Every session has a fixed real/fake split:
+- **20% real** (10 gt images)
+- **80% fake** (40 colorized images, 8 per method)
+
+Factor this into any sensitivity analysis (d-prime, criterion).
+
+---
+
+## Notes
+
+- Sessions where `completed = 0` are partial — participant dropped out mid-task. Include/exclude based on analysis goals.
+- `response_time_ms` starts when image finishes loading (`onLoad` event), not when the trial begins.
+- `trials` JSON in the sessions table preserves the exact sequence seen by each participant — useful for re-checking specific images post-hoc.

docs/pipeline.md

@@ -0,0 +1,111 @@
+# Study Pipeline
+
+## Overview
+
+A one-page web app that runs a perceptual discrimination study. Participants see images one at a time and judge whether colorization artifacts are present or absent. No login, no score reveal — pure signal detection data collection.
+
+---
+
+## Participant Flow
+
+```
+Welcome / Colorblindness Screen
+  └─ 3 Ishihara plates (demo → red-green → blue-yellow)
+  └─ Expertise dropdown (novice / hobbyist / professional / researcher)
+        │
+        ▼
+Tutorial (3 steps)
+  Step 1 — artifact reference: what artifacts look like (static explainer image)
+  Step 2 — practice real: participant sees a ground-truth image, makes a judgment, gets feedback
+  Step 3 — practice fake: participant sees a colorized image, makes a judgment, gets feedback
+        │
+        ▼
+50 Trial Loop
+  ├─ Image displayed (fixed-size container, objectFit: contain)
+  ├─ Participant responds: ABSENT (←) or PRESENT (→)
+  │     • Swipe right / → key / green button = PRESENT (artifacts detected)
+  │     • Swipe left  / ← key / red button   = ABSENT  (no artifacts)
+  ├─ Response + timing logged to backend (fire-and-forget)
+  └─ Repeat until trial 50
+        │
+        ▼
+Done Screen
+  └─ Thank-you message + share link
+```
+
+---
+
+## Image Sampling (per session)
+
+- **10 ground-truth (real)** images sampled randomly from 15 available
+- **8 colorized (fake)** images per method × 5 methods = 40
+- Total: **50 trials**, shuffled
+- Balance enforced: within each method, 1 image is drawn from each of the 6 (variant × dataset) groups (6 groups × 1 = 6; 2 extra drawn randomly from remaining pool)
+- GT varies session-to-session; same 15 base scenes, different 10 selected each time
+
+**Methods:** `bigcolor`, `ddcolor`, `disco`, `unicolor`, `mixed`  
+**Variants:** `ortho`, `standard`  
+**Datasets:** `coco`, `imagenet`, `instance`
+
+---
+
+## Response Encoding
+
+| User action | Button | Color | `response` value stored | Meaning |
+|---|---|---|---|---|
+| Swipe right / → | PRESENT | Green | `fake` | Participant detected artifacts |
+| Swipe left / ← | ABSENT | Red | `real` | Participant saw no artifacts |
+
+`label` field encodes ground truth: `fake` (colorized) or `real` (ground-truth photo).  
+`correct = 1` when `response == label`.
+
+---
+
+## Tech Stack
+
+| Layer | Tech |
+|---|---|
+| Frontend | React 18 + Vite + MUI v5 dark theme |
+| Backend | FastAPI + aiosqlite |
+| Database | SQLite (local: `./responses.db`, Fly.io: `/app/data/responses.db`) |
+| Deployment | Fly.io — single Docker container, persistent volume |
+| Session state | `localStorage` (resume on reload, UUID per participant) |
+
+---
+
+## Key Files
+
+```
+colorization-webapp/
+├── backend/
+│   ├── main.py            — FastAPI app, static mounts
+│   ├── db.py              — SQLite init, connection
+│   └── routes/
+│       ├── session.py     — /api/session/start, /respond, /complete + sampling logic
+│       └── results.py     — /api/results/csv, /summary (key-protected)
+├── frontend/src/
+│   ├── pages/
+│   │   ├── Welcome.jsx    — colorblindness plates + expertise
+│   │   ├── Tutorial.jsx   — 3-step practice
+│   │   ├── Trial.jsx      — main 50-trial loop
+│   │   └── Done.jsx       — thank-you + share
+│   └── components/
+│       ├── SwipeCard.jsx  — touch/drag swipe handler
+│       └── ProgressBar.jsx
+├── image_samples/         — 165 images (served at /images/...)
+├── tutorial/              — tutorial assets + Ishihara plates
+├── manifest.json          — image metadata index
+├── Dockerfile
+└── fly.toml
+```
+
+---
+
+## Admin Endpoints
+
+Both require `?key=colorturingtest2025`.
+
+| Endpoint | Description |
+|---|---|
+| `GET /api/results/csv?key=colorturingtest2025` | Download full response CSV |
+| `GET /api/results/summary?key=colorturingtest2025` | JSON summary: per-method detection rates, overall accuracy |

fly.toml

@@ -0,0 +1,20 @@
+app = "colorization-study"
+primary_region = "sin"
+
+[build]
+
+[http_service]
+  internal_port = 8080
+  force_https = true
+  auto_stop_machines = "stop"
+  auto_start_machines = true
+  min_machines_running = 0
+
+[[vm]]
+  memory = "512mb"
+  cpu_kind = "shared"
+  cpus = 1
+
+[mounts]
+  source = "colorization_data"
+  destination = "/app/data"

frontend/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Colorization Perception Study</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      html, body, #root { height: 100%; width: 100%; }
+      body { background: #121212; }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

frontend/package-lock.json

@@ -0,0 +1,2467 @@
+{
+  "name": "colorization-study",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "colorization-study",
+      "version": "1.0.0",
+      "dependencies": {
+        "@emotion/react": "^11.11.0",
+        "@emotion/styled": "^11.11.0",
+        "@mui/icons-material": "^5.15.0",
+        "@mui/material": "^5.15.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.21.0"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-react": "^4.2.0",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.14.1",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
+      "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/is-prop-valid": "^1.3.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@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==",
+      "license": "MIT",
+      "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==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.18.0.tgz",
+      "integrity": "sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      }
+    },
+    "node_modules/@mui/icons-material": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.18.0.tgz",
+      "integrity": "sha512-1s0vEZj5XFXDMmz3Arl/R7IncFqJ+WQ95LDp1roHWGDE2oCO3IS4/hmiOv1/8SD9r6B7tv9GLiqVZYHo+6PkTg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@mui/material": "^5.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.18.0.tgz",
+      "integrity": "sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@mui/core-downloads-tracker": "^5.18.0",
+        "@mui/system": "^5.18.0",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
+        "@popperjs/core": "^2.11.8",
+        "@types/react-transition-group": "^4.4.10",
+        "clsx": "^2.1.0",
+        "csstype": "^3.1.3",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.0.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/private-theming": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.17.1.tgz",
+      "integrity": "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@mui/utils": "^5.17.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.18.0.tgz",
+      "integrity": "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "csstype": "^3.1.3",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz",
+      "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@mui/private-theming": "^5.17.1",
+        "@mui/styled-engine": "^5.18.0",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
+        "clsx": "^2.1.0",
+        "csstype": "^3.1.3",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/types": {
+      "version": "7.2.24",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.24.tgz",
+      "integrity": "sha512-3c8tRt/CbWZ+pEg7QpSwbdxOk36EfmhbKf6AGZsD1EcLDLTSZoxxJ86FVtcjxvjuhdyBiWKSTGZFaXCnidO2kw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.17.1.tgz",
+      "integrity": "sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@mui/types": "~7.2.15",
+        "@types/prop-types": "^15.7.12",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
+      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
+      "integrity": "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.59.0.tgz",
+      "integrity": "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.59.0.tgz",
+      "integrity": "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.59.0.tgz",
+      "integrity": "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.59.0.tgz",
+      "integrity": "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.59.0.tgz",
+      "integrity": "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.59.0.tgz",
+      "integrity": "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.59.0.tgz",
+      "integrity": "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.59.0.tgz",
+      "integrity": "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.59.0.tgz",
+      "integrity": "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.59.0.tgz",
+      "integrity": "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.59.0.tgz",
+      "integrity": "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.59.0.tgz",
+      "integrity": "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.59.0.tgz",
+      "integrity": "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.59.0.tgz",
+      "integrity": "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.59.0.tgz",
+      "integrity": "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.59.0.tgz",
+      "integrity": "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.59.0.tgz",
+      "integrity": "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.59.0.tgz",
+      "integrity": "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.59.0.tgz",
+      "integrity": "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.59.0.tgz",
+      "integrity": "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.59.0.tgz",
+      "integrity": "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.59.0.tgz",
+      "integrity": "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.59.0.tgz",
+      "integrity": "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "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,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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"
+        }
+      ],
+      "license": "MIT",
+      "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/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001775",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001775.tgz",
+      "integrity": "sha512-s3Qv7Lht9zbVKE9XoTyRG6wVDCKdtOFIjBGg3+Yhn6JaytuNKPIjBMTMIY1AnOH3seL5mvF+x33oGAyK3hVt3A==",
+      "dev": true,
+      "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"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.302",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.302.tgz",
+      "integrity": "sha512-sM6HAN2LyK82IyPBpznDRqlTQAtuSaO+ShzFiWTvoMJLHyZ+Y39r8VMfHzwbU8MVBzQ4Wdn85+wlZl2TLGIlwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "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,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "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,
+      "license": "MIT",
+      "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==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.4.tgz",
+      "integrity": "sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==",
+      "license": "MIT"
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.3.tgz",
+      "integrity": "sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.3.tgz",
+      "integrity": "sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2",
+        "react-router": "6.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "license": "MIT",
+      "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/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.59.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
+      "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.59.0",
+        "@rollup/rollup-android-arm64": "4.59.0",
+        "@rollup/rollup-darwin-arm64": "4.59.0",
+        "@rollup/rollup-darwin-x64": "4.59.0",
+        "@rollup/rollup-freebsd-arm64": "4.59.0",
+        "@rollup/rollup-freebsd-x64": "4.59.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.59.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.59.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.59.0",
+        "@rollup/rollup-linux-arm64-musl": "4.59.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.59.0",
+        "@rollup/rollup-linux-loong64-musl": "4.59.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.59.0",
+        "@rollup/rollup-linux-ppc64-musl": "4.59.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.59.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.59.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-gnu": "4.59.0",
+        "@rollup/rollup-linux-x64-musl": "4.59.0",
+        "@rollup/rollup-openbsd-x64": "4.59.0",
+        "@rollup/rollup-openharmony-arm64": "4.59.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.59.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.59.0",
+        "@rollup/rollup-win32-x64-gnu": "4.59.0",
+        "@rollup/rollup-win32-x64-msvc": "4.59.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    }
+  }
+}

frontend/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "colorization-study",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.0",
+    "@mui/material": "^5.15.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.0",
+    "vite": "^5.0.0"
+  }
+}

frontend/src/App.jsx

@@ -0,0 +1,17 @@
+import { Routes, Route, Navigate } from 'react-router-dom';
+import Welcome from './pages/Welcome';
+import Tutorial from './pages/Tutorial';
+import Trial from './pages/Trial';
+import Done from './pages/Done';
+
+export default function App() {
+  return (
+    <Routes>
+      <Route path="/" element={<Welcome />} />
+      <Route path="/tutorial" element={<Tutorial />} />
+      <Route path="/trial" element={<Trial />} />
+      <Route path="/done" element={<Done />} />
+      <Route path="*" element={<Navigate to="/" replace />} />
+    </Routes>
+  );
+}

frontend/src/components/ProgressBar.jsx

@@ -0,0 +1,23 @@
+import { LinearProgress, Box } from '@mui/material';
+
+export default function ProgressBar({ current, total }) {
+  const value = total > 0 ? (current / total) * 100 : 0;
+
+  return (
+    <Box sx={{ width: '100%' }}>
+      <LinearProgress
+        variant="determinate"
+        value={value}
+        sx={{
+          height: 4,
+          borderRadius: 2,
+          backgroundColor: 'rgba(124, 77, 255, 0.15)',
+          '& .MuiLinearProgress-bar': {
+            borderRadius: 2,
+            background: 'linear-gradient(90deg, #7C4DFF 0%, #B47CFF 100%)',
+          },
+        }}
+      />
+    </Box>
+  );
+}

frontend/src/components/SwipeCard.jsx

@@ -0,0 +1,175 @@
+import { useRef, useCallback, useState } from 'react';
+import { Box, Typography } from '@mui/material';
+
+const THRESHOLD = 80;   // px to trigger decision
+const MAX_ROTATE = 12;  // degrees at full drag
+const MAX_DRAG = 180;   // px reference for scale calculations
+
+export default function SwipeCard({ children, onSwipeLeft, onSwipeRight }) {
+  const touchStart = useRef(null);
+  const [dx, setDx] = useState(0);
+  const [exiting, setExiting] = useState(null); // 'left' | 'right' | null
+
+  const handleTouchStart = useCallback((e) => {
+    touchStart.current = e.touches[0].clientX;
+    setExiting(null);
+  }, []);
+
+  const handleTouchMove = useCallback((e) => {
+    if (touchStart.current === null) return;
+    const delta = e.touches[0].clientX - touchStart.current;
+    setDx(delta);
+  }, []);
+
+  const handleTouchEnd = useCallback(() => {
+    if (touchStart.current === null) return;
+    touchStart.current = null;
+
+    if (dx <= -THRESHOLD) {
+      setExiting('left');
+      setTimeout(() => {
+        setDx(0);
+        setExiting(null);
+        onSwipeLeft?.();
+      }, 220);
+    } else if (dx >= THRESHOLD) {
+      setExiting('right');
+      setTimeout(() => {
+        setDx(0);
+        setExiting(null);
+        onSwipeRight?.();
+      }, 220);
+    } else {
+      // snap back
+      setDx(0);
+    }
+  }, [dx, onSwipeLeft, onSwipeRight]);
+
+  const progress = Math.min(Math.abs(dx) / THRESHOLD, 1);
+  const rotate = (dx / MAX_DRAG) * MAX_ROTATE;
+  const translateX = exiting === 'left'
+    ? -window.innerWidth
+    : exiting === 'right'
+    ? window.innerWidth
+    : dx;
+
+  const isLeft = dx < -10;
+  const isRight = dx > 10;
+  const overlayOpacity = Math.min(Math.abs(dx) / THRESHOLD, 0.7);
+
+  return (
+    <Box
+      onTouchStart={handleTouchStart}
+      onTouchMove={handleTouchMove}
+      onTouchEnd={handleTouchEnd}
+      sx={{
+        flex: 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        position: 'relative',
+        overflow: 'hidden',
+        touchAction: 'none',
+        userSelect: 'none',
+        cursor: 'grab',
+        '&:active': { cursor: 'grabbing' },
+      }}
+    >
+      {/* Draggable card */}
+      <Box
+        sx={{
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          position: 'relative',
+          transform: `translateX(${translateX}px) rotate(${rotate}deg)`,
+          transition: exiting
+            ? 'transform 0.22s ease-out'
+            : dx === 0
+            ? 'transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275)'
+            : 'none',
+        }}
+      >
+        {children}
+
+        {/* ABSENT overlay — left swipe — red */}
+        <Box
+          sx={{
+            position: 'absolute',
+            top: 0, left: 0, right: 0, bottom: 0,
+            borderRadius: 2,
+            bgcolor: 'error.main',
+            opacity: isLeft ? overlayOpacity * 0.35 : 0,
+            transition: 'opacity 0.1s',
+            pointerEvents: 'none',
+          }}
+        />
+        <Box
+          sx={{
+            position: 'absolute',
+            top: '50%',
+            left: 24,
+            transform: 'translateY(-50%) rotate(-15deg)',
+            opacity: isLeft ? Math.min(progress * 1.4, 1) : 0,
+            transition: 'opacity 0.1s',
+            pointerEvents: 'none',
+            border: '3px solid',
+            borderColor: 'error.main',
+            borderRadius: 1,
+            px: 1.5,
+            py: 0.5,
+          }}
+        >
+          <Typography
+            variant="h6"
+            fontWeight={900}
+            color="error.main"
+            sx={{ letterSpacing: 2 }}
+          >
+            ABSENT
+          </Typography>
+        </Box>
+
+        {/* PRESENT overlay — right swipe — green */}
+        <Box
+          sx={{
+            position: 'absolute',
+            top: 0, left: 0, right: 0, bottom: 0,
+            borderRadius: 2,
+            bgcolor: 'success.main',
+            opacity: isRight ? overlayOpacity * 0.35 : 0,
+            transition: 'opacity 0.1s',
+            pointerEvents: 'none',
+          }}
+        />
+        <Box
+          sx={{
+            position: 'absolute',
+            top: '50%',
+            right: 24,
+            transform: 'translateY(-50%) rotate(15deg)',
+            opacity: isRight ? Math.min(progress * 1.4, 1) : 0,
+            transition: 'opacity 0.1s',
+            pointerEvents: 'none',
+            border: '3px solid',
+            borderColor: 'success.main',
+            borderRadius: 1,
+            px: 1.5,
+            py: 0.5,
+          }}
+        >
+          <Typography
+            variant="h6"
+            fontWeight={900}
+            color="success.main"
+            sx={{ letterSpacing: 2 }}
+          >
+            PRESENT
+          </Typography>
+        </Box>
+      </Box>
+    </Box>
+  );
+}

frontend/src/main.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { ThemeProvider, CssBaseline } from '@mui/material';
+import { BrowserRouter } from 'react-router-dom';
+import theme from './theme';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </ThemeProvider>
+  </React.StrictMode>
+);

frontend/src/pages/Done.jsx

@@ -0,0 +1,157 @@
+import { useEffect, useState } from 'react';
+import { Box, Button, Card, CardContent, Snackbar, Typography } from '@mui/material';
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import ShareIcon from '@mui/icons-material/Share';
+
+// ← Replace this with the deployed Fly.io URL before sharing
+const STUDY_URL = 'https://stvident-colorization.hf.space';
+
+export default function Done() {
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    localStorage.removeItem('session_id');
+    localStorage.removeItem('trials');
+    localStorage.removeItem('current_index');
+  }, []);
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(STUDY_URL);
+      setCopied(true);
+    } catch {
+      // Fallback for older browsers
+      const el = document.createElement('textarea');
+      el.value = STUDY_URL;
+      document.body.appendChild(el);
+      el.select();
+      document.execCommand('copy');
+      document.body.removeChild(el);
+      setCopied(true);
+    }
+  };
+
+  const handleShare = async () => {
+    if (navigator.share) {
+      await navigator.share({
+        title: 'Color Turing Test',
+        text: 'Can you spot AI colorization? Take the test!',
+        url: STUDY_URL,
+      }).catch(() => {});
+    } else {
+      handleCopy();
+    }
+  };
+
+  return (
+    <Box
+      sx={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        p: 2,
+      }}
+    >
+      <Card sx={{ maxWidth: 480, width: '100%' }}>
+        <CardContent
+          sx={{
+            p: 4,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: 2,
+          }}
+        >
+          <CheckCircleOutlineIcon sx={{ fontSize: 80, color: 'success.main' }} />
+
+          <Typography variant="h4" textAlign="center" fontWeight={700}>
+            All done! Thank you.
+          </Typography>
+
+          <Typography variant="body1" color="text.secondary" textAlign="center">
+            Your responses have been recorded. You completed 50 trials.
+          </Typography>
+
+          <Typography variant="body2" color="text.secondary" textAlign="center" sx={{ mt: 1, opacity: 0.7 }}>
+            This study examines how well AI colorization techniques fool human perception.
+          </Typography>
+
+          {/* Share section */}
+          <Box
+            sx={{
+              mt: 2,
+              width: '100%',
+              borderTop: 1,
+              borderColor: 'divider',
+              pt: 3,
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'center',
+              gap: 1.5,
+            }}
+          >
+            <Typography variant="body2" color="text.secondary" textAlign="center">
+              Know someone who'd like to try? Share the study:
+            </Typography>
+
+            <Box
+              sx={{
+                display: 'flex',
+                alignItems: 'center',
+                gap: 1,
+                px: 2,
+                py: 1,
+                bgcolor: 'grey.900',
+                borderRadius: 1,
+                border: 1,
+                borderColor: 'divider',
+                width: '100%',
+                cursor: 'pointer',
+                '&:hover': { borderColor: 'primary.main' },
+              }}
+              onClick={handleCopy}
+            >
+              <Typography
+                variant="caption"
+                color="text.secondary"
+                sx={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}
+              >
+                {STUDY_URL}
+              </Typography>
+              <ContentCopyIcon sx={{ fontSize: 16, color: 'text.secondary', flexShrink: 0 }} />
+            </Box>
+
+            <Box sx={{ display: 'flex', gap: 1.5, width: '100%' }}>
+              <Button
+                variant="outlined"
+                startIcon={<ContentCopyIcon />}
+                onClick={handleCopy}
+                sx={{ flex: 1 }}
+              >
+                Copy link
+              </Button>
+              <Button
+                variant="contained"
+                startIcon={<ShareIcon />}
+                onClick={handleShare}
+                sx={{ flex: 1 }}
+              >
+                Share
+              </Button>
+            </Box>
+          </Box>
+        </CardContent>
+      </Card>
+
+      <Snackbar
+        open={copied}
+        autoHideDuration={2500}
+        onClose={() => setCopied(false)}
+        message="Link copied to clipboard"
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+      />
+    </Box>
+  );
+}

frontend/src/pages/Trial.jsx

@@ -0,0 +1,242 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Box, Button, Typography, useMediaQuery, useTheme } from '@mui/material';
+import ProgressBar from '../components/ProgressBar';
+import SwipeCard from '../components/SwipeCard';
+
+export default function Trial() {
+  const navigate = useNavigate();
+  const theme = useTheme();
+  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+
+  const [trials, setTrials] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [sessionId, setSessionId] = useState('');
+  const [imageLoaded, setImageLoaded] = useState(false);
+  const imageShownAt = useRef(Date.now());
+
+  // Load session from localStorage
+  useEffect(() => {
+    const sid = localStorage.getItem('session_id');
+    const trialsJson = localStorage.getItem('trials');
+    const idx = parseInt(localStorage.getItem('current_index') || '0', 10);
+
+    if (!sid || !trialsJson) {
+      navigate('/');
+      return;
+    }
+
+    const parsedTrials = JSON.parse(trialsJson);
+    setSessionId(sid);
+    setTrials(parsedTrials);
+    setCurrentIndex(idx);
+  }, [navigate]);
+
+  // Reset timer when trial changes
+  useEffect(() => {
+    imageShownAt.current = Date.now();
+    setImageLoaded(false);
+  }, [currentIndex]);
+
+  // Preload next 2 images
+  useEffect(() => {
+    if (trials.length === 0) return;
+    for (let offset = 1; offset <= 2; offset++) {
+      const nextIdx = currentIndex + offset;
+      if (nextIdx < trials.length) {
+        const img = new Image();
+        img.src = `/images/${trials[nextIdx].path}`;
+      }
+    }
+  }, [currentIndex, trials]);
+
+  const handleResponse = useCallback((response) => {
+    if (trials.length === 0 || currentIndex >= trials.length) return;
+
+    const trial = trials[currentIndex];
+    const responseTimeMs = Date.now() - imageShownAt.current;
+
+    // Fire and forget
+    fetch('/api/session/respond', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        session_id: sessionId,
+        trial_index: currentIndex,
+        image_id: trial.id,
+        label: trial.label,
+        response,
+        response_time_ms: responseTimeMs,
+      }),
+    }).catch(console.error);
+
+    const nextIndex = currentIndex + 1;
+
+    if (nextIndex >= trials.length) {
+      // Complete session
+      fetch('/api/session/complete', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ session_id: sessionId }),
+      }).catch(console.error);
+
+      localStorage.setItem('current_index', String(nextIndex));
+      navigate('/done');
+    } else {
+      setCurrentIndex(nextIndex);
+      localStorage.setItem('current_index', String(nextIndex));
+    }
+  }, [trials, currentIndex, sessionId, navigate]);
+
+  // Keyboard shortcuts
+  useEffect(() => {
+    const handleKey = (e) => {
+      if (e.key === 'ArrowLeft') handleResponse('real');
+      else if (e.key === 'ArrowRight') handleResponse('fake');
+    };
+    window.addEventListener('keydown', handleKey);
+    return () => window.removeEventListener('keydown', handleKey);
+  }, [handleResponse]);
+
+  if (trials.length === 0) return null;
+  if (currentIndex >= trials.length) return null;
+
+  const currentTrial = trials[currentIndex];
+
+  return (
+    <Box
+      sx={{
+        height: '100vh',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+      }}
+    >
+      {/* Top bar */}
+      <Box sx={{ px: 2, pt: 1 }}>
+        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 0.5 }}>
+          <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.7rem' }}>
+            Color Turing Test
+          </Typography>
+          <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.7rem' }}>
+            {currentIndex + 1} / {trials.length}
+          </Typography>
+        </Box>
+        <ProgressBar current={currentIndex + 1} total={trials.length} />
+      </Box>
+
+      {/* Main image area */}
+      <SwipeCard
+        onSwipeLeft={() => handleResponse('real')}
+        onSwipeRight={() => handleResponse('fake')}
+      >
+        <Box
+          sx={{
+            flex: 1,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            p: 2,
+            minHeight: 0,
+          }}
+        >
+          {/* Fixed-size container — all images render at the same visual footprint */}
+          <Box
+            sx={{
+              width: { xs: 'min(90vw, 90vh - 200px)', md: 'min(60vw, calc(100vh - 240px))' },
+              height: { xs: 'min(90vw, 90vh - 200px)', md: 'min(60vw, calc(100vh - 240px))' },
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderRadius: 2,
+              overflow: 'hidden',
+              bgcolor: 'grey.900',
+            }}
+          >
+            <Box
+              component="img"
+              key={currentTrial.path}
+              src={`/images/${currentTrial.path}`}
+              alt="Test image"
+              onLoad={() => {
+                setImageLoaded(true);
+                imageShownAt.current = Date.now();
+              }}
+              sx={{
+                width: '100%',
+                height: '100%',
+                objectFit: 'contain',
+                opacity: imageLoaded ? 1 : 0,
+                transition: 'opacity 0.15s ease-in',
+              }}
+            />
+          </Box>
+        </Box>
+      </SwipeCard>
+
+      {/* Bottom area */}
+      <Box sx={{ p: 2, pb: 3 }}>
+        {/* Mobile: swipe hint + smaller tap buttons as fallback */}
+        {!isDesktop && (
+          <Typography
+            variant="caption"
+            color="text.secondary"
+            textAlign="center"
+            display="block"
+            sx={{ mb: 1.5, opacity: 0.5, fontSize: '0.72rem', letterSpacing: 1 }}
+          >
+            absent &#8592; swipe &#8594; present
+          </Typography>
+        )}
+
+        <Box sx={{ display: 'flex', gap: 2, justifyContent: 'center' }}>
+          <Button
+            variant="outlined"
+            color="error"
+            size={isDesktop ? 'large' : 'medium'}
+            onClick={() => handleResponse('real')}
+            sx={{
+              flex: 1,
+              maxWidth: 240,
+              fontSize: isDesktop ? '1.1rem' : '0.95rem',
+              py: isDesktop ? 1.5 : 1,
+              borderWidth: 2,
+              '&:hover': { borderWidth: 2 },
+            }}
+          >
+            &#x2717; ABSENT
+          </Button>
+          <Button
+            variant="outlined"
+            color="success"
+            size={isDesktop ? 'large' : 'medium'}
+            onClick={() => handleResponse('fake')}
+            sx={{
+              flex: 1,
+              maxWidth: 240,
+              fontSize: isDesktop ? '1.1rem' : '0.95rem',
+              py: isDesktop ? 1.5 : 1,
+              borderWidth: 2,
+              '&:hover': { borderWidth: 2 },
+            }}
+          >
+            &#x2713; PRESENT
+          </Button>
+        </Box>
+
+        {/* Desktop: keyboard hint */}
+        {isDesktop && (
+          <Typography
+            variant="caption"
+            color="text.secondary"
+            textAlign="center"
+            display="block"
+            sx={{ mt: 1.5, opacity: 0.5, fontSize: '0.7rem' }}
+          >
+            &larr; Absent &nbsp;&nbsp;&nbsp;&nbsp; Present &rarr;
+          </Typography>
+        )}
+      </Box>
+    </Box>
+  );
+}

frontend/src/pages/Tutorial.jsx

@@ -0,0 +1,263 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  Box, Typography, Button, Card, CardContent, Chip, Fade
+} from '@mui/material';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import CancelIcon from '@mui/icons-material/Cancel';
+
+const ARTIFACT_CHIPS = [
+  'Grayish', 'Color bleeding', 'Inconsistency',
+  'Color artifacts', 'Incomplete', 'Wrong hue'
+];
+
+function StepDots({ current, total }) {
+  return (
+    <Box sx={{ display: 'flex', gap: 1, justifyContent: 'center', mb: 3 }}>
+      {Array.from({ length: total }, (_, i) => (
+        <Box
+          key={i}
+          sx={{
+            width: 10,
+            height: 10,
+            borderRadius: '50%',
+            bgcolor: i === current ? 'primary.main' : 'rgba(255,255,255,0.2)',
+            transition: 'background-color 0.3s',
+          }}
+        />
+      ))}
+    </Box>
+  );
+}
+
+function AnswerButtons({ onAnswer, disabled }) {
+  return (
+    <Box sx={{ display: 'flex', gap: 2, justifyContent: 'center', mt: 2 }}>
+      <Button
+        variant="outlined"
+        color="error"
+        size="large"
+        disabled={disabled}
+        onClick={() => onAnswer('real')}
+        sx={{
+          flex: 1,
+          maxWidth: 220,
+          fontSize: '1rem',
+          borderWidth: 2,
+          '&:hover': { borderWidth: 2 },
+        }}
+      >
+        &#x2717; ABSENT
+      </Button>
+      <Button
+        variant="outlined"
+        color="success"
+        size="large"
+        disabled={disabled}
+        onClick={() => onAnswer('fake')}
+        sx={{
+          flex: 1,
+          maxWidth: 220,
+          fontSize: '1rem',
+          borderWidth: 2,
+          '&:hover': { borderWidth: 2 },
+        }}
+      >
+        &#x2713; PRESENT
+      </Button>
+    </Box>
+  );
+}
+
+function FeedbackPanel({ correct, isReal, children }) {
+  return (
+    <Fade in timeout={300}>
+      <Card
+        sx={{
+          mt: 2,
+          bgcolor: correct ? 'rgba(76, 175, 80, 0.1)' : 'rgba(244, 67, 54, 0.1)',
+          border: 1,
+          borderColor: correct ? 'success.main' : 'error.main',
+        }}
+      >
+        <CardContent sx={{ display: 'flex', alignItems: 'flex-start', gap: 1.5, py: 2 }}>
+          {correct
+            ? <CheckCircleIcon color="success" />
+            : <CancelIcon color="error" />
+          }
+          <Box>
+            <Typography variant="body1" fontWeight={600}>
+              {correct ? 'Correct!' : 'Not quite!'}
+            </Typography>
+            <Typography variant="body2" color="text.secondary">
+              {children}
+            </Typography>
+          </Box>
+        </CardContent>
+      </Card>
+    </Fade>
+  );
+}
+
+export default function Tutorial() {
+  const navigate = useNavigate();
+  const [step, setStep] = useState(0);
+  const [practiceAnswer, setPracticeAnswer] = useState(null);
+
+  // Step 1: Reference image
+  if (step === 0) {
+    return (
+      <Box sx={{ minHeight: '100vh', display: 'flex', flexDirection: 'column', alignItems: 'center', p: 2, pt: 4 }}>
+        <StepDots current={0} total={3} />
+        <Typography variant="h5" mb={2} textAlign="center">
+          Common Colorization Artifacts
+        </Typography>
+
+        <Box
+          component="img"
+          src="/tutorial/imageArtifacts.png"
+          alt="Colorization artifact types"
+          sx={{
+            width: '100%',
+            maxWidth: 700,
+            borderRadius: 2,
+            mb: 2,
+          }}
+        />
+
+        <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap', justifyContent: 'center', mb: 2 }}>
+          {ARTIFACT_CHIPS.map((label) => (
+            <Chip
+              key={label}
+              label={label}
+              variant="outlined"
+              sx={{ borderColor: 'primary.main', color: 'primary.main' }}
+            />
+          ))}
+        </Box>
+
+        <Typography variant="body1" color="text.secondary" textAlign="center" maxWidth={600} mb={3}>
+          You'll see 50 images. Some may have colorization artifacts, some won't.
+          Your job: decide whether artifacts are present or absent.
+        </Typography>
+
+        <Button variant="contained" onClick={() => setStep(1)}>
+          Got it &rarr;
+        </Button>
+      </Box>
+    );
+  }
+
+  // Step 2: Practice REAL
+  if (step === 1) {
+    const isCorrect = practiceAnswer === 'real';
+    return (
+      <Box sx={{ minHeight: '100vh', display: 'flex', flexDirection: 'column', alignItems: 'center', p: 2, pt: 4 }}>
+        <StepDots current={1} total={3} />
+        <Typography variant="h5" mb={2} textAlign="center">
+          Are colorization artifacts present or absent?
+        </Typography>
+
+        <Box
+          component="img"
+          src="/images/gt/standard/coco/000000000019.jpg"
+          alt="Practice - real"
+          sx={{
+            width: '100%',
+            maxWidth: 600,
+            maxHeight: '50vh',
+            objectFit: 'contain',
+            borderRadius: 2,
+            mb: 2,
+            bgcolor: '#000',
+          }}
+        />
+
+        {!practiceAnswer && (
+          <AnswerButtons onAnswer={(ans) => setPracticeAnswer(ans)} disabled={false} />
+        )}
+
+        {practiceAnswer && (
+          <>
+            <FeedbackPanel correct={isCorrect} isReal>
+              {isCorrect
+                ? 'Correct — no artifacts. Natural color gradients and consistent shadows throughout.'
+                : 'No artifacts here — natural color gradients and accurate shadows throughout.'}
+            </FeedbackPanel>
+            <Button
+              variant="contained"
+              sx={{ mt: 2 }}
+              onClick={() => { setPracticeAnswer(null); setStep(2); }}
+            >
+              Next &rarr;
+            </Button>
+          </>
+        )}
+      </Box>
+    );
+  }
+
+  // Step 3: Practice FAKE
+  if (step === 2) {
+    const isCorrect = practiceAnswer === 'fake';
+    return (
+      <Box sx={{ minHeight: '100vh', display: 'flex', flexDirection: 'column', alignItems: 'center', p: 2, pt: 4 }}>
+        <StepDots current={2} total={3} />
+        <Typography variant="h5" mb={2} textAlign="center">
+          Are colorization artifacts present or absent?
+        </Typography>
+
+        <Box
+          component="img"
+          src="/images/bigcolor/standard/coco/000000000001_c468.jpg"
+          alt="Practice - fake"
+          sx={{
+            width: '100%',
+            maxWidth: 600,
+            maxHeight: '50vh',
+            objectFit: 'contain',
+            borderRadius: 2,
+            mb: 2,
+            bgcolor: '#000',
+          }}
+        />
+
+        {!practiceAnswer && (
+          <AnswerButtons onAnswer={(ans) => setPracticeAnswer(ans)} disabled={false} />
+        )}
+
+        {practiceAnswer && (
+          <>
+            <FeedbackPanel correct={isCorrect} isReal={false}>
+              {isCorrect
+                ? 'Artifacts present — color bleeding across object edges is the giveaway.'
+                : 'Artifacts are present here — look for unnatural color spilling across edges.'}
+            </FeedbackPanel>
+
+            <Card sx={{ mt: 2, p: 1 }}>
+              <Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.5, px: 1 }}>
+                Artifact type: Color bleeding
+              </Typography>
+              <Box
+                component="img"
+                src="/tutorial/imageArtifacts.png"
+                alt="Artifact reference"
+                sx={{ width: '100%', maxWidth: 300, borderRadius: 1 }}
+              />
+            </Card>
+
+            <Button
+              variant="contained"
+              sx={{ mt: 2, mb: 4 }}
+              onClick={() => navigate('/trial')}
+            >
+              Start the test (50 images) &rarr;
+            </Button>
+          </>
+        )}
+      </Box>
+    );
+  }
+
+  return null;
+}

frontend/src/pages/Welcome.jsx

@@ -0,0 +1,258 @@
+import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import {
+  Box, Card, CardContent, Typography, Button, FormControl,
+  InputLabel, Select, MenuItem, CircularProgress, Fade
+} from '@mui/material';
+
+const PLATES = [
+  {
+    src: '/tutorial/colorblind/plate_demo.png',
+    question: 'What number do you see?',
+    options: ['12', '4', '10', "I can't tell"],
+    correctAnswer: '12',
+  },
+  {
+    src: '/tutorial/colorblind/plate_redgreen.png',
+    question: 'What number do you see?',
+    options: ['74', '21', "I can't tell", 'Something else'],
+    correctAnswer: '74',
+    field: 'cb_redgreen',
+  },
+  {
+    src: '/tutorial/colorblind/plate_blueyellow.png',
+    question: 'What number do you see?',
+    options: ['6', "I can't tell", '8', 'I see nothing'],
+    correctAnswer: '6',
+    field: 'cb_blueyellow',
+  },
+];
+
+function classifyAnswer(plate, answer) {
+  if (answer === plate.correctAnswer) return 'normal';
+  if (answer === "I can't tell" || answer === 'I see nothing' || answer === 'Something else')
+    return 'unsure';
+  return 'deficient';
+}
+
+function detectDevice() {
+  const ua = navigator.userAgent;
+  if (/tablet|ipad|playbook|silk/i.test(ua)) return 'tablet';
+  if (/mobile|iphone|ipod|android|blackberry|opera mini|iemobile/i.test(ua)) return 'mobile';
+  return 'desktop';
+}
+
+export default function Welcome() {
+  const navigate = useNavigate();
+  const [plateStep, setPlateStep] = useState(0);
+  const [plateAnswers, setPlateAnswers] = useState(['', '', '']);
+  const [expertise, setExpertise] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const allPlatesDone = plateStep >= PLATES.length;
+
+  const handlePlateAnswer = (answer) => {
+    const updated = [...plateAnswers];
+    updated[plateStep] = answer;
+    setPlateAnswers(updated);
+  };
+
+  const handlePlateNext = () => {
+    setPlateStep((s) => s + 1);
+  };
+
+  const handleStart = async () => {
+    if (!allPlatesDone || !expertise) return;
+    setLoading(true);
+
+    // Classify colorblindness results
+    const cbRedgreen = classifyAnswer(PLATES[1], plateAnswers[1]);
+    const cbBlueyellow = classifyAnswer(PLATES[2], plateAnswers[2]);
+    const colorblind =
+      cbRedgreen !== 'normal' || cbBlueyellow !== 'normal' ? 1 : 0;
+    const device = detectDevice();
+
+    try {
+      const res = await fetch('/api/session/start', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          expertise,
+          colorblind,
+          device,
+          cb_redgreen: cbRedgreen,
+          cb_blueyellow: cbBlueyellow,
+        }),
+      });
+      const data = await res.json();
+
+      localStorage.setItem('session_id', data.session_id);
+      localStorage.setItem('trials', JSON.stringify(data.trials));
+      localStorage.setItem('current_index', '0');
+
+      navigate('/tutorial');
+    } catch (err) {
+      console.error('Failed to start session:', err);
+      setLoading(false);
+    }
+  };
+
+  const currentPlate = !allPlatesDone ? PLATES[plateStep] : null;
+  const currentAnswer = !allPlatesDone ? plateAnswers[plateStep] : '';
+
+  return (
+    <Box
+      sx={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        p: 2,
+      }}
+    >
+      <Card sx={{ maxWidth: 520, width: '100%' }}>
+        <CardContent
+          sx={{
+            p: 4,
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            gap: 3,
+          }}
+        >
+          <Typography
+            variant="h3"
+            textAlign="center"
+            sx={{ fontSize: { xs: '1.8rem', sm: '2.4rem' } }}
+          >
+            Can you spot colorization artifacts?
+          </Typography>
+          <Typography variant="body1" color="text.secondary" textAlign="center">
+            Look at 50 images and decide: are colorization artifacts present or absent?
+            Takes about 5 minutes.
+          </Typography>
+
+          {/* Colorblindness plates — sequential */}
+          {!allPlatesDone && currentPlate && (
+            <Fade in key={plateStep} timeout={300}>
+              <Box
+                sx={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
+                  gap: 1.5,
+                  width: '100%',
+                }}
+              >
+                <Typography
+                  variant="caption"
+                  color="text.secondary"
+                  sx={{ opacity: 0.6 }}
+                >
+                  Vision check {plateStep + 1} of {PLATES.length}
+                </Typography>
+
+                <Box
+                  component="img"
+                  src={currentPlate.src}
+                  alt="Color vision test plate"
+                  sx={{
+                    width: 300,
+                    height: 300,
+                    objectFit: 'contain',
+                    borderRadius: '50%',
+                  }}
+                />
+
+                <Typography variant="body2" color="text.secondary">
+                  {currentPlate.question}
+                </Typography>
+
+                <Box
+                  sx={{
+                    display: 'flex',
+                    gap: 1,
+                    flexWrap: 'wrap',
+                    justifyContent: 'center',
+                  }}
+                >
+                  {currentPlate.options.map((opt) => (
+                    <Button
+                      key={opt}
+                      variant={currentAnswer === opt ? 'contained' : 'outlined'}
+                      size="small"
+                      onClick={() => handlePlateAnswer(opt)}
+                      sx={{ minWidth: 80 }}
+                    >
+                      {opt}
+                    </Button>
+                  ))}
+                </Box>
+
+                <Button
+                  variant="contained"
+                  size="small"
+                  disabled={!currentAnswer}
+                  onClick={handlePlateNext}
+                  sx={{ mt: 0.5 }}
+                >
+                  Next &rarr;
+                </Button>
+              </Box>
+            </Fade>
+          )}
+
+          {/* Expertise + Start — shown after all plates */}
+          {allPlatesDone && (
+            <Fade in timeout={300}>
+              <Box
+                sx={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
+                  gap: 3,
+                  width: '100%',
+                }}
+              >
+                <FormControl fullWidth>
+                  <InputLabel>Your background</InputLabel>
+                  <Select
+                    value={expertise}
+                    label="Your background"
+                    onChange={(e) => setExpertise(e.target.value)}
+                  >
+                    <MenuItem value="General public">General public</MenuItem>
+                    <MenuItem value="Photographer / Artist">
+                      Photographer / Artist
+                    </MenuItem>
+                    <MenuItem value="Researcher / Academic">
+                      Researcher / Academic
+                    </MenuItem>
+                    <MenuItem value="Computer Vision / ML expert">
+                      Computer Vision / ML expert
+                    </MenuItem>
+                  </Select>
+                </FormControl>
+
+                <Button
+                  variant="contained"
+                  size="large"
+                  fullWidth
+                  disabled={!expertise || loading}
+                  onClick={handleStart}
+                  sx={{ mt: 1 }}
+                >
+                  {loading ? (
+                    <CircularProgress size={24} color="inherit" />
+                  ) : (
+                    'Start \u2192'
+                  )}
+                </Button>
+              </Box>
+            </Fade>
+          )}
+        </CardContent>
+      </Card>
+    </Box>
+  );
+}

frontend/src/theme.js

@@ -0,0 +1,55 @@
+import { createTheme } from '@mui/material/styles';
+
+const theme = createTheme({
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#7C4DFF',
+    },
+    background: {
+      default: '#121212',
+      paper: '#1E1E1E',
+    },
+    success: {
+      main: '#4CAF50',
+    },
+    error: {
+      main: '#F44336',
+    },
+  },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+    h3: {
+      fontWeight: 700,
+    },
+    h5: {
+      fontWeight: 600,
+    },
+  },
+  shape: {
+    borderRadius: 12,
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          fontWeight: 600,
+          borderRadius: 12,
+          padding: '12px 32px',
+          fontSize: '1rem',
+        },
+      },
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          borderRadius: 16,
+          backgroundImage: 'none',
+        },
+      },
+    },
+  },
+});
+
+export default theme;

frontend/vite.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      '/api': 'http://localhost:8080',
+      '/images': 'http://localhost:8080',
+      '/tutorial': 'http://localhost:8080',
+    },
+  },
+});

generate_colorblind_plates.py

@@ -0,0 +1,116 @@
+"""
+Generate Ishihara-style pseudoisochromatic plates using PIL text for the digit mask.
+Guaranteed correct digit shapes.
+"""
+import numpy as np
+from PIL import Image, ImageDraw, ImageFont
+import random, math
+
+def hex2rgb(h):
+    h = h.lstrip('#')
+    return tuple(int(h[i:i+2], 16) for i in (0, 2, 4))
+
+def jitter_color(rgb, amount=20):
+    return tuple(max(0, min(255, c + random.randint(-amount, amount))) for c in rgb)
+
+def make_text_mask(number_str, size, font_size=None):
+    """Render number_str as a clean white-on-black mask using PIL default font."""
+    if font_size is None:
+        font_size = int(size * 0.38)  # big — ~212px tall for 560
+
+    mask = Image.new("L", (size, size), 0)
+    draw = ImageDraw.Draw(mask)
+
+    # Try to get a large font; fall back to default if not available
+    try:
+        font = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", font_size)
+    except Exception:
+        try:
+            font = ImageFont.truetype("/usr/share/fonts/truetype/liberation/LiberationSans-Bold.ttf", font_size)
+        except Exception:
+            font = ImageFont.load_default()
+
+    # Get bounding box and centre text
+    bbox = draw.textbbox((0, 0), number_str, font=font)
+    tw, th = bbox[2] - bbox[0], bbox[3] - bbox[1]
+    x = (size - tw) // 2 - bbox[0]
+    y = (size - th) // 2 - bbox[1]
+    draw.text((x, y), number_str, fill=255, font=font)
+
+    return np.array(mask) > 128
+
+
+def generate_plate(
+    size=560,
+    number_str="74",
+    fg_colors=None,
+    bg_colors=None,
+    out_path="plate.png",
+    font_size=None,
+):
+    rng = random.Random(42)
+    mask = make_text_mask(number_str, size, font_size=font_size)
+
+    img = Image.new("RGB", (size, size), (215, 215, 215))
+    draw = ImageDraw.Draw(img)
+
+    cx, cy, radius = size // 2, size // 2, size // 2 - 6
+    draw.ellipse([cx-radius, cy-radius, cx+radius, cy+radius], fill=(210, 210, 210))
+
+    step = 9
+    dot_r_min, dot_r_max = 3, 7
+
+    for gx in range(dot_r_max, size - dot_r_max, step):
+        for gy in range(dot_r_max, size - dot_r_max, step):
+            px = gx + rng.randint(-3, 3)
+            py = gy + rng.randint(-3, 3)
+            if math.hypot(px - cx, py - cy) > radius - dot_r_max:
+                continue
+            r = rng.randint(dot_r_min, dot_r_max)
+            py_c = max(0, min(size-1, py))
+            px_c = max(0, min(size-1, px))
+            is_fg = bool(mask[py_c, px_c])
+            pool = fg_colors if is_fg else bg_colors
+            color = hex2rgb(rng.choice(pool))
+            color = jitter_color(color, 18)
+            draw.ellipse([px-r, py-r, px+r, py+r], fill=color)
+
+    draw.ellipse([cx-radius, cy-radius, cx+radius, cy+radius],
+                 outline=(150,150,150), width=3)
+    img.save(out_path)
+    fg = int(mask.sum())
+    print(f"  {out_path}  number={number_str!r}  fg_pixels={fg}")
+
+
+OUT = "/home/ai24mtech02001/.openclaw/workspace/colorization-webapp/tutorial/colorblind"
+
+print("Generating plates...")
+
+# 1. DEMO — "12" vivid red vs blue, visible to everyone
+generate_plate(
+    number_str="12",
+    fg_colors=["#C0392B","#E74C3C","#A93226","#B03A2E","#D44333"],
+    bg_colors=["#2471A3","#1A5276","#2E86C1","#1F618D","#5499C2","#2980B9"],
+    out_path=f"{OUT}/plate_demo.png",
+)
+
+# 2. RED-GREEN — "74"
+#    Normal: green pops on orange. Protan/Deutan: both look similar brownish.
+generate_plate(
+    number_str="74",
+    fg_colors=["#4A7C00","#5B8C00","#6B9E0E","#527A00","#3D6B00","#618500"],
+    bg_colors=["#C47A1E","#D4892E","#BF6D10","#CC8022","#D99030",
+               "#B86008","#E09840","#A85500","#CB7818"],
+    out_path=f"{OUT}/plate_redgreen.png",
+)
+
+# 3. BLUE-YELLOW — "6"  
+#    Normal: yellow pops on blue. Tritanope: similar.
+generate_plate(
+    number_str="6",
+    fg_colors=["#E8C200","#F0CA00","#D4B000","#DCBA00","#F5D000","#EBC400"],
+    bg_colors=["#2C3E7A","#1C2D68","#3B4F90","#253580","#162870","#324488","#2A3C82"],
+    out_path=f"{OUT}/plate_blueyellow.png",
+)
+
+print("Done.")

image_samples/all_images_list.txt

@@ -0,0 +1,120 @@
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/instance/ADE_train_00000732.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/instance/ADE_train_00003558.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/instance/ADE_train_00004140.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/instance/ADE_train_00003253.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/instance/ADE_train_00005198.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/imagenet/ILSVRC2012_val_00000004.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/imagenet/ILSVRC2012_val_00000005.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/imagenet/ILSVRC2012_val_00000003.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/imagenet/ILSVRC2012_val_00000002.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/imagenet/ILSVRC2012_val_00000001.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/coco/000000000057.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/coco/000000000016.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/coco/000000000001.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/coco/000000000063.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/standard/coco/000000000019.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/imagenet/ILSVRC2012_val_00000004.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/imagenet/ILSVRC2012_val_00000005.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/imagenet/ILSVRC2012_val_00000003.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/imagenet/ILSVRC2012_val_00000002.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/imagenet/ILSVRC2012_val_00000001.JPEG
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/coco/000000000057.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/coco/000000000016.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/coco/000000000001.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/coco/000000000063.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/ddcolor/ortho/coco/000000000019.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/instance/ADE_train_00003253.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/instance/ADE_train_00003558.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/instance/ADE_train_00004140.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/instance/ADE_train_00005198.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/instance/ADE_train_00000732.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/imagenet/ILSVRC2012_val_00000003.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/imagenet/ILSVRC2012_val_00000005.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/imagenet/ILSVRC2012_val_00000001.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/imagenet/ILSVRC2012_val_00000002.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/imagenet/ILSVRC2012_val_00000004.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/coco/000000000019.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/coco/000000000016.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/coco/000000000063.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/coco/000000000001.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/standard/coco/000000000057.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/instance/ADE_train_00003253.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/instance/ADE_train_00003558.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/instance/ADE_train_00004140.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/instance/ADE_train_00005198.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/instance/ADE_train_00000732.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000003.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000005.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000001.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000002.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/imagenet/ILSVRC2012_val_00000004.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/coco/000000000019.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/coco/000000000016.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/coco/000000000063.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/coco/000000000001.png
+/data/swarnim/eccv2026/image_reviews/image_samples/disco/ortho/coco/000000000057.png
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/instance/ADE_train_00003558_c564.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/instance/ADE_train_00005198_c762.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/instance/ADE_train_00000732_c579.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/instance/ADE_train_00003253_c750.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/instance/ADE_train_00004140_c564.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/imagenet/ILSVRC2012_val_00000001_c065.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/imagenet/ILSVRC2012_val_00000005_c516.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/imagenet/ILSVRC2012_val_00000003_c231.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/imagenet/ILSVRC2012_val_00000004_c809.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/imagenet/ILSVRC2012_val_00000002_c795.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/coco/000000000057_c752.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/coco/000000000001_c468.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/coco/000000000016_c981.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/coco/000000000063_c981.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/standard/coco/000000000019_c345.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/instance/ADE_train_00003558_c564.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/instance/ADE_train_00005198_c762.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/instance/ADE_train_00000732_c579.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/instance/ADE_train_00003253_c750.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/instance/ADE_train_00004140_c564.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/imagenet/ILSVRC2012_val_00000001_c065.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/imagenet/ILSVRC2012_val_00000005_c516.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/imagenet/ILSVRC2012_val_00000003_c231.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/imagenet/ILSVRC2012_val_00000004_c809.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/imagenet/ILSVRC2012_val_00000002_c795.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/coco/000000000057_c752.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/coco/000000000016_c981.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/coco/000000000019_c345.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/coco/000000000001_c675.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/bigcolor/ortho/coco/000000000063_c522.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/mixed/standard/coco/000000000001_colorized.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/mixed/standard/coco/000000000019_colorized.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/mixed/standard/coco/000000000057_colorized.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/mixed/standard/coco/000000000063_colorized.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/mixed/standard/coco/000000000016_colorized.jpg
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/instance/ADE_train_00003253.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/instance/ADE_train_00003558.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/instance/ADE_train_00004140.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/instance/ADE_train_00000732.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/instance/ADE_train_00005198.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000004.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000002.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000003.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000001.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/imagenet/ILSVRC2012_val_00000005.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/coco/000000000057.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/coco/000000000019.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/coco/000000000016.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/coco/000000000063.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/standard/coco/000000000001.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/instance/ADE_train_00003253.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/instance/ADE_train_00003558.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/instance/ADE_train_00004140.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/instance/ADE_train_00000732.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/instance/ADE_train_00005198.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000004.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000002.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000003.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000001.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/imagenet/ILSVRC2012_val_00000005.JPEG.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/coco/000000000057.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/coco/000000000019.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/coco/000000000016.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/coco/000000000063.jpg.png
+/data/swarnim/eccv2026/image_reviews/image_samples/unicolor/ortho/coco/000000000001.jpg.png

image_samples/bigcolor/ortho/coco/image_sources.csv

@@ -0,0 +1,6 @@
+Image,Source_Path
+000000000001_c675.jpg,/data/swarnim/BigColor/results_5k/coco_bg/coco/000000000001_c675.jpg
+000000000016_c981.jpg,/data/swarnim/BigColor/results_5k/coco_bg/coco/000000000016_c981.jpg
+000000000019_c345.jpg,/data/swarnim/BigColor/results_5k/coco_bg/coco/000000000019_c345.jpg
+000000000057_c752.jpg,/data/swarnim/BigColor/results_5k/coco_bg/coco/000000000057_c752.jpg
+000000000063_c522.jpg,/data/swarnim/BigColor/results_5k/coco_bg/coco/000000000063_c522.jpg

image_samples/bigcolor/ortho/imagenet/image_sources.csv

@@ -0,0 +1,6 @@
+Image,Source_Path
+ILSVRC2012_val_00000001_c065.jpg,/data/swarnim/BigColor/results_5k/imagenet_bg/imagenet/ILSVRC2012_val_00000001_c065.jpg
+ILSVRC2012_val_00000002_c795.jpg,/data/swarnim/BigColor/results_5k/imagenet_bg/imagenet/ILSVRC2012_val_00000002_c795.jpg
+ILSVRC2012_val_00000003_c231.jpg,/data/swarnim/BigColor/results_5k/imagenet_bg/imagenet/ILSVRC2012_val_00000003_c231.jpg
+ILSVRC2012_val_00000004_c809.jpg,/data/swarnim/BigColor/results_5k/imagenet_bg/imagenet/ILSVRC2012_val_00000004_c809.jpg
+ILSVRC2012_val_00000005_c516.jpg,/data/swarnim/BigColor/results_5k/imagenet_bg/imagenet/ILSVRC2012_val_00000005_c516.jpg

image_samples/bigcolor/ortho/instance/image_sources.csv

@@ -0,0 +1,6 @@
+Image,Source_Path
+ADE_train_00000732_c579.jpg,/data/swarnim/BigColor/results_5k/instance_bg/instance/ADE_train_00000732_c579.jpg
+ADE_train_00003253_c750.jpg,/data/swarnim/BigColor/results_5k/instance_bg/instance/ADE_train_00003253_c750.jpg
+ADE_train_00003558_c564.jpg,/data/swarnim/BigColor/results_5k/instance_bg/instance/ADE_train_00003558_c564.jpg
+ADE_train_00004140_c564.jpg,/data/swarnim/BigColor/results_5k/instance_bg/instance/ADE_train_00004140_c564.jpg
+ADE_train_00005198_c762.jpg,/data/swarnim/BigColor/results_5k/instance_bg/instance/ADE_train_00005198_c762.jpg